@charset "UTF-8";

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:200;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style: normal;
    font-weight:400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:600;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/*font*/
.bold {font-weight:bold;}
.gray {color:#cbcbcb;}

/* IE10 뷰포트 버그대응 */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
/* @viewport { width: device-width; } */

html,body {width:100%; height:100%; min-width:320px;}
body * {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table {font-family:'Noto Sans KR', '새굴림'; font-size:16px; line-height:1.6; color:#666; font-weight:400;}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{}
select{min-height:30px;}
em,address{font-style:normal}
a{text-decoration:none;     color: #222;}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
button {
    vertical-align: top;
    background: transparent;    border: 0;
}
caption, legend, label, .heading {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
table caption {position:static;}
strong{font-weight:normal !important; font-family:'malgun Gothic' !important;}
legend, .hd-element {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.overflow {overflow:hidden;}
.wordK {word-break:keep-all;}

/* 정렬 */
.align_l {text-align:left !Important;}
.align_r {text-align:right !important;}
.align_c {text-align:center !important;}
.float_l {float:left !important;}
.float_r {float:right !important;}

/* 마진 */
.mt10 {margin-top:10px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}


/* 컬러 */
.c_blue {color:#0563c5;}
.c_green {color:#00a751;}

.bg_blue {background:#0563c5;}
.bg_red {background:#bc3b3b;}

/* 스킵 내비게이션 */
#skip {position: relative;}
#skip a {position: absolute; left: 0px; top: -50px; width: 100%; border:1px solid #fff; color: #fff; font-size:1.2em; text-align: center; background: #146ed8; line-height: 45px; z-index:99999999;}
#skip a:active,
#skip a:focus {top: 0;}

.mobile {display:none;}

/* 말줄임표 */
.split {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.split2 {overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 1199px) {
	.pc {display:none;}
	.mobile {display:block;}

	/* 마진 */
	.mt30 {margin-top:15px;}

}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* .container {padding:0 10px;} */
	/* 마진 */
	.mt50 {margin-top:30px;}
}