@charset "utf-8";

/**********Web Font************/

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


/*font*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('/assets/fonts/NotoSans-Light.eot');
	src: url('/assets/fonts/NotoSans-Light.woff2') format('woff2'), url('/assets/fonts/NotoSans-Light.woff') format('woff'), url('/assets/fonts/NotoSans-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/NotoSans-Medium.eot');
	src: url('/assets/fonts/NotoSans-Regular.eot');
	src: url('/assets/fonts/NotoSans-Regular.woff2') format('woff2'), url('/assets/fonts/NotoSans-Regular.woff') format('woff'), url('/assets/fonts/NotoSans-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('/assets/fonts/NotoSans-Medium.eot');
	src: url('/assets/fonts/NotoSans-Medium.woff2') format('woff2'), url('/assets/fonts/NotoSans-Medium.woff') format('woff'), url('/assets/fonts/NotoSans-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('/assets/fonts/NotoSans-Bold.eot');
	src: url('/assets/fonts/NotoSans-Bold.woff2') format('woff2'), url('/assets/fonts/NotoSans-Bold.woff') format('woff'), url('/assets/fonts/NotoSans-Bold.otf') format('opentype');
}




@font-face {
    font-family: 'GmarketSansLight';
    src: url('/assets/fonts/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/assets/fonts/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'GmarketSansBold';
    src: url('/assets/fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GongGothicMedium';
    src: url('/assets/fonts/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*************************************************************************************************
 
 *  Reset Css
 
 *************************************************************************************************/


/* common*/
html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;text-size-adjust:none;-webkit-font-smoothing: antialiased;/*overflow-y:scroll;*/}
/*html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;list-style:none;font-size:15px;line-height:1.2;font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica', 'Verdana', 'Dotum', '돋움', verdana, sans-serif; box-sizing: border-box;}*/
sup {vertical-align:top;font-size:0.6em;}

h1,h2,h3,h4,h5,h6,em,address {font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}

h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} 
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
audio,img,video{max-width:100%;max-height:100%}
img{border:none;}

address,cite,dfn,optgroup,em,i{font-style:normal}
figcaption,figure{margin:0;padding:0}
mark{background-color:#ff0;color:#1a1a1a}
small{font-size:90%}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{color:#aaa!important;text-decoration:line-through}

label,button{cursor:pointer}
label{display:inline-block;cursor:pointer}
iframe{display:block;max-width:100%}
template{display:none}

a{box-sizing: border-box; vertical-align:middle; color:#1a1a1a}
a:link,a:visited{text-decoration:none;/*color:#3a3a3a;*/}
a:hover,a:focus,a:active{text-decoration:none;color:#3a3a3a}
a:focus {border:0}
hr{display:none; overflow:hidden;position:absolute;height:0;width:0}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
p{text-align:left;word-break:keep-all}


table {width:100%;border-collapse:collapse;border-spacing:0; word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}

*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*:after,:before{display:none;content:''}*/

b,strong{font-weight:600}
summary{display:list-item;cursor:pointer}
output{display:inline-block}
ul,ul>li,li{list-style:none}
ol{overflow:hidden;position:relative;counter-reset:number}
ol>li{counter-increment:number}
ol>li:before{/*content:counter(number,decimal) "."*/}


.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}


button{margin:0;padding:0;border:0;background:none}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{/*-webkit-border-radius:0;*/-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#fafafa}
select:disabled{background-color:#ebebeb}
[hidden]{display:none!important}



/* hidden contents */
.skip, .hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
#skip_to_container {position:absolute;top:0;height:0px;width:100%;z-index:150;} 
#skip_to_container a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_to_container a:focus, 
#skip_to_container a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#021b87;}

@media screen and (max-width:768px){
    .skip,caption,legend{overflow:visible;font-size:3px!important}
}





/*caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}*/
caption{
    position: absolute;
    left:-9999px;
    display:inline-block;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    overflow: hidden;
    text-indent:-9999px;
    opacity: 0;
	letter-spacing:-1px;
}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select, img, input, textarea,button {font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica', 'Verdana', 'Dotum', '돋움', verdana, sans-serif;color:#888;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background-image: url('/assets/img/sub/ic_select_arr.png'); background-repeat: no-repeat; background-position: right 10px center; padding-right: 25px;}
select::-ms-expand {display: none;}
label {vertical-align:middle;}
input[type=checkbox], input[type=radio] {/*float:left;*/margin-right:5px;vertical-align:middle;}
button {background:none; margin:0; padding:0; border:0 none; cursor: pointer;}
img {border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop'); max-width: 100%;}





/***Etc Style****/

hr.border {width:14px;height:1px;display:inline-block;text-align:center;margin:20px 0;background:#036;}
/*.blind {visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}*/
.accessibilityWrap dd a {display:block;position:absolute;top:-10000px;left:0;z-index:10000;width:100%;background:#333;color:#fff;font-size:16px;text-align:center;padding:20px 0;}
.accessibilityWrap dd a:focus {top:0;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/*Placeholder*/

::-webkit-input-placeholder {color:#888;font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}
::-moz-placeholder {color:#888;font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;} /* firefox 19+ */
:-ms-input-placeholder {color:#888;font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;} /* ie */
input:-moz-placeholder {color:#888;font-family:'Roboto','Noto Sans KR','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}





address,caption,em,cite{font-weight:normal;font-style:normal}
ins{text-decoration:none}
del{text-decoration:line-through}

table{border-collapse:separate;border:0 none;border-spacing:0}

.autoH:after{display:block;clear:both;content:' '}
.autoH{*zoom:1}

.cboth{clear: both;}


/*부드럽게 이동*/
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}

/*모바일에서 영역 클릭시 생시는 파란 박스 없애기*/
input:focus{outline:none;}
html {
-webkit-tap-highlight-color : transparent;
/* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
-webkit-touch-callout:none;
/* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
-webkit-user-select:none;
/* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

/* number 타입 숫자 컨트롤 버튼 제거 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type=number] { -moz-appearance: textfield;}
input[type=button] { -webkit-appearance: none; }

/* common */
* {margin:0;padding:0;box-sizing:border-box}
*::before,
*::after{box-sizing: border-box}



 /*************************************************************************************************
 
 *  Gab
 
 *************************************************************************************************/
 .gab10 {width: 100%; height: 10px;}
 .gab15 {width: 100%; height: 15px;}
 .gab20 {width: 100%; height: 20px;}
 .gab25 {width: 100%; height: 25px;}
 .gab30 {width: 100%; height: 30px;}
 .gab35 {width: 100%; height: 35px;}
 .gab40 {width: 100%; height: 40px;}
 .gab50 {width: 100%; height: 50px;}
 .gab60 {width: 100%; height: 60px;}
 .gab70 {width: 100%; height: 70px;}
 .gab80 {width: 100%; height: 80px;}
 .gab90 {width: 100%; height: 90px;}
 .gab100 {width: 100%; height: 100px;}
 
 .gab-w-5 {display: inline-block; vertical-align: middle; height: 1px; width: 5px;}
 .gab-w-10 {display: inline-block; vertical-align: middle; height: 1px; width: 10px;}
 .gab-w-15 {display: inline-block; vertical-align: middle; height: 1px; width: 15px;}
 .gab-w-20 {display: inline-block; vertical-align: middle; height: 1px; width: 20px;}
 .gab-w-25 {display: inline-block; vertical-align: middle; height: 1px; width: 25px;}
 .gab-w-30 {display: inline-block; vertical-align: middle; height: 1px; width: 30px;}
 .gab-w-35 {display: inline-block; vertical-align: middle; height: 1px; width: 35px;}
 .gab-w-40 {display: inline-block; vertical-align: middle; height: 1px; width: 40px;}
 .gab-w-45 {display: inline-block; vertical-align: middle; height: 1px; width: 45px;}
 .gab-w-50 {display: inline-block; vertical-align: middle; height: 1px; width: 50px;}
 
 
 @media screen and (max-width:1000px){	
     .gab10 {width: 100%; height: 10px;}
     .gab15 {width: 100%; height: 12px;}
     .gab20 {width: 100%; height: 15px;}
     .gab25 {width: 100%; height: 18px;}
     .gab30 {width: 100%; height: 20px;}
     .gab35 {width: 100%; height: 20px;}
     .gab40 {width: 100%; height: 20px;}
     .gab50 {width: 100%; height: 25px;}
     .gab60 {width: 100%; height: 30px;}
     .gab70 {width: 100%; height: 35px;}
     .gab80 {width: 100%; height: 40px;}
     .gab90 {width: 100%; height: 45px;}
     .gab100 {width: 100%; height: 50px;}
 
     .gab-w-5 {width: 2px;}
     .gab-w-10 {width: 5px;}
     .gab-w-15 {width: 8px;}
     .gab-w-20 {width: 13px;}
     .gab-w-25 {width: 15px;}
     .gab-w-30 {width: 18px;}
     .gab-w-35 {width: 20px;}
     .gab-w-40 {width: 20px;}
     .gab-w-45 {width: 25px;}
     .gab-w-50 {width: 28px;}
 }
 
 /* MARGIN */
 .mgA0 { margin:0; }
 
 .mgT0 { margin-top:0px }
 .mgT5 { margin-top:5px }
 .mgT10 { margin-top:10px }
 .mgT15 { margin-top:15px }
 .mgT20 { margin-top:20px }
 .mgT25 { margin-top:25px }
 .mgT30 { margin-top:30px }
 .mgT35 { margin-top:35px }
 .mgT40 { margin-top:40px }
 .mgT45 { margin-top:45px }
 .mgT50 { margin-top:50px }
 .mgT55 { margin-top:55px }
 .mgT60 { margin-top:60px }
 .mgT65 { margin-top:65px }
 .mgT70 { margin-top:70px }
 
 .mgL5 { margin-left:5px }
 .mgL10 { margin-left:10px }
 .mgL15 { margin-left:15px }
 .mgL20 { margin-left:20px }
 .mgL25 { margin-left:25px }
 .mgL30 { margin-left:30px }
 .mgL35 { margin-left:35px }
 .mgL40 { margin-left:40px }
 .mgL45 { margin-left:45px }
 .mgL50 { margin-left:50px }
 .mgL55 { margin-left:55px }
 .mgL60 { margin-left:60px }
 .mgL65 { margin-left:65px }
 
 .mgR1 { margin-right:1px }
 .mgR5 { margin-right:5px }
 .mgR10 { margin-right:10px }
 .mgR15 { margin-right:15px }
 .mgR20 { margin-right:20px }
 .mgR25 { margin-right:25px }
 .mgR30 { margin-right:30px }
 .mgR35 { margin-right:35px }
 .mgR40 { margin-right:40px }
 .mgR45 { margin-right:45px }
 .mgR50 { margin-right:50px }
 .mgR55 { margin-right:55px }
 .mgR60 { margin-right:60px }
 .mgR80 { margin-right:80px }
 
 .mgB5 { margin-bottom:5px }
 .mgB10 { margin-bottom:10px }
 .mgB15 { margin-bottom:15px }
 .mgB20 { margin-bottom:20px }
 .mgB25 { margin-bottom:25px }
 .mgB30 { margin-bottom:30px }
 .mgB35 { margin-bottom:35px }
 .mgB40 { margin-bottom:40px }
 .mgB45 { margin-bottom:45px }
 .mgB50 { margin-bottom:50px }
 .mgB55 { margin-bottom:55px }
 .mgB70 { margin-bottom:70px }
 
 
 
 /* PADDING */
 .pdA0{padding:0;}
 .pdA5{padding:5px;}
 .pdA10{padding:10px;}
 .pdA20{padding:20px;}
 
 .pdT0{padding-top:0px}
 .pdT5{padding-top:5px}
 .pdT6{padding-top:6px}
 .pdT10{padding-top:10px}
 .pdT15{padding-top:15px}
 .pdT20{padding-top:20px}
 .pdT25{padding-top:25px}
 .pdT30{padding-top:30px}
 .pdT35{padding-top:35px}
 .pdT40{padding-top:40px}
 .pdT45{padding-top:45px}
 .pdT50{padding-top:50px}
 
 .pdL5{padding-left:5px}
 .pdL10{padding-left:10px}
 .pdL15{padding-left:15px}
 .pdL20{padding-left:20px}
 .pdL25{padding-left:25px}
 .pdL30{padding-left:30px}
 .pdL35{padding-left:35px}
 .pdL40{padding-left:40px}
 .pdL45{padding-left:45px}
 
 .pdR5{padding-right:5px}
 .pdR10{padding-right:10px}
 .pdR15{padding-right:15px}
 .pdR20{padding-right:20px}
 .pdR25{padding-right:25px}
 .pdR30{padding-right:30px}
 .pdR35{padding-right:35px}
 .pdR40{padding-right:40px}
 .pdR45{padding-right:45px}
 
 .pdB5{padding-bottom:5px}
 .pdB10{padding-bottom:10px}
 .pdB15{padding-bottom:15px}
 .pdB20{padding-bottom:20px}
 .pdB25{padding-bottom:25px}
 .pdB30{padding-bottom:30px}
 .pdB35{padding-bottom:35px}
 .pdB40{padding-bottom:40px}
 .pdB45{padding-bottom:45px}

/*blind css*/ 
.blind{position:absolute;left:-9999px;display: inline-block;width:0px;height:0px;overflow: hidden;text-indent:-9999px;opacity:0;}

input[type=checkbox] {
	accent-color: #2a72fe;
}