@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 초기화 */
html, body{height:100%}
html {overflow-y:scroll;overflow-x:hidden;font-size:10px}
body {margin:0;padding:0;font-size:1.5rem;font-family:'Noto Sans KR', sans-serif;color:#333}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, table, th, td {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,ol,dl,dt,dd {margin:0;padding:0;list-style:none}
em,i,address{font-style:normal;font-weight:normal}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
img{max-width:100%;vertical-align:top}
input, button {margin:0;padding:0}
input,textarea {-webkit-appearance: none;-webkit-border-radius: 0}
input, select, textarea{border-radius:0}
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio}
input[type="submit"] {cursor:pointer}
table{border-collapse:collapse;border-spacing:0;border:0}
button {cursor:pointer;font-family:'Noto Sans KR', sans-serif}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
label{margin:0 7px 0 3px;vertical-align:-1px;}
select {-webkit-appearance: none;-moz-appearance:none;appearance:none}
select::-ms-expand {display:none;}
label{cursor:pointer}
.hide{display:none !important}
.skip{position:absolute;text-indent:-1000em;letter-spacing:-1000em;}
.sknavi:focus, .sknavi:active{width:200px;display:block;background-color:#eee;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:inherit;text-decoration:none}
.tel{cursor:auto;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
border:1px solid #bdbdbd;
outline:none;
}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus{border:1px solid #bdbdbd;}

.textHidden{font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}

/* align */
.alignR{text-align:right !important}
.alignC{text-align:center !important}
.alignL{text-align:left !important}

/* 이미지 확대 */
.btnViewImg{display:none}
.btnViewImg.btnViewImgPc{display:block;text-align:right;margin-top:5px;}
.btnViewImg.btnViewImgPc img{width:40px;}

/* loading */
.viewLoading{width:100%;height:100%;position:fixed;display:none;left:0;top:0;z-index:9999;background:#fff;opacity:.7;filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity:0.70;}
.viewLoading span{position:fixed;left:50%;top:50%;margin-left:-22px;margin-top:-22px;}

/* fontSize */
.fs7{font-size:0.7rem;}


/* width */
.wid_70p{width:70px}
.wid_85p{width:85px}
.wid_90p{width:90px}
.wid_100p{width:100px;}
.wid_115p{width:115px}
.wid_150p{width:150px}
.wid_250p{width:250px}

.wid_2{width:2%}
.wid_3{width:3%}
.wid_4{width:4%}
.wid_5{width:5%}
.wid_6{width:6%}
.wid_7{width:7%}
.wid_8{width:8%}
.wid_9{width:9%}
.wid_10{width:10%}
.wid_11{width:11%}
.wid_12{width:12%}
.wid_13{width:13%}
.wid_14{width:14%}
.wid_15{width:15%}
.wid_17{width:17%}
.wid_19{width:19%}
.wid_20{width:20%}
.wid_22{width:22%}
.wid_23{width:23%}
.wid_24{width:24%}
.wid_25{width:25%}
.wid_27{width:27%}
.wid_30{width:30%}
.wid_31{width:31%}
.wid_32{width:32%}
.wid_33{width:33%}
.wid_34{width:34%}
.wid_35{width:35%}
.wid_39{width:39%}
.wid_40{width:40%}
.wid_45{width:45%}
.wid_46{width:46%}
.wid_47{width:47%}
.wid_49{width:49%}
.wid_50{width:50%}
.wid_55{width:55%}
.wid_60{width:60%}
.wid_65{width:65%}
.wid_66{width:66%}
.wid_68{width:68%}
.wid_70{width:70%}
.wid_75{width:75%}
.wid_80{width:80%}
.wid_83{width:83%}
.wid_85{width:85%}
.wid_86{width:86%}
.wid_90{width:90%}
.wid_95{width:95%}
.wid_100{width:100%}
.col_3{width:33.333%}


/* padding, margin */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt70{margin-top:70px}

.mr5{margin-right:5px;}

.mb3{margin-bottom:3px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb70{margin-bottom:70px}

.pl10{padding-left:10px;}
.pr50{padding-right:50px;}
.pd20{padding:20px;}


/* Etc */
.etcPopBox{position:relative;font-size:16px}
.etcPopBox h2{background:#2c62b3;color:#fff;padding:20px;font-weight:bold;}
.etcPopBox .etcPopBoxCont{box-sizing:border-box;border:1px solid #ddd;padding:20px;margin:10px}
.etcPopBox .etcPopBoxCont dl{padding-bottom:20px;}
.etcPopBox .etcPopBoxCont dl dt{font-weight:bold;padding-bottom:5px;}
.etcPopBox .etcPopBoxCont dl dd{position:relative;padding-left:10px;line-height:24px;}
.etcPopBox .etcPopBoxCont dl dd > ol{margin-top:10px;}
.etcPopBox .etcPopBoxCont dl dd > ol > li{margin-bottom:10px;}
.etcPopBox .etcPopBoxCont dl dd > ol > li:last-child{margin-bottom:0;}
.etcPopBox .btn_close{position:absolute;right:10px;top:17px;background:none;border:0;}
.etcPopBox .etcPopBoxCont dl dd .etcUseList li{margin-bottom:;}
.etcPopBox .etcPopBoxCont dl dd .etcUseList{}
.etcPopBox .etcPopBoxCont dl dd .etcUseList li:nth-child(3), .etcPopBox .etcPopBoxCont dl dd .etcUseList li:nth-child(n+6){margin-bottom:10px;}
.etcPopBox .etcPopBoxCont dl dd .etcUseList li:last-child{margin-bottom:50px;}

@media screen and (max-width:1279px){
html{font-size:9px}


@media screen and (max-width:979px){
html{font-size:8px}
}

@media screen and (max-width:767px){
html{font-size:7.5px}

/* 이미지 확대 */
.btnViewImg{display:block;margin-top:5px;text-align:right}
.btnViewImg img{width:40px;}
}

@media screen and (max-width:501px){
html{font-size:7px}
}

@media screen and (max-width:400px){
html{font-size:6.5px}
}