@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:#fff url("../img/header/bg_movie.png") no-repeat center; 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 .img_modal { width:80px; margin-bottom:15px;}
.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} /* Default :1200 */

#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:url('../img/header/bg_tnb.png') repeat-x bottom;}
/* link_site */
.other_site { float:left; position:relative; height:45px; border-left:1px #696969 solid;}
.other_site li { float:left; height:45px; width:110px; border-right:1px #696969 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:#2d2d2d;}

/* other_conn */
.other_con { float:right;}
.other_con li{ float:left; margin-left:2px;}
/* 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:0px; font-size:15px; background:#2d2d2d url("../img/header/btn_zoom_pt.png") no-repeat right center; padding:0; cursor:pointer;}
.control_text button:hover, .control_text button:active, .control_text button:focus { color:#fff; z-index:1;}
#btn_text_large { color:#fff; border:0px;}
#btn_text_default { width:45px; font-size:10px; line-height:37.5px; background:#2d2d2d url("../img/header/btn_fontnormal.png") no-repeat center; border-left:0px; border-right:0px; font-size:0px;}
#btn_text_small { color:#fff; border:0px; background:#2d2d2d url("../img/header/btn_zoom_pt.png") no-repeat left center;}

/* gnb_search */
.gnb_search { float:right; position:relative; width:45px;}
.btn_gnb_search { font-size:0px; position:absolute; right:0px; top:0px; width:45px; height:45px; background:#0071b9 url("../img/header/btn_search.png") no-repeat center;}
.btn_gnb_search img {}
/* smartsearch */.smartsearch { display:none; position:absolute; top:45px; right:0px; width:450px; min-height:100px; background:#0071b9; z-index:1; }
.search_Box { margin:0; width:450px; min-height:100px; position:relative; padding-left:8px;}
.smartsearchBoxtit { color:#fff; padding:10px 0 10px 15px;}
.search_Box fieldset { display:inline-block; margin:0 10px;}
.search_Box .search_wrapbox { background:#fff; border-radius:5px; width:360px; height:45px; line-height:45px; position:relative;}
.search_Box .search_wrapbox label { display:none;}
.search_Box .input_keyword { font-size:16px; padding:0 0 0 10px !important; background:none; height:45px; line-height:45px; width:350px !important; border:none !important; }
.search_Box .btn_search { background:#fff url("../img/header/btn_m_search.png") no-repeat center; width:45px; height:45px; position:absolute; right:0px; border:0px; font-size:0px;}
.smartsearchclose {position:absolute; top:0px; right:-55px;}
.smartsearchclose a { width:45px; height:45px; float:right; background:#5658b2; border-radius:5px;}
.smartsearchclose a img { width:100%;}

/* headertop */
#headertop { position:relative; height:100px;}
#headertop .logo_inner { position:relative; width:1200px; margin:0 auto;}
.top_logo { float:left; width:330px; }
.top_logo a { position:relative; top:19px; display:block; z-index:1;}
.top_logo img { width:290px;}

/* gnb_wrap contents */
#headertop #gnb_wrap { height:100px; border-bottom:1px #ddd solid; z-index:10;}
/* dc_menu */
#gnb_wrap #dc_menu {  height:auto; display:block; }
#gnb_wrap .offscreen { display:none;}
#gnb_wrap .gnb_inner { width:; margin:0 auto; position:relative;}
/* .gnbquick */
#gnb_wrap .gnbquick { position:relative; height:60px; background:#094f91; }
#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 #1e6bb4;}
#gnb_wrap .gnbquick .mview_slogan {  border-left:solid 1px #07325b; padding-left:10px; color:#fff; line-height:60px; font-size:16px;}
#gnb_wrap .gnbquick .mview_slogan strong { font-size:18px; font-family:'NanumGothicBold', sans-serif;}

/* gnb */
#gnb { width:100%; height:100px; min-width:1200px;}
#gnb a {display:block;}
#gnb .depth { display:none;}

/* memu_bg */
#gnb .memu_bg { position:absolute; left:0px; width:100%; height:100px; font-size:0px; }
#gnb .memu_bg .depth { position:absolute; top:100px; left:0px; width:100%; height:250px; background:#f5f7f9; border-bottom:1px #eee solid; }

/* 1 Depth */#btn_menu, #btn_search {display:none;}
#gnb > li { display:block; float:left; width:145px; padding-right:5px; background:url("../img/header/gnb_icon.png") no-repeat right 46px;}
#gnb > li:last-child { background-image:none; padding-left:0px;}
#gnb > li > a { position:relative; display:block; height:100px; line-height:100px; color:#333; font-size:20px; font-family: "NanumBarunGothic"; text-align:center;text-decoration:none; }
#gnb > li.active > a { border-bottom:5px solid #0071b9; color:#00428e; }
/* 2 Depth */.gnb2 {position:static;}
#gnb > li > div { display:none; position:absolute; top:100px; left: auto; z-index:10; background:url("../img/header/gnb_ptline.png") repeat-y left;}
#gnb > li > div .dep_list li { padding:0px;}
#gnb > li > div .dep_list a { text-align:left; display:block; padding:8px 0 8px 17px; line-height:22px; background:url("../img/header/icon_hdmenu.png") no-repeat 3px 11px; font-size:16px; letter-spacing:-0.05em; background-size:14px;}
#gnb > li > div .dep_list a:hover { color:#0071b9; background:url("../img/header/icon_hdmenu_over.png") no-repeat 4px 12px; text-decoration:underline; background-size:14px; padding-left:18px;}
#gnb > li > div .dep_list { width:100%; height:250px; padding:15px 0;}
/* 3 Depth */
#gnb > li > div .dep_list .sub_3D a { height:24px; line-height:26px; font-size:15px; color:#999; background:url("../img/header/icon_menu.png") no-repeat 17px center;}
#gnb > li > div .dep_list .sub_3D a:hover { color:#000; background:url("../img/header/icon_menu.png") no-repeat 17px center;}
#gnb > li > div .dep_list .sub_3D a:last-child { margin-bottom:15px;}	

/* mview */
.mview, .mviewC {display:none !important;}
.wview, .wviewC {display:block !important;}
.mviewT {display:none !important;}
.wviewT {display:table !important;}






@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%;}

/* Header --------------------------------------------------------------------------- */
#header { width:100%;}
.tnb { width:100%;}

/* headertop */
#headertop { height:100px;}
#headertop .logo_inner {width:100%;}
.top_logo { margin-left:20px; width:290px;}
.top_logo img { width:100%;}

/* layout */
.mview, .wviewC {display:block !important;}
.wview, .mviewC {display:none !important;}
.mviewT {display:none !important;}
.wviewT {display:table !important;}

.gnb_allmneu, .btn_gnb_search, #btn_search {display:none;}
.inner { padding:0; width:100%;}

#gnb_wrap { height:80px; width:100%; z-index:1;}
#gnb_wrap .inner { width:100%; margin:0; position:relative;}

/* dc_menu */
#dc_menu { display:block; opacity:0; position:absolute; top:99px; right:0px; width:100%; height:auto; display:block; background:#fff;}

/* gnb */
#gnb { width:100%; min-width:inherit; height:250px;}
#gnb .depth { display:block !important; border-top:1px #eee solid;}

/* Depth bg */
#gnb .memu_bg .depth { position:absolute; top:60px; left:0px; height:250px; background:#f5f7f9;}

/* 1 Depth */#btn_menu, #btn_search {display:none;}
#gnb > li { display:block; float:left; width:16.666%; padding-right:5px; background:url("../img/header/gnb_icon.png") no-repeat right center;}
#gnb > li:last-child { background-image:none; padding-left:0px;}
#gnb > li > a { position:relative; display:block; height:60px; line-height:60px; color:#333; font-size:18px; font-family: "NanumBarunGothic"; text-align:center;text-decoration:none; }
#gnb > li > a:hover, #gnb > li.active > a { border-bottom:3px solid #0071b9; color:#00428e; }

/* 2 Depth */.gnb2 {position:static;}
#gnb > li > div { display:none; top:120px;}
#gnb > li > div .dep_list { height:249px; padding:15px 0;}
#gnb > li > div .dep_list li {}
#gnb > li > div .dep_list a { text-align:left; display:block; padding:8px 0 8px 17px; line-height:22px; background:url("../img/header/icon_hdmenu.png") no-repeat 3px 11px; font-size:16px; letter-spacing:-0.05em; background-size:14px;}
#gnb > li > div .dep_list a:hover { color:#0071b9; background:url("../img/header/icon_hdmenu_over.png") no-repeat 4px 12px; text-decoration:underline; background-size:14px; padding-left:18px;}
/* 3 Depth */
#gnb > li > div .dep_list .sub_3D a { height:24px; line-height:26px; font-size:15px; color:#999; background:url("../img/header/icon_menu.png") no-repeat 17px center;}
#gnb > li > div .dep_list .sub_3D a:hover { color:#000; background:url("../img/header/icon_menu.png") no-repeat 17px center;}
#gnb > li > div .dep_list .sub_3D a:last-child { margin-bottom:15px;}	

/* btn_menu - btn_search */
#btn_menu  {position:absolute; top:25px; right:70px; display:block; width:45px; border-radius:5px; overflow:hidden;}
#btn_menu img { width:100%;}
#btn_search  { background-color:#0071b9; display:block; position:absolute; top:25px; right:20px; width:45px; border-radius:5px;}
#btn_search img {border-radius:50%; width:100%;}

/* other_conn */
.other_con { position:relative; float:none; z-index:1000; /**/}
.other_con li{ float:left; margin-left:0px;/**/}
/* control_text */.control_text { position:absolute; right:0px;}

/* gnb_search */
.gnb_search { left:0px; width:100%;}
/* smartsearch */.smartsearch { width:100% !important; top:100px; display:block; z-index:20; min-height:120px; text-align:center;}
.search_Box { width:100%; padding-left:0px;}
.smartsearchBoxtit {padding:20px 0 10px 15px; font-size:18px;}
.search_Box fieldset { width:100%; margin:0px;}
.search_Box .search_wrapbox { width:410px; margin:0 auto;}
.search_Box .input_keyword {  width:360px !important; float:left;}




}





@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;}

/* Header --------------------------------------------------------------------------- */
#header { width:100%; height:auto;}
.tnb { width:100%; height:40px;}
/* link_site */
.other_site { width:100%; height:40px;}
.other_site li { width:50%; height:40px;}
.other_site li a { line-height:40px; font-size:14px;}

/* control_text */.control_text { display:none; height:31px;}

/* headertop */
#headertop { height:80px;}
#headertop .logo_inner {width:100%;}
.top_logo { margin-left:10px; width:230px;}
.top_logo a { top:15px;}
.top_logo img { width:100%;}

/* gnb_wrap contents */
#headertop #gnb_wrap { height:80px;}

/* gnb_wrap contents */
#gnb_wrap .gnbquick .mview_slogan img { width:220px; margin-top:7px;}

/* layout */
.mview, .wviewC {display:block !important;}
.wview, .mviewC {display:none !important;}
.mviewT {display:none !important;}
.wviewT {display:table !important;}

.btn_gnb_search, #btn_search {display:none;}
.inner { padding:0; width:100%;}

#gnb_wrap { height:80px;}
#gnb_wrap .inner { width:100%; margin:0; position:relative;}

/* dc_menu */
#dc_menu {display:none; opacity:0; position:absolute; top:79px; right:0px; width:100%; height:auto; background:#fff;}

/* gnb */
#gnb { margin:0; width:100%;}
#gnb > li { width:100%;}
#gnb > li > a { height:50px; line-height:50px; color:#444; font-size:18px; border-bottom:solid 1px #ddd; padding-left:37px; text-align:left; background:url("../img/header/m_menu_open.png") no-repeat 15px center;}
#gnb > li.current { background:#6791db;}
#gnb > li.current > a { border-bottom:none; color:#fff; background-image:none; background:url("../img/header/m_menu_close.png") no-repeat 10px center;}
#gnb > li > ul.sub01, #gnb > li > ul.sub02, #gnb > li > ul.sub03, #gnb > li > ul.sub04, #gnb > li > ul.sub05, #gnb > li > ul.sub06, #gnb > li > ul.sub07 {}
#gnb > li > div.depth { width:100%; display:none; position:relative; top:0px; left:0; right:0; padding:0px; z-index:10; border:0; background-image:none;}
#gnb > li > div.depth .dep_list { background-image:none;  }
#gnb > li > div.depth .dep_list a { display:block; font-size:16px; height:40px; line-height:26px; background:#f2f2f2 url("../img/header/icon_hdmenu.png") no-repeat 20px center; padding-left:40px;  border-bottom:0px !important;}
#gnb > li > div.depth .dep_list a .no_br { display:none;}
#gnb > li > div .dep_list .sub_3D { border-bottom:0px !important; }
#gnb > li > div .dep_list .sub_3D a {  height:28px; line-height:28px; font-size:16px; color:#666; background:#f2f2f2 url("../img/header/icon_menu.png") no-repeat 40px center; padding-left:50px; border-bottom:0px !important;}
#gnb > li > div .dep_list .sub_3D a:hover { color:#000; background:#f2f2f2 url("../img/header/icon_menu.png") no-repeat 40px center;}
#gnb > li > div .dep_list .sub_3D a:last-child {margin-bottom:0px;}
#gnb > li > div .dep_list { width:100%; height: auto; padding:0;}

/* btn_menu - btn_search */
#btn_menu  {position:absolute; top:16px; right:58px; display:block; width:45px; border-radius:5px; overflow:hidden;}
#btn_menu img { width:100%;}
#btn_search  { display:block; position:absolute; top:16px; right:10px; width:45px; border-radius:5px; background-color:#0071b9; overflow:hidden;}
#btn_search img { width:100%;}

/* other_conn */
.other_con { position:relative; float:none; z-index:1000;}
.other_con li{ float:left; margin-left:0px;}
/* control_text */.control_text { position:absolute; right:0px;}

/* gnb_search */
.gnb_search { left:0px; width:100%;}
/* smartsearch */.smartsearch { width:100%; top:80px; display:block; z-index:20; min-height:60px; text-align:center;}
.search_Box { width:100%; padding-left:0px; padding-top:7px; min-height:60px;}
.smartsearchBoxtit { display:none; padding:10px 0 10px 15px; font-size:16px;}
.search_Box fieldset { width:100%; margin:0px;}
.search_Box .search_wrapbox { width:70%; margin:0 auto; left:-25px;}
.search_Box .input_keyword {  width:80% !important; float:left;}




}