@charset "utf-8";

body, select, input {font-family:'NanumGothicWeb'; font-size:14px;}

/* common */
html,body{width:100%;height:100%;margin:0;padding:0}
#skip{overflow:hidden;position:relative;z-index:1000;width:100%}
#skip a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#skip a:focus,#skip a:hover,#skip a:active{width:auto;height:20px;margin:0;padding:5px 0 5px 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff}
.clearfix::after{content:'';clear:both;display:block;}


/* header */
.header{height:200px;background:url(/images/01_potal/new_common/header_bg.gif) repeat-x}

.util_area{width:1000px;margin:0 auto;position:relative}
.util_area .left_util{float:left}
.util_area .left_util ul{float:left;}
.util_area .left_util li{float:left;}
.util_area .left_util li a{display:block;color:#fff;padding:8px 12px 9px 12px;background:#6b6b6b}
.util_area .left_util li.on a,.util_area .left_util li a:hover,.util_area .left_util li a:focus{background:#0075bf}
.util_area .left_util li.bg_color a{background:#04287e;}
.util_area .left_util>a{display:block;width:35px;height:35px;float:left;}
.util_area .left_util>a.org{background:url(/images/01_potal/new_common/top_btn01.gif) no-repeat center}
.util_area .left_util>a.g_tel{background:url(/images/01_potal/new_common/top_btn02.gif) no-repeat center}
.util_area .right_util{float:right;z-index:1000}
.util_area .right_util li{float:left;}
.util_area .right_util li a{display:block;color:#fff;padding:8px 12px 9px 12px;background:#6b6b6b}
.util_area .right_util li.on a,.util_area .right_util li a:hover,.util_area .right_util li a:focus{background:#444}
.util_area .right_util li.language{}
.util_area .right_util li.language a{padding:8px 5px 9px 0;width:100px;text-align:center;background:#6b6b6b url(/images/01_potal/new_common/lang_icon.png) no-repeat 85px center;}
.util_area .right_util li.language.on a{background:#6b6b6b url(/images/01_potal/new_common/lang_icon_on.png) no-repeat 85px center;}
.util_area .right_util li.language ul{display:none;position:absolute;right:0;z-index:1000}
.util_area .right_util li.language ul li{float:none;text-align:center;}
.util_area .right_util li.language.on ul li a{background:#6b6b6b;border-top:1px solid #888}
.util_area .right_util li.language.on ul{display:block;}

.h_middle{width:1000px;height:110px;overflow:hidden;margin:0 auto;position:relative}
.h_middle .weather{float:left;padding:35px 0 0 0;}
.h_middle .weather ul{float:left;padding:0 12px 0 0;}
.h_middle .weather ul li.on{display:block;}
.h_middle .weather ul li{display:none;}
.h_middle .weather .weater_r{padding:0 0 0 20px;width:270px;}
.h_middle .weather .weater_r .time{font-size:12px;color:#666;margin:0 0 3px 0}
.h_middle .weather .weater_r .info{color:#5c5c5c;font-weight:600;font-size:14px}
.h_middle .weather .weater_r .info span{font-size:16px;color:#ec008c;margin:0 1px}
.h_middle .weather .weater_r .weather_banner{display:inline-block;width:50%;padding:3px 0;margin:3px 0 0 44px;text-align:center;background:#ec008c;}
.h_middle .weather .weater_r .weather_banner a{color:#fff;}
.h_middle .logo_area{position:absolute;top:20px;left:0px;}
.h_middle .logo_area a{display:inline-block;}
.h_middle .logo_area h1{float:left;padding:0 40px 0 0;}
.h_middle .logo_area .korea_flog{padding:10px 5px 0 0;float:left}
.h_middle .search_area{float:right;padding:35px 0 0 0}
.h_middle .search_area form{float:left;margin:0 3px 0 0}
.h_middle .search_area .text{border:2px solid #0075bf;height:26px;padding:5px 8px;width:185px}
.h_middle .search_area input[type=submit]{background:url(/images/01_potal/new_common/search_btn.gif) no-repeat center;text-indent:-9999px;width:45px;height:40px;margin:0 0 0 -4px}
.h_middle .search_area a{display:block;float:left;width:45px;height:40px;background:url(/images/01_potal/new_common/all_menu_btn.gif) no-repeat}

.gnb{width:100%;position:relative;}
.gnb .nav{width:1000px;margin:0 auto;}

.gnb .nav>ul{position:relative}

.gnb .nav ul li.dep1{float:left;}
.gnb .nav ul li.dep1 a{font-size:18px;font-weight:600;padding:18px 0 10px 0;display:block;text-align:center;width:140px;height:27px;}
.gnb .nav ul li.dep1 a:hover,.gnb .nav ul li.dep1 a:focus,.gnb .nav ul li.dep1.on a{color:#0075bf}
.gnb .nav ul li.dep1.tour{background:url(/images/01_potal/new_common/nav_last_icon.gif) no-repeat -8px center;}
.gnb .nav ul li.dep1.tour a{color:#0075bf;background:url(/images/01_potal/new_common/newwindow.gif) no-repeat 100% center;padding:18px 0 10px 10px;width:130px;}
.gnb .nav ul li.dep1 .menu{display:none;overflow:hidden;position:absolute;top:55px;width:1000px}


.gnb .nav ul li.dep1.on .menu{display:block;z-index:40;position:absolute;left:0;}
/*.gnb .nav ul li.dep1.on .menu{display:block;z-index:40}*/


.gnb .nav ul li.dep1 .menu .dep2{float:left;}
.gnb .nav ul li.dep1 .menu .dep2>a{background:#0075bf;color:#fff;padding:10px 0 3px 0;width:176px;margin:30px 30px 10px 0;font-size:15px;}
.gnb .nav ul li.dep1 .menu .dep2:nth-child(5)>a,.gnb .nav ul li.dep1 .menu .dep2:nth-child(11)>a{margin:30px 0 10px 0}

.depth_bg{width:100%;background:#d2e0ef;position:absolute;top:55px;left:0;z-index:30}
/* 1차 메뉴(dep1)에 따른 2차 메뉴 뒷배경(depth_bg) 높이 변화 */
.bgh01{height:470px !important}
.bgh02{height:381px !important}
.bgh03{height:382px !important}
.bgh04{height:491px !important}
.bgh05{height:528px !important}
.depth_bg>div{width:1000px;height:100%;margin:0 auto;background:url(/images/01_potal/new_common/nav_bg.png) no-repeat 100% 110%;}

.gnb .nav ul li.dep1 .menu .dep2 .dep3>a{font-size:13px;color:#000;font-weight:normal;text-align:left;padding:2px 0 2px 10px;height:auto;background:url(/images/01_potal/new_common/nav_dot.gif) no-repeat 2px 9px}
.gnb .nav ul li.dep1 .menu .dep2 .dep3>a:hover,.gnb .nav ul li.dep1 .menu .dep2 .dep3>a:focus{font-weight:600}
.gnb .nav ul li.dep1 .menu .sort_line{display:block;width:100%;height:1px}


.gnb .nav ul li.dep1.on .menu{display:block;z-index:40}
.gnb .nav ul li.dep1 .menu .dep2{float:left;}
.gnb .nav ul li.dep1 .menu .dep2>a{background:#0075bf;color:#fff;padding:10px 0 3px 0;width:176px;margin:30px 30px 10px 0;font-size:15px;}
.gnb .nav ul li.dep1 .menu .dep2:nth-child(5)>a,.gnb .nav ul li.dep1 .menu .dep2:nth-child(11)>a{margin:30px 0 10px 0}



.gnb .nav ul li.dep1 .menu .dep2 .dep3>a{font-size:13px;color:#000;font-weight:normal;text-align:left;padding:2px 0 2px 10px;height:auto;background:url(/images/01_potal/new_common/nav_dot.gif) no-repeat 2px 9px}
.gnb .nav ul li.dep1 .menu .dep2 .dep3>a:hover,.gnb .nav ul li.dep1 .menu .dep2 .dep3>a:focus{font-weight:600}
.gnb .nav ul li.dep1 .menu .sort_line{display:block;width:100%;height:1px}



/* footer */
.footer{width:100%;height:255px;background:url(/images/01_potal/new_common/footer_bg.gif) repeat-x;}
.foot_link{width:1000px;margin:0 auto;position:relative}
.foot_link li{float:left;}
.foot_link li a.f_t_tit{display:block;width:250px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff;font-size:14px;border-right:1px solid #1a67b3;background:url(/images/01_potal/new_common/slink_btn_off.png) no-repeat 85% center;padding:14px 0}
.foot_link li:first-child a.f_t_tit{border-left:1px solid #1a67b3;}
.foot_link li.on a.f_t_tit{background:url(/images/01_potal/new_common/slink_btn_on.png) no-repeat 85% center;}
.foot_link li.on div{display:block;}
.foot_link li div{display:none;position:absolute;bottom:0;left:0;width:960px;background:#466e95;z-index:999;padding:20px 20px 10px 20px}
.foot_link li div ul li{width:192px}
.foot_link li div ul li a{display:block;color:#fff;padding:0 0 10px 8px;width:100%;background:url(/images/01_potal/new_common/f_t_dot.gif) no-repeat left 7px}

.banner_area{overflow:hidden;clear:both;width:1000px;margin:0 auto;position:relative;height:60px}
.banner_area .banner_tit{width:150px;float:left;}
.banner_area .banner_tit h2{font-size:14px;font-weight:bold;padding:20px 0 0 0}
.banner_area .banner_ctrl{position:absolute;top:18px;left:70px;width:120px;}
.banner_area .banner_ctrl ul li{float:left;}
.banner_area .banner_ctrl ul li a{display:block;width:25px;height:25px;}
.banner_area .banner_ctrl ul li.prev a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat 0 0}
.banner_area .banner_ctrl ul li.stop a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -25px 0}
.banner_area .banner_ctrl ul li.play a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -50px 0}
.banner_area .banner_ctrl ul li.next a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -76px 0}
.banner_area .bann_list { width:83%; float:right; overflow:hidden; height:30px;padding:15px 0;position: relative;}  /* width:67%;  */
.banner_area .bann_list ul { overflow:hidden; }
.banner_area .bann_list ul li { float:left;margin:0 0 0 28px}

.foot{width:1000px;margin:0 auto;height:148px;}
.foot .flogo{float:left;width:140px;padding:53px 40px 0 0}
.foot .flist{float:left;overflow:hidden;padding:40px 0 0 0}
.foot .flist ul{overflow:hidden;padding:0 0 10px 0}
.foot .flist ul li{float:left;padding:0 10px 0 0}
.foot .flist ul li a{color:#fff;font-size:13px;}
.foot .flist ul li:last-child:after{content:none;}
.foot .flist ul li:after{content:"l";display:inline-block;padding:0 0 0 10px;color:#fff;}
.foot .flist address,.foot .flist p{color:#ddd;font-size:13px;padding:0 0 3px 0}
.foot span{float:right;padding:40px 0 0 0}