@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:12px; font-family: 'Noto Sans Korean', sans-serif; color:#231f20; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings:'liga'; background-color:#262626;}

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

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

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

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

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

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

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

/* WRAP */
#wrap{width:100%; min-width:1185px; overflow:hidden; background-color:#fff;}
.intro_bg{background-color:#fff; position:relative; z-index:1;}
/* .sub_bg{background-color:#fff;} */

/* SKIP_NAV */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* HEADER */
#header{width:100%; position:relative; margin:0 auto; z-index:999;}
#header .header_area{width:985px; height:auto; box-sizing:border-box; margin:0 auto; position:relative; padding-top:45px; background-color:transparent; overflow:hidden;}
#header .header_area .page_title{display:inline-block; vertical-align:top; float:left; width:auto; height:auto;}
#header .header_area .page_title a{display:block; width:100%; height:100%; font-size:35px; font-weight:400; letter-spacing:0; line-height:1.5; text-align:left; color:#000; margin-top:-17px;}
#header .header_area .menu_box{display:inline-block; vertical-align:top; float:right; box-sizing:border-box; width:28px; height:35px; padding-top:7px; text-align:right; cursor:pointer; position:relative;}
#header .header_area .menu_box img{display:inline-block; vertical-align:top; z-index:10;}
#header .header_area .menu_box img#menu_close_btn{position:absolute; top:6.5px; left:2px; display:none;}
#floating_menu_box{width:100%; height:100%; position:fixed; z-index:1000; background:url("../img/comm/menu_bg.png") repeat center; display:none; top:0; left:0;}
#floating_menu_box .menu_area{width:100%; height:100%; text-align:center; box-sizing:border-box;}
#floating_menu_box .menu_area .header_area{width:985px; height:auto; box-sizing:border-box; margin:0 auto; position:relative; padding-top:45px; background-color:transparent; overflow:hidden;}
#floating_menu_box .menu_area .header_area.hide_{opacity:0;}
#floating_menu_box .menu_area .header_area .page_title{display:inline-block; vertical-align:top; float:left; width:auto; height:auto;}
#floating_menu_box .menu_area .header_area .page_title a{display:block; width:100%; height:100%; font-size:35px; font-weight:400; letter-spacing:0; line-height:1; text-align:left; color:#fff;}
#floating_menu_box .menu_area .header_area .menu_box{display:inline-block; vertical-align:top; float:right; box-sizing:border-box; width:28px; height:35px; padding-top:7px; text-align:right; cursor:pointer; position:relative;}
#floating_menu_box .menu_area .header_area .menu_box img{display:inline-block; vertical-align:top; z-index:10;}
#floating_menu_box .menu_area .header_area .menu_box img#menu_close_btn{position:absolute; top:6.5px; left:2px; display:none;}
#floating_menu_box .menu_area .menu_list{display:inline-block; vertical-align:top; margin-top:140px;}
#floating_menu_box .menu_area .menu_list .menu_list_item{display:block; margin-bottom:40px; text-align:left; overflow:hidden;}
#floating_menu_box .menu_area .menu_list .menu_list_item:last-child{margin-bottom:0;}
#floating_menu_box .menu_area .menu_list .menu_list_item a{display:inline-block; vertical-align:top; float:left; font-size:50px; font-weight:900; letter-spacing:0; line-height:1; color:#fff;}
#floating_menu_box .menu_area .menu_list .menu_list_item .sns_link_box{display:inline-block; width:auto; height:50px; vertical-align:top; margin-left:200px; overflow:hidden; float:left;}
#floating_menu_box .menu_area .menu_list .menu_list_item .sns_link_box a{width:35px; height:35px; margin-top:7.5px; font-size:0; text-align:center;}
#floating_menu_box .menu_area .menu_list .menu_list_item .sns_link_box a img{display:inline-block; vertical-align:top;}
.intro_bg #header{position:absolute; top:0; left:0;}
.intro_bg #header .header_area .page_title a{color:#fff;}

/* left_menu */
#gnb{position:fixed; width:100%; top:0; left:-100%; z-index:15000; overflow-y:auto; background-color:rgba(0,0,0,0.6);}

/* quick*/
#quick_box{display:none;}
#quick_top{position:fixed; display:none; width:35px; height:35px; bottom:200px; left:50%; margin-left:625px;}
.sub_bg #quick_top{display:inline-block;}

@media (max-width: 1350px) {
#quick_top{right:0; margin-left:0; left:auto;}
}
/* FOOTER */
#footer{box-sizing:border-box; width:100%; padding-top:15px; padding-bottom:15px; background-color:#262626; margin-top:130px;}
#footer .footer_inbox{width:985px; height:auto; box-sizing:border-box; margin:0 auto; overflow:hidden;}
#footer .copyright{display:inline-block; vertical-align:top; float:left; font-size:13px; font-weight:400; letter-spacing:0.25; text-align:left; line-height:30px; color:#fff;}
#footer .footer_sns{display:inline-block; vertical-align:top; float:right;}
#footer .footer_sns a{display:inline-block; vertical-align:top;}
#footer .footer_sns a+a{margin-left:15px;}

.pop_layer{display:none; width:100%; height:100%; background:url('../img/sub/bg_black.png'); position:fixed; top:0; left:0; z-index:999999; overflow-y:scroll;}
.pop_layer1 section{position:relative; width:80%; height:auto; background-color:#fff; margin:10% auto 0;}
.pop_layer section .pop_close{position:absolute; top:0; right:-30px; width:30px; height:30px;}
.pop_layer section .title{padding:10px; font-size:16px; letter-spacing:-1px; font-weight:700; background-color:#f6f6f6; color:#2da5b8;}
.pop_layer section .title span{float:right; font-size:13px; font-weight:400; color:#666; padding-top:7px;}
.pop_layer section .text{font-size:13px; color:#797979; padding:10px; line-height:1.4; letter-spacing:-0.25px;}

/* PAGING */
.paging{text-align:center; font-size:12px; margin-top:30px; position:relative; margin-bottom:50px;}
.paging  a{color:#6d6d6d}
.paging .link_page{border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:24px; height:24px; line-height:24px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#a5957a; display:inline-block; text-align:center; width:24px; height:24px; font-weight:700; line-height:24px;}
.paging .btn_prev{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-right:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-left:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.width0{width:50px;}
.width1{width:10%;}
.width2{width:20%;}
.width3{width:30%;}
.width4{width:40%;}
.width5{width:50%;}
.width6{width:60%;}
.width7{width:70%;}
.width8{width:80%;}
.width9{width:90%;}
.width10{width:100%;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}

.clr{clear:both;}