@charset "utf-8";

/*
================================================================================
메인, 서브레이아웃
================================================================================
*/

#wrapper{width:100%;height:100%;}

/* ---- 상단영역 ---- */
#header {position:relative;width:100%;min-width:1000px;min-height:180px;background:url('/img/common/head_bg.gif') repeat-x;z-index:100}
#header:after{display:block;clear:both;content:''}
#glob_top{position:relative;margin:0 auto;width:1000px;height:128px;z-index:500}
#logo{position:absolute;top:65px;left:0;z-index:10;}
.top_site_quick{position:relative;height:45px;overflow:hidden}
.top_site_quick li{float:left;position:relative;margin-right:-10px;width:125px;height:45px;font-size:13px;font-weight:bold;text-align:right;}
.top_site_quick li a{display:block;padding:17px 30px 0 0;height:28px;color:#fff;text-decoration:none}
.top_site_quick li.qu1{background:url('/img/common/top_quick_bg01.png') no-repeat left bottom;z-index:4}
.top_site_quick li.qu2{background:url('/img/common/top_quick_bg02.png') no-repeat left bottom;z-index:3}
.top_site_quick li.qu3{background:url('/img/common/top_quick_bg03.png') no-repeat left bottom;z-index:2}
.top_site_quick li.qu4{background:url('/img/common/top_quick_bg04.png') no-repeat left bottom;z-index:1}
.top_site_quick li.on{width:146px;background:url('/img/common/top_quick_bg_on.png') no-repeat left bottom;z-index:5}
.top_site_quick li.on a{padding:15px 40px 2px 0;font-size:15px;}
.top_site_quick li.qu1.on a{padding-right:33px;color:#10218b;background:url('/img/common/top_ic01.gif') no-repeat 28px 16px}
.top_site_quick li.qu2.on a{padding-right:33px;color:#1aa5c6;background:url('/img/common/top_ic02.gif') no-repeat 32px 18px}
.top_site_quick li.qu3.on a{color:#80c41c;background:url('/img/common/top_ic03.gif') no-repeat 35px 18px}
.top_site_quick li.qu4.on a{color:#eca206;background:url('/img/common/top_ic04.gif') no-repeat 35px 18px}

.global_m{position:absolute;top:8px;right:0;}
.global_m li{float:left;padding:0 10px;font-size:12px;background:url('/img/common/dot.png') no-repeat left center}
.global_m li:first-child{padding-left:0;background:none}
.global_m li.btn_logout {background:none}
.global_m li.btn_logout a{display:block;display:block;padding-left:25px;width:57px;height:28px;color:#fff;line-height:26px;text-decoration:none;background:url('/img/common/btn_logout_bg.png') no-repeat}

/* 상단검색 */
.top_search{position:absolute;top:70px;left:350px;height:36px;width:320px;background:url('/img/common/top_search_bg.gif') no-repeat;}
.top_search select{margin-top:5px;border:0;}
.top_search .input_search{margin:4px 0 0 10px;width:160px;border:0;}
.top_search .btn{position:absolute;top:5px;right:14px;padding:5px}
/* Select */
.top_select{ position:relative;display:inline;float:left;width:70px;margin:0 0 0 10px;z-index:500;}
.top_select button.myValue{ width:70px;height:32px;margin-top:1px;font-size:13px;color:#666;font-weight:bold;text-align:left;overflow:visible; background:transparent;text-indent:5px;border:0;}
.top_select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px;}
.top_select .arrow{ position:absolute; top:16px; right:0;width:7px;height:4px;background:url('/img/common/dot_select.gif') no-repeat;}
.top_select ul{position:absolute;top:28px;left:0;width:100%;font-size:12px;border:0;border:2px solid #0f5acd;background:#fff;border-radius:6px;z-index:500}
.top_select ul.aList{ display:none;}
.top_select.open ul.aList{ display:block;}
.top_select li{padding-left:2px;line-height:18px;}
.top_select li input.option{ position:absolute;width:100%; height:20px; line-height:20px;}
.top_select li a{display:block;padding:2px 0;text-indent:8px;height:18px;color:#767676;text-decoration:none;}
.top_select li.hover{background:#999;}
.top_select li.hover a{color:#fff;}

.slogan_txt{position:absolute;top:70px;right:0}

/* 서브비주얼 배경 */
.sub_visual01{position:absolute;top:0;left:0;width:100%;height:180px;text-align:center;background:url('/img/child/sub/sub_visual01.jpg') no-repeat center top;border-bottom:1px solid #e2e2e2;z-index:1}

/* ---- 중간영역 ---- */
#container{background:#ebebeb}
#container #content{position:relative;margin:0 auto;padding-bottom:40px;width:1000px}
#sub_container{position:relative;padding-top:40px}
.container_box{position:relative;margin:0 auto;width:1000px;background:url('/img/common/left_bg.gif') repeat-y;z-index:10}
.container_box:after{display:block;clear:both;content:''}
#leftm{position:relative;float:left;width:218px;}
#leftm .left_title{padding-top:50px;height:90px;text-align:center;background:url('/img/common/left_title_bg.jpg') no-repeat top right;}
#leftm .left_title h1{margin-bottom:10px;font-size:26px;line-height:24px;color:#fff;}
#leftm .left_title span{font-size:11px;color:#92b2ed;font-weight:bold}
#sub_container #content{position:relative;float:right;padding-top:45px;padding-bottom:60px;width:730px;}
#sub_container #content .btn_print{position:absolute;top:110px;right:0}
.location{height:100%;font-size:13px;line-height:14px;color:#666;overflow:hidden}
.location li img{vertical-align:top}
.location li{float:left;padding:0 10px;background:url('/img/common/locat_kan.png') no-repeat left center}
.location li:first-child{padding-left:0;background:none}
.location strong{color:#333}

/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;background:#fff;border-top:1px solid #ccc}
#footer .foot_layer{position:relative;margin:0 auto;padding-top:25px;width:1000px;height:130px;font-size:12px}
#footer .f_menu {position:absolute;top:25px;right:0;}
#footer .f_menu li{display:inline;padding:0 10px;background:url('/img/common/dot.png') no-repeat 0 center}
#footer .f_menu li a{color:#777;}
#footer .f_menu li strong{color:#333}
#footer .f_menu li:first-child{padding-left:0;background:none}

#footer .qr_banner{position:absolute;top:60px;right:0}
#footer .qr_banner .qr_corde{float:left;padding:5px 10px 0 0;}
#footer .qr_banner dl{position:relative;float:right;width:166px}
#footer .qr_banner dl dt{margin-bottom:5px;font-size:11px;color:#333;font-weight:bold}
#footer .qr_banner dl dd .bann_contral{position:absolute;top:0;right:0}
#footer .qr_banner dl dd ul{width:164px;height:44px;overflow:hidden;border:1px solid #c9c9c9}

/* 하단 정보 */
#footer .f_logo{}
#footer .f_infor{padding-top:20px;color:#777;}
#footer address{line-height:18px;}
#footer .copyright{font-size:11px;color:#999; letter-spacing:0;}

.sub_wrap #footer {background:#e9eaec}

/*
================================================================================
상단메뉴
================================================================================
*/
.gnb_box{position:absolute;top:129px;left:0;width:100%;min-height:52px;overflow:hidden;background:#fff url('/img/common/gnb_line.gif') repeat-x;z-index:10;}
.online{border-bottom:2px solid #0f5acd;box-shadow:0 2px 3px #a3aebd;}
#gnb{position:relative;margin:0 auto;width:1000px;overflow:hidden;}
#gnb ul:after{display:block;clear:both;content:''}
#gnb li{position:relative;float:left;font-size:17px;font-weight:bold;background:url('/img/common/gnb_kan.gif') no-repeat left center}
#gnb li:first-child{background:none}
#gnb li a{display:block;padding:13px 45px;color:#333;text-decoration:none}
#gnb li.hv{border-bottom:5px solid #0f5acd}
#gnb li.hv a{color:#0e51b8}
#gnb li.hv li a{color:#333;}
#gnb li.hv li a:hover{color:#333}
#gnb li.hv ul{background:#eee;border-left:1px solid #ccc;}
#gnb li:first-child{margin-left:0}
#gnb li:first-child ul{border-left:1px solid #ccc}
#gnb li ul{position:absolute;top:52px;left:0;margin-right:0;padding:10px 0;width:100%;min-height:400px;border-right:1px solid #ccc;border-left:1px solid #eee;}
#gnb li ul li{float:none;margin:0 0 8px 0;padding:0 5px 0 15px;font-size:13px;font-weight:normal;line-height:16px;word-break: break-all;background:url('/img/common/menu_dot.png') no-repeat 10px 7px}
#gnb li ul li:first-child{background:url('/img/common/menu_dot.png') no-repeat 10px 7px}
#gnb li ul li a{display:inline-block;padding:0 35px 0 0;}
#gnb li ul li a:hover{text-decoration:underline}

.gnb_box .btn_total{position:absolute;left:50%;top:0;margin-left:465px;width:40px}
.gnb_box .btn_total a{display:block;width:40px;height:50px;font-size:15px;color:#0e51b8;font-weight:bold;text-decoration:none;text-indent:-999px;overflow:hidden;background:url('/img/common/ic_total_bg.gif') no-repeat center center;z-index:100}
.gnb_box .btn_total .balloon{display:none;position:absolute;top:10px;right:-115px;width:115px;height:27px;font-size:13px;color:#fff;line-height:26px;text-align:center;background:url('/img/common/balloon_bg.png') no-repeat;z-index:200}
.gnb_box .btn_total a:hover + span{display:block}
.gnb_box .btn_total a:focus + span,
.gnb_box .btn_total a:active + span{display:block}

/* 전체메뉴 */
#total_m_lay{position:absolute;top:128px;left:0;width:100%;background:#fff;border-top:1px solid #c4c4c4;border-bottom:2px solid #0f5acd;z-index:300;box-shadow:0 2px 3px #a3aebd;}
.total_m{position:relative;margin:0 auto;width:1000px;background:#fff}
.total_m ul{padding:25px 0;width:100%;height:100%;overflow:hidden;background:url('/img/common/total_bg.gif') no-repeat 400px bottom}
.total_m ul li{float:left;margin:0;width:18%;margin-left:2%;height:220px;font-weight:bold;}
.total_m ul li:first-child{margin-left:0}
.total_m ul li a{display:block;height:33px;font-size:17px;color:#333;border-bottom:2px solid #0f5acd}
.total_m ul li ul{padding:15px 0 0 0;}
.total_m ul li ul li{float:none;margin:0 0 5px 0;width:auto;height:auto;line-height:18px;font-weight:normal;background:url('/img/common/menu_dot.png') no-repeat 0 8px }
.total_m ul li ul li a{display:inline-block;padding-left:10px;font-size:13px;height:auto;color:#555;word-wrap:break-word;border:0}
.total_m ul li ul li a.blank{display:inline-block;padding-right:20px;background-position:right bottom}
.total_m ul li ul li ul{display:none}
.total_m .tot_close{position:absolute;right:0;bottom:-1px}

/*
================================================================================
왼쪽메뉴
================================================================================
*/
#lnb{margin-bottom:40px}
#lnb li{width:218px;line-height:20px;font-size:15px;color:#333;border-bottom:1px solid #ccc;}
#lnb li:first-child{border-top:1px solid #d4d4d4}
#lnb li a{display:block;color:#333;padding:10px 0 10px 20px;text-decoration:none;font-weight:bold;word-break: keep-all;letter-spacing:-1.5px;}
#lnb li a:hover,
#lnb li a:active,
#lnb li a:focus{padding-left:20px;font-weight:bold;color:#0e51b8;background:url('/img/common/lnb_dot.gif') no-repeat 190px center;}
#lnb li a.link_2th_ov:link,
#lnb li a.link_2th_ov:visited,
#lnb li a.link_2th_ov:hover,
#lnb li a.link_2th_ov:active,
#lnb li a.link_2th_ov:focus {padding-left:20px;color:#0e51b8;font-weight:bold;text-decoration:none;background:url('/img/common/lnb_dot.gif') no-repeat 190px center;}
#lnb li ul {padding:10px 0;background:#f1f1f1;border:1px solid #ccc;border-width:1px 1px 0 1px}
#lnb li ul li {margin-bottom:5px;font-size:13px;line-height:18px;min-height:18px;letter-spacing:0;border-bottom:0;}
#lnb li ul li.plus{background:url('/img/common/lnb_s_close.gif') no-repeat 183px 3px}
#lnb li ul li.minus{background:url('/img/common/lnb_s_open.gif') no-repeat 183px 3px}
#lnb li ul li:first-child{border-top:0}
#lnb li ul li a{padding:0 10px 0 30px;font-weight:normal;color:#555;background:url('/img/common/menu_dot.png') no-repeat 20px 8px;}
#lnb li ul li a:hover,
#lnb li ul li a:active,
#lnb li ul li a:focus,
#lnb li ul li a.link_3th_ov,
#lnb li ul li a.link_3th_ov:link,
#lnb li ul li a.link_3th_ov:hover,
#lnb li ul li a.link_3th_ov:visited,
#lnb li ul li a.link_3th_ov:active,
#lnb li ul li a.link_3th_ov:focus{padding:0 10px 0 30px;color:#0e51b8;font-weight:bold;background:url('/img/common/lnb_s_dot_on.gif') no-repeat 20px 6px}


#lnb li ul li ul{margin:5px 20px 10px 20px;padding:10px;background:#fff;border-top:2px solid #0f5acd;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc}
#lnb li ul li ul li{width:auto;font-size:12px;line-height:15px;letter-spacing:0}
#lnb li ul li ul li a{padding:0 0 0 10px;color:#666;font-weight:normal;background:url('/img/common/lnb_s_dot2.gif') no-repeat 0 7px;}
#lnb li ul li ul li a:hover,
#lnb li ul li ul li a:active,
#lnb li ul li ul li a:focus,
#lnb li ul li ul li a.link_4th_ov,
#lnb li ul li ul li a.link_4th_ov:link,
#lnb li ul li ul li a.link_4th_ov:hover,
#lnb li ul li ul li a.link_4th_ov:visited,
#lnb li ul li ul li a.link_4th_ov:active,
#lnb li ul li ul li a.link_4th_ov:hover{padding:0 0 0 10px;color:#000;font-weight:bold;background:url('/img/common/lnb_s_dot2.gif') no-repeat 0 7px;}