@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: header.css
 * @Description : header Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */


/* live_movie */
.live_view { display:inline-block; width:100%; position:relative;}/* 16:9 ÀÚµ¿»çÀÌÁî */
.live_view::after { padding-top:56.25%; display:block; content: '';}
.live_view .movie { position:absolute; top:0; bottom:0; right:0; left:0; background:#454545; font-size:0px; background:url("../img/content/live_bg.png") no-repeat left top; background-size:100% 100%; overflow:hidden; }
.live_view .movie img { width:100%; height:100%;}


/* modalpopup */
.modalpopup {}
.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}
.needpopup_wrapper{ position:fixed; z-index:999; top:0;left:0; visibility:hidden; overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease; transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.5)}
.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
.needpopup-overflow .needpopup_wrapper{padding:10px}
.needpopup{ position:relative;z-index:9999;top:40%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;max-width:100%;margin-left:-180px;padding:30px; text-align:center; opacity:0;background:#fff; letter-spacing:-0.05em;
-webkit-transform:scale(.1,.1);
-ms-transform:scale(.1,.1);
transform:scale(.1,.1);}
.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1; border-radius:5px;}
.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}
.needpopup_remover{position:fixed;z-index:9999;top:30px;right:30px; font-size:40px;line-height:.5;color:#fff;text-decoration:none}
.needpopup_remover:hover{color:#ccc}
.needpopup_remover:before{content:'X'; font-family:'NanumBarunGothicBold', sans-serif; font-size:22px;}
.needpopup .needpopup_remover{ top:15px; right:25px;line-height:.5; color:#000}
.needpopup .needpopup_remover:hover{color:#0d55ad}
.needpopup .con_txt01 { padding:10px 0; font-size:15px; line-height:22px;}
.needpopup .con_txt01 strong { letter-spacing:0.05em; font-family:'NanumBarunGothicBold', sans-serif; font-size:18px;}
.needpopup .txt_O { color:#FF3300;}
.needpopup .in_pass { border:1px #ddd solid; border-radius:5px; height:46px; line-height:46px; padding-left:15px; width:100%;}
.needpopup .btn_check { background-color:#0d55ad; color:#fff; border-radius:5px; height:46px; text-align:center; width:100%; margin-top:5px;}


/* Layout */
.inner { min-width:360px; width:1200px; margin:0 auto}

#skip_to_content { position:absolute; left:0; top:-10em; width:100%; z-index:99999;}
#skip_to_content a:active, #skip_to_content a:focus { position:absolute; left:0; top:10em; width:100%; height:27px; color:#fff; text-align:center; text-decoration:none; line-height:30px; outline:0;}

/* Header --------------------------------------------------------------------------- */
#header {position:relative; z-index:200;}
.tnb { height:45px; background:#005aab;}
/* link_site */
.other_site { float:left; position:relative; height:45px; border-left:1px #4685be solid;}
.other_site li { float:left; height:45px; width:135px; overflow:hidden; border-right:1px #4685be solid; }
.other_site li a { display:block; line-height:45px; color:#fff; text-align:center;}
.other_site li a:hover {  font-family:'NanumGothicBold', sans-serif; text-decoration:underline; background-color:#0e6dc3; }

/* other_conn */
.other_con { float:right;}
.other_con li{ float:left; margin-left:2px;}
/* sns */.sns { float:left; position:relative; padding-right:4px;}
.sns a { float:left; width:34px; height:34px; background:url("../img/header/icon_sns.png") no-repeat; font-size:0px; margin:5px 1.5px;}
.sns a.facebook { background-position:-74px;}
.sns a.blog { background-position:left;}

/* control_text */
.control_text { float:left; height:45px; line-height:45px; vertical-align:middle; }
.control_text button { position:relative; float:left; width:45px; height:45px; border:1px solid #005aab; font-size:15px; background:#fff; padding:0;}
.control_text button:hover { color:#005aab; z-index:1; background-color:#f7f7f7;}
#btn_text_large {}
#btn_text_default { width:45px; font-size:10px; line-height:45px; }
#btn_text_small {}

/* headertop */
#headertop {position:relative; height:100px; background:#fff;}
#headertop .inner {position:relative; width:1200px; margin:0 auto;}
.top_logo {position:absolute; top:17px; left:50%; margin-left:-150px; width:300px; z-index:1; }
.top_logo img { width:100%;}
.slogan { position:absolute; left:10px; top:38px; font-size:22px; font-family: "NanumBarunGothic";}
.slogan .clo1 { color:#005aab;}
.slogan .clo2 { color:#71a32f;}
.slogan .clo3 { color:#f67401;}

/* gnb_wrap contents */
#gnb_wrap { position:relative; height:55px; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid;}
#gnb_wrap .offscreen { display:none;}
#gnb_wrap .inner { clear:both; width:100%;}
/* .gnbquick */ #gnb_wrap .gnbquick { display:none; position:relative; height:60px; background:#da764a url("../img/content/bg_left_title.png") no-repeat center; background-size:100%; }
#gnb_wrap .gnbquick li { float:left; height:60px;}
#gnb_wrap .gnbquick .home { width:60px; height:60px; }
#gnb_wrap .gnbquick .home a { display:inline-block; width:60px; height:60px; padding:20px 0 0; text-align:center; vertical-align:middle; border-right:solid 1px #c06138;}
#gnb_wrap .gnbquick .mview_slogan {  border-left:solid 1px #f3a583; padding-left:10px; color:#fff;}
#gnb_wrap .gnbquick .mview_slogan img { width:250px; margin-top:3px;}
#gnb_wrap .gnbquick > li a {}
/* gnb */ #gnb { position:relative; width:1200px; margin:0 auto; border-bottom:1px #ddd solid; height:55px;}
#gnb > li { float:left; width:20%; background:#fff url("../img/header/pt_gnb.png") no-repeat right center;}
#gnb > li:last-child { background-image:none;}
#gnb > li > a { position:relative; display:block; height:54px; line-height:54px; color:#333; font-size:20px; font-family: "NanumBarunGothic"; text-align:center;text-decoration:none;}
#gnb > li.active > a { border-bottom:5px solid #005aab; color:#005aab;}
/* btn_menu */#btn_menu {display:none;}

/* search */
.hd_search { position:absolute; right:10px; top:25px; height:50px; display:inline-block; z-index:5;} 
.hd_search .h_btn { text-indent:-99999px;border:0px; display:none;}
.hd_search .open_search {top:0px; right:0px; width:50px; height:50px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.hd_search .close_search {top:0px; right:0px; width:50px; height:50px; background:#fff url("../img/header/btn_search.png") no-repeat center; display:none;}
.totalsearch { display:inline-block; height:50px; z-index:99; position:relative;}
.totalsearch label { display:none; line-height:0; text-indent:-9999999px; position:absolute; top:-9999999px; left:-9999999px}
.totalsearch .search input { float:left; border:0px; font-size:15px; height:50px; border:none;}
.totalsearch .search #stext { width:300px; height:50px; border:0px; line-height:50px; padding:0 55px 0 15px; border-radius:10px; border:2px #005aab solid; }
.totalsearch .search #sbtn { position:absolute; right:0px; top:0px; width:50px; height:50px; cursor:pointer; text-indent:-9999999px; background:url("../img/header/btn_search.png") no-repeat center; background-size:30px; border-radius:50%;}





@media all and (max-width:1024px) and (min-width:768px){

.mask { display:none; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; height:100%; background:url("../img/header/bg_op60.png"); z-index:100; background-size:100% 100%;}

/* Layout */
.inner { width:100%;}

/* Header --------------------------------------------------------------------------- */
#header { width:100%;}
.tnb { width:100%; height:40px;}
/* link_site */
.other_site { height:40px;}
.other_site li { height:40px; width:110px;}
.other_site li a { line-height:40px;}

/* sns */
.sns { padding-right:2px;}
.sns a { margin:3px 1.5px;}
/* control_text */
.control_text { height:40px; line-height:40px;}
.control_text button { width:40px; height:40px;}
#btn_text_large {}
#btn_text_default { width:40px; line-height:40px;}
#btn_text_small {}

/* headertop */
#headertop { border-bottom:1px #dbdbdb solid;}
#headertop .inner { width:100%;}
.top_logo { left:20px; margin-left:0px;}
.slogan { display:none;}

/* gnb_wrap contents */
#gnb_wrap { height:0px; border:0px;}
/* .gnbquick */ #gnb_wrap .gnbquick { display:block; height:50px;}
#gnb_wrap .gnbquick li { height:50px;}
#gnb_wrap .gnbquick .home { width:50px; height:50px;}
#gnb_wrap .gnbquick .home a { width:50px; height:50px; padding:15px 0 0;}
#gnb_wrap .gnbquick .mview_slogan { line-height:50px; font-size:18px; font-family: "NanumGothic";}
.mview_slogan .clo1, .mview_slogan .clo2, .mview_slogan .clo3 { font-size:22px; font-family: "NanumBarunGothic";}
/* gnb */ #gnb { width:100%;}
#gnb > li > a { height:55px; line-height:55px;}

/* dc_menu */
#dc_menu { display:block; opacity:0; position:absolute; top:0px; right:0px; width:100%; height:auto; display:block; background:#fff;}
#btn_menu  {position:absolute; top:-75px; right:20px; display:block; width:50px; border-radius:10px;}
#btn_menu img {border-radius:10px; width:100%;}

/* search */
.hd_search { left:inherit; right:80px; margin-left:0px;}
.totalsearch .search #stext { width:300px;}


}





@media all and (max-width:768px){
.mask { display:none; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:url("../img/header/bg_op60.png"); z-index:100;}

/* Layout */
.inner { width:100%;}

/* Header --------------------------------------------------------------------------- */
#header { width:100%; height:auto;}
.tnb { width:100%; height:35px;}
/* link_site */
.other_site { float:left; height:35px; padding-left:0px;}
.other_site li { width:90px; height:35px; margin-top:0px; border-radius:0;}
.other_site li a { line-height:35px; padding:0; font-size:14px;}

/* other_conn */
.other_con { text-align:right; padding-right:0px;}
.other_con li { float:left; margin-left:0px;}
/* sns */.sns { padding-right:0px;}
.sns a { width:35px; height:35px; border-radius:0px; margin:0; background-size:140px;}
.sns a.blog { background-position:left;}
.sns a.facebook { background-position:-70px;}
/* control_text */.control_text { display:none;}

/* headertop */
#headertop { border-bottom:1px #dbdbdb solid; height:75px;}
#headertop .inner { width:100%;}
.top_logo { left:10px; top:15px; margin-left:0px; width:210px;}
.slogan { display:none;}

/* gnb_wrap contents */
#gnb_wrap { height:0px; border:0px;}
/* .gnbquick */ #gnb_wrap .gnbquick { display:block; height:50px;}
#gnb_wrap .gnbquick li { height:50px;}
#gnb_wrap .gnbquick .home { width:50px; height:50px;}
#gnb_wrap .gnbquick .home a { width:50px; height:50px; padding:15px 0 0;}
#gnb_wrap .gnbquick .mview_slogan { line-height:50px; font-size:18px; font-family: "NanumGothic";}
.mview_slogan .clo1, .mview_slogan .clo2, .mview_slogan .clo3 { font-size:22px; font-family: "NanumBarunGothic";}
/* gnb */ #gnb { margin:0; width:100%;}
#gnb > li { width:100%; background-image:none;}
#gnb > li > a { height:50px; line-height:50px; color:#444; font-size:20px; border-bottom:solid 1px #ddd; padding-left:37px; text-align:left; background:url("../img/header/icon_hdmenu.png") no-repeat 15px center;}

/* dc_menu */
#dc_menu { display:block; opacity:0; position:absolute; top:0px; right:0px; width:100%; height:auto; display:block; background:#fff;}
#btn_menu  { position:absolute; top:-58px; right:10px; display:block; width:40px; border-radius:5px;}
#btn_menu img {border-radius:5px; width:100%;}

/* search */
.hd_search { position:absolute; left:inherit; right:55px; width:40px; height:40px; top:17px;}
.hd_search .h_btn {display:inherit; border-radius:5px;}
.hd_search .open_search, .hd_search .close_search {cursor:pointer; width:40px; height:40px; }
.hd_search .open_search { background: url("../img/header/btn_search.png") no-repeat center; background-size:30px; border:1px #005aab solid;}
.hd_search .close_search { border:1px #005aab  solid; display:none; background:#f7f7f7 url("../img/header/btn_search_close.png") no-repeat center;}
.totalsearch { display:none; position:fixed; left:0px; top:110px; width:100% !important; padding:10px; height:70px; background-color:#eeeaf0; z-index:200; border:0px; margin:0px;}
.totalsearch .search { width:100%;}
.totalsearch .search input {height:49px;}
.totalsearch .search #stext { width:100%; height:50px;}
.totalsearch .search #sbtn {width:50px; height:50px; top:10px; right:10px;}


}