@charset "utf-8";


:root {--main-color:#134aa9;}

/* CSS Document */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;vertical-align:baseline;}

html { overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,label{margin:0px;padding:0px;}
body,input,div,dt,dd,li,th,td,textarea,p,select,option {font-family:'Pretendard', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', 'AppleGothic', 'sans-serif';line-height: 1.6;text-decoration:none;color:#333;}
strong {font-weight:bold;}

/* link */
a {color:#222;text-decoration:none;transition:all .3s;}

address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
dl, dt, dd, ul, ol, li {list-style-type:none;list-style-image:none;}
fieldset,legend {border-bottom:0px;border-left:0px;border-top:0px;border-right:0px;}
input, select, textarea, label {vertical-align:middle;}



img {border-bottom:medium none;border-left:medium none;border-top:medium none;border-right:medium none;vertical-align:top;}
caption {position:absolute;padding-bottom:0px;margin:0px;padding-left:0px;width:0px;padding-right:0px;height:0px;font-size:0px;overflow:hidden;padding-top:0px;}
br {letter-spacing:0px;}
fieldset {border:0;}
hr {display:none;}
button {border:0;cursor:pointer;overflow:visible;background:none;font-family: 'Pretendard';}
table {border-collapse:collapse;border-spacing:0;}
table.separate {border-collapse: separate;}

/* 기타태그*/
big, s, small, strike, tt, b, u, i, center, header, nav, article, footer, address , aside ,menu ,section{display:block;}
comment {display:none;}
legend {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
fieldset {border:none;}

.blind, .hidden, .hidd {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.bg_none {background:none !important;}

input.textbox, textarea.textbox {margin:3px 0; padding:3px;}
input, textarea, select {font-family:inherit;line-height:22px;padding:3px;/*margin:1px 0;*/}

input::-ms-input-placeholder {color:#ddd;}
input::-webkit-input-placeholder {color:#ddd;}
input::-moz-placeholder {color:#ddd;}
textarea::-webkit-input-placeholder {color:#ddd;}

input[type=text], input[type=password] {background:#fff;width:250px;height: 50px;padding:2px 0;color:#454545;text-indent:7px;border:1px solid #a7a9ac;border-radius:5px;transition:all .3s;padding: 0 0 2px 12px;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {border:1px solid #32798f;}
input[type=submit] {cursor:pointer;background:#32798f;color:#fff;border:0;padding:9px 25px;font-weight:bold;border-radius:5px;transition:all .3s;}
input[type=submit]:hover {background:#505c68;}
textarea {border:1px solid #a7a9ac;border-radius:5px;padding:6px;transition:all .3s;}

input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
input[type="checkbox"] + label:before {content:' ';display:inline-block;width:18px;height:18px;line-height:18px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;background:#fafafa;border:1px solid #cacece;border-radius:3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
input[type="checkbox"] + label:active:before,
input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
input[type="checkbox"]:checked + label:before {content:'\2714';color:#fff;text-shadow:1px 1px #0d8679;background:#32798f;border-color:#32798f;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}

input[type="radio"]:not(old) {opacity:0;width:0;}
input[type="radio"]:not(old) + label {display:inline-block;height:24px;padding-left:27px; background:url('../images/radio_button_unchecked.svg') no-repeat 0 50%;}
/*no-repeat 0 0;}*/
input[type="radio"]:not(old):checked + label {display:inline-block;background:url('../images/radio_button_checked.svg') no-repeat 0 0;}

select {min-width: 150px;height:50px;border:1px solid #a7a9ac;border-radius:5px;transition:all .3s;background:none;background: url(../images/keyboard_arrow_down_black.svg) no-repeat 100%;
    background-size: 31px;}
select:hover, select:focus {border:1px solid #32798f;outline: none;}
/*기존화살표 없애기*/
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}







/* clear */
.clearfix:after {display:block;content:'';clear:both;}


/* table */


/* 탭메뉴 */

/* 폰트 사이즈 */
h3{font-size: 20px; }
.mypage h4{font-size: 16px; margin: 10px 0;border: 0.0625rem solid rgb(206, 212, 218);border-radius: 20px;padding: 5px 15px;display: inline-block;}

/* 폰트 컬러 */
.blue_fc {color: #4776eb;}
.gray_fc {color: #848484;}
.red_fc {color:#d91111;}


/*button style*/
button.btn_type01 {padding: 7px 20px;border: 1px solid #898989;border-radius: 10px;background-color: #fff;font-weight: 600;}
button.btn_type02 {padding: 7px 20px;border-radius: 10px;background-color: #537ef4;font-weight: 600; color:#fff;}


button.reset{background: url(../images/reset.svg) no-repeat 10% #fff;padding-left:33px;background-size: 20px;}
button.add_kyw{background: url(../images/add_kyw.svg) no-repeat 7% #fff;padding-left:33px;background-size: 20px;}
button.slider_btn {background: url(../images/menu.svg) no-repeat 10% #fff;padding-left: 33px;background-size: 20px;}
button.more_btn {position: absolute;top: 3%;left: 50%;transform: translate(-50%, -50%);width: 42px;height: 42px;border-radius: 50px;box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 22%);
background: url(../images/double_arrow.svg) no-repeat 50% #fff;font-size: 0;}


/* btnType */
.btnType {display:inline-block;min-width:100px;padding:12px 15px;font-size:15px;border-radius:5px;transition:all .3s;}
.btnType.white {background:#fff;color:#333;border:1px solid #a7a9ac;} /* white */
.btnType.white:hover, .btnType.white:focus {border-color:#505c68;}


/* table_style */
table.basic {width:100%;margin-bottom:30px;border-top:2px solid #333;border-right: 1px solid #e5e5e5;}
table.basic th {background:#f9f9f9;font-weight:bold;}
table.basic th, table.basic td {padding: 15px 10px;border-bottom:1px solid #e5e5e5;vertical-align:middle;/*text-align: center;*/border-left: 1px solid #e5e5e5;}

table.center td, table.center th {text-align: center;}