@charset "utf-8";

/*
 Date : 2017-10
 Project : 
 writer : 임설
 Update : 
*/
* {}
html,body {position:relative;font-family:'Noto Sans KR','Malgun Gothic','Nanum Square'; font-weight:400; margin:0; padding:0; line-height:140%; font-size:1em; min-width:340px;}
a {color:#333; text-decoration:none;}



/*상단고정팝업 start*/
div.fix_popup_wrap {background:#f3ffcb; padding:17px 0 10px 0; height:135px; box-sizing:border-box;}
div.fix_popup_wrap div.fix_popup {position:relative; max-width:1200px; margin:0 auto;}
div.fix_popup_wrap div.fix_popup .slick-dots {bottom:-43px;}
div.fix_popup_wrap div.fix_popup .slick-dots li:first-child {margin-left:10px;}
div.fix_popup_wrap div.fix_popup .slick-dots li {float:left; margin:0 2px 0 0; opacity:0.5;}
div.fix_popup_wrap div.fix_popup .slick-dots li.slick-active {opacity:1;}
div.fix_popup_wrap div.fix_popup .slick-dots li button {background:#0ea04f; width:13px; height:13px; border-radius:50%;}
div.fix_popup_wrap div.fix_popup .slick-dots li button:before {content:none;}
div.fix_popup_wrap div.fix_popup div.popup_item {position:relative; height:100%;overflow:hidden;/* padding:15px 25px 15px 150px; */}
div.fix_popup_wrap div.fix_popup div.popup_item img{margin:0 auto;}
div.fix_popup_wrap div.fix_popup .fix_popup_close {position:absolute; bottom:-46px; right:0;}
div.fix_popup_wrap div.fix_popup .fix_popup_close .inner_wrap {display:inline-block; padding:5px; vertical-align:middle;}
div.fix_popup_wrap div.fix_popup .fix_popup_close .inner_wrap label {display:inline-block; color:#333; font-size:14px; line-height:15px; vertical-align:middle;}
div.fix_popup_wrap div.fix_popup .fix_popup_close .inner_wrap input[type='checkbox'] {display:inline-block; width:15px; height:15px; border:1px solid #696969; vertical-align:middle;}
div.fix_popup_wrap div.fix_popup .fix_popup_close a.close {display:inline-block; width:25px; height:25px; background:url('../images/common/btn_popup_close.png') no-repeat center center #2d2d2f; font-size:0; vertical-align:middle; border:none; border-radius:20px;}
div.fix_popup_wrap div.fix_popup .slick-arrow { display:inline-block; width:50px; height:50px;z-index:9;}
div.fix_popup_wrap div.fix_popup .slick-arrow.slick-prev {left:-60px; background:url('../images/common/btn_popup.png') no-repeat left top;}
div.fix_popup_wrap div.fix_popup .slick-arrow.slick-prev:before {content:none;}
div.fix_popup_wrap div.fix_popup .slick-arrow.slick-next {right:-60px; background:url('../images/common/btn_popup.png') no-repeat right top;}
div.fix_popup_wrap div.fix_popup .slick-arrow.slick-next:before {content:none;}
@media all and (max-width:1320px){
	div.fix_popup_wrap div.fix_popup .slick-arrow.slick-prev {left:0;}
	div.fix_popup_wrap div.fix_popup .slick-arrow.slick-next {right:0;}
}

@media all and (max-width:1200px){
	div.fix_popup_wrap div.fix_popup .slick-arrow {display:none !important;}
	div.fix_popup_wrap div.fix_popup .popup_close {right:10px;}	
}

@media all and (max-width:720px){
	div.fix_popup_wrap div.fix_popup div.popup_item img{width:100%; max-width:450px;}
}	
@media all and (max-width:480px){
	div.fix_popup_wrap{height:115px;}
	div.fix_popup_wrap div.fix_popup div.popup_item{padding-top:0;}
	div.fix_popup_wrap div.fix_popup div.popup_item:after {display:none;}
	div.fix_popup_wrap div.fix_popup .slick-dots {bottom:-40px;}
	div.fix_popup_wrap div.fix_popup .popup_close {bottom:-40px;}
	div.fix_popup_wrap div.fix_popup div.popup_item img{width:100%;height:100%;}
}
/*상단고정팝업 stop*/

/*레이어팝업 start*/
.layer_pop {position:absolute; top:0px; left:50%; margin-left:-165px; width:330px; height:auto; background:#3d3d3d; color:#fff; text-align:center; border:1px solid #000; z-index:99;}
.layer_pop .close div {float:left; text-align:right;}
.layer_pop .close :after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
.layer_pop .close .check {float:left; font-size:12px; font-family:'돋움';padding:5px 5px 5px 10px;}
.layer_pop .close .check input {vertical-align:middle;}
.layer_pop .close .layer_close {float:right; font-size:13px; padding:5px; margin-right:10px; font-weight:bold;}
.layer_pop .close .layer_close a {color:#fff;}
@media all and (max-width:450px){
	.layer_pop {width:90%; height:auto; top:170px; left:5%; margin-left:0; }
	.layer_pop img {width:100%;}
}
/*레이어팝업 stop*/

header#header {position:relative; width:100%; height:123px; background:#fff;}
header#header div.header_top_wrap ul {margin:0; padding:0;}
header#header div.header_top_wrap ul li {margin:0; padding:0; list-style-type:none;}
header#header div.header_top_wrap {width:100%; background:#0ea04f;}
header#header div.header_top {position:relative; width:1200px; margin:0 auto; font-size:13px;}
header#header div.header_top:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
header#header div.header_top a {color:#fff;}
header#header div.header_top ul.service_quick_wrap {float:left;}
header#header div.header_top ul.service_quick_wrap > li {float:left; border-left:1px solid #0d8e46;} 
header#header div.header_top ul.service_quick_wrap > li:last-child {border-right:1px solid #0d8e46;} 
header#header div.header_top ul.service_quick_wrap > li > a {position:relative;display:block; padding:13px 16px 13px 19px;} 
header#header div.header_top ul.service_quick_wrap > li > a span {padding-right:15px; background:url('../images/common/arrow_service_quick.png') right center no-repeat; }
/* header#header div.header_top ul.service_quick_wrap > li > a:after {content:''; position:absolute; right:10%; top:23px; width:7px; height:4px; background:url('../images/common/arrow_service_quick.png') no-repeat; } */
header#header div.header_top ul.service_quick_wrap > li > a.active {color:#0ea04f; background:#fff;} 
header#header div.header_top ul.service_quick_wrap > li > a.active span {background:url('../images/common/arrow_service_quick_on.png') right center no-repeat;} 
header#header div.header_top ul.service_quick_wrap > li > a span.popup_open { background:url('../images/common/arrow_service_popup.png') right center no-repeat; }
header#header div.header_top ul.service_quick_wrap > li > a span.popup_close { background:url('../images/common/arrow_service_popup_close.png') right center no-repeat; }

/* header#header div.header_top ul.service_quick_wrap > li > a.active:after {background:url('../images/common/arrow_service_quick_on.png') no-repeat;}  */
header#header div.header_top ul.service_quick_wrap > li > div {display:none; position:absolute; z-index:110; left:0; top:48px; width:392px; background:#fff; border:1px solid #0ea04f; border-top:none;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap {position:relative; padding:25px; background:url('../images/common/bg_quick.png') right top no-repeat;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap:after {content:""; clear:both; display:block;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap strong.title {display:block; font-size:22px; color:#067637; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #d8d8d8;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap button.btn_close {cursor:pointer; position:absolute; right:0; bottom:0; width:45px; height:45px; background:#0ea04f; text-indent:-100000px; border:none;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap > ul {width:50%; float:left;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap > ul li {color:#474747; font-size:14px; margin-bottom:5px;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap > ul li a {color:#474747;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap > ul li ul {margin-top:3px;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap > ul li ul li {font-size:13px; margin-bottom:3px;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap > ul li ul li a {padding-left:8px; background:url('../images/common/dot_quick.gif') left center no-repeat;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap button.btn_close {position:absolute; right:0; bottom:0; display:block; width:45px; height:45px; background:#0d8e46;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap button.btn_close:before {content:''; position:absolute; left:16px; top:16px;  display:inline-block; width:15px; height:15px; background:url('../images/common/btn_quick_close.png') center center no-repeat; transition: transform 0.4s ease 0s;}
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap button.btn_close:hover:before,
header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap button.btn_close:focus:before {transform: rotate(180deg);}
header#header div.header_top ul.util {float:right;}
header#header div.header_top ul.util li {float:left; margin-right:10px;}
header#header div.header_top ul.util li a {display:block; padding:13px 10px;}
header#header div.header_top ul.util li a.login {padding-left:20px; background:url('../images/common/icon_util_login.png') left center no-repeat;}
header#header div.header_top ul.util li a.request {padding-left:20px; background:url('../images/common/icon_util_request.png') left center no-repeat;}
header#header div.header_top ul.util li a.admin {padding-left:20px; background:url('../images/common/icon_util_admin.png') left center no-repeat;}

header#header div.header_top ul.util li > a#fix_popup_btn{padding-right:15px;}
header#header div.header_top ul.util li > a.popup_open{background:url('../images/common/arrow_service_popup.png') right center no-repeat; }
header#header div.header_top ul.util li > a.popup_close { background:url('../images/common/arrow_service_popup_close.png') right center no-repeat; }
header#header div.header_top ul.util li a.sitemap {padding-right:15px; background:url('../images/common/icon_util_sitemap.png') right center no-repeat;}

header#header div.header_top ul.util li a.blank {padding-right:20px; background:url('../images/common/icon_util_blank.png') right center no-repeat;}
header#header h1.logo {position:absolute; left:0; top:67px; margin:0; padding:0; z-index:105;}

@media all and (max-width:680px){
	header#header div.header_top_wrap {width:100%;}
	header#header div.header_top ul.service_quick_wrap {width:100%;}
	header#header div.header_top ul.service_quick_wrap > li {width:24%; border-right:none; border-left:none; }
	header#header div.header_top ul.service_quick_wrap > li:last-child {width:28%; border-right:none;} 
	header#header div.header_top ul.service_quick_wrap > li > a {margin-right:0; padding:10px 0; text-align:center; border-right:1px solid #0d8e46; background-image:none;} 
	header#header div.header_top ul.service_quick_wrap > li > a:after {top:20px;}
	header#header div.header_top ul.service_quick_wrap > li > div {width:100%; top:42px;}
	header#header div.header_top ul.service_quick_wrap > li > div > div.quick_inner_wrap {}
}

/*gnb start*/
#gnb {position:relative; width:100%; height:auto; z-index:100; border-bottom:1px solid #eaeaea; background:#fff;}
#gnb_wrap {position:relative; width:100%; height:74px; z-index:10;}
#gnb_bg {position:relative; width:100%;height:74px; margin:0 auto; border-bottom:1px solid #eaeaea; overflow:hidden; z-index:101;}
#gnb_bg:before {content:''; position:absolute; left:0; top:75px; width:50%; height:1000px; background:#f8f8f8;}
#gnb_bg:after {content:''; position:absolute; right:0; top:75px; width:50%; height:1000px; background:#fff; }

#depth { position:relative; width:940px; height:100%; margin:0 auto; padding:0 0 0 300px; z-index:950;}
#depth ul {margin:0; padding:0;}
#depth ul li {margin:0; padding:0; list-style-type:none;}
#depth:after {content:""; clear:both; display:block;}
#depth li.depth_01 {display:inline-block;float:left; width:auto; margin:0 12px;}
/*#depth li.depth_01:first-child{margin:0 0 15px 0}*/
#depth li.depth_01 .depth_info {position:absolute; left:0; width:254px; top:75px; bottom:0; border-right:1px solid #eaeaea; z-index:990; background:url('../images/common/bg_depth_info.png') right bottom no-repeat;}
#depth li.depth_01 .depth_info p {color:#fff; font-size:1.571em; line-height:1.286em; margin:30px 0 20px 0;}
#depth li.depth_01 .depth_info p strong {display:block; font-size:30px; line-height:1em; font-weight:normal; padding-top:15px; margin-top:15px; color:#535353;}
#depth li.depth_01 .depth_info p span {display:block; font-size:15px; line-height:1em; letter-spacing:1; font-weight:bold; padding-top:15px; color:#e9e9e9;}
#depth li.depth_01 .depth_info p span img {display:block; padding-top:10px;}
#depth li.depth_01 .depth_info span {display:block;}
#depth li.depth_01 .depth_info span a {display:inline-block; margin-bottom:10px; vertical-align:top; color:#333; font-size:14px; border:1px solid #d3d3d3; padding:7px 37px 7px 20px; height:auto;}
#depth li.depth_01 .depth_info span a.blank {background:url('../images/common/icon_depth_info_blank.png') right center no-repeat;}
#depth li.depth_01 .depth_info span a.link {background:url('../images/common/icon_depth_info_link.png') right center no-repeat;}
#depth li.depth_01 a.depth_01_link {display:block; height:76px; line-height:76px;padding:0 8px; text-align:center; font-weight:bold; font-size:20px; text-decoration:none; transition: all 0.1s ease-in-out 0s;}
#depth li.depth_01 a.depth_01_link span {float:left;}
#depth li.depth_01 a.current, 
#depth li.depth_01 a:hover, 
#depth li.depth_01 a:active, 
#depth li.depth_01 a:focus {border-bottom:3px solid #0ea04f; height:71px;}

#depth li.depth_01 .depth_info.depth_info_01 { background:url('../images/common/bg_depth_info_01.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_02 { background:url('../images/common/bg_depth_info_02.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_03 { background:url('../images/common/bg_depth_info_03.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_04 { background:url('../images/common/bg_depth_info_04.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_05 { background:url('../images/common/bg_depth_info_05.png') 50% 98% no-repeat; }
#depth li.depth_01 .depth_info.depth_info_07 { background:url('../images/common/bg_depth_info_07.png') 50% 98% no-repeat; }

#depth li.depth_01 #gnb_03>li:last-child {width:440px;}
#depth li.depth_01 #gnb_03>li:last-child ul{width:220px;float:left;}

#depth li.depth_01 ul.depth_02 {width:950px; position:absolute; left:254px; top:75px; padding-top:30px; height:100%; background:#fff;}
#depth li.depth_01 ul.depth_02:after {content:""; display:block; clear:both;}
#depth li.depth_01 ul.depth_02 li {float:left; width:22%; margin:0 1% 20px 2%;}
#depth > li.depth_01 > ul.depth_02 > li {height:200px;}
#depth li.depth_01 ul.depth_02 li a {position:relative; display:block; overflow:hidden; color:#4d4d4d; font-weight:bold; font-size:17px; height:auto; padding:8px 3px; line-height:normal; background:#fff; border-bottom:1px solid #4d4d4d;}
#depth li.depth_01 ul.depth_02 li a.on, 
#depth li.depth_01 ul.depth_02 li a:hover, 
#depth li.depth_01 ul.depth_02 li a:active, 
#depth li.depth_01 ul.depth_02 li a:focus {color:#0ea04f; border-bottom:1px solid #0ea04f;}
#depth li.depth_01 ul.depth_02 > li > a:before {content:""; position:absolute; right:-7px; bottom:12px; width:6px; height:9px; background:url('../images/common/dot_depth_02.gif') left center no-repeat; transition: all 0.3s ease-in-out 0s;}
#depth li.depth_01 ul.depth_02 > li > a.on:before, 
#depth li.depth_01 ul.depth_02 > li > a:hover:before, 
#depth li.depth_01 ul.depth_02 > li > a:active:before, 
#depth li.depth_01 ul.depth_02 > li > a:focus:before {right:10px;}
#depth li.depth_01 a[target="_blank"] {padding-right:20px; background:url('../images/common/icon_blank_gnb.png') right 32px no-repeat;}
#depth li.depth_01 a[target="_blank"]:hover, 
#depth li.depth_01 a[target="_blank"]:active, 
#depth li.depth_01 a[target="_blank"]:focus {}
#depth li.depth_01 ul.depth_02 li a[target="_blank"] span {padding-right:17px; background:url('../images/common/icon_blank_gnb.png') right center no-repeat;}
#depth li.depth_01 ul.depth_02 li a[target="_blank"]:hover, 
#depth li.depth_01 ul.depth_02 li a[target="_blank"]:active, 
#depth li.depth_01 ul.depth_02 li a[target="_blank"]:focus {}
#depth li.depth_01 ul.depth_02 li ul {position:relative; width:100%; padding:10px 0 15px 0;}
#depth li.depth_01 ul.depth_02 li ul li {float:none; width:auto; margin:0 0 3px 3px;}
#depth li.depth_01 ul.depth_02 li ul li a {display:inline-block; color:#4d4d4d; font-weight:normal; font-size:14px; padding:0; background:none; border-color:#fff;word-break:keep-all;}
#depth li.depth_01 ul.depth_02 li ul li a.on, 
#depth li.depth_01 ul.depth_02 li ul li a:hover, 
#depth li.depth_01 ul.depth_02 li ul li a:active, 
#depth li.depth_01 ul.depth_02 li ul li a:focus {background:none; border-bottom:1px solid;}
#depth li.depth_01 ul.depth_02 li ul li a span{word-break:keep-all;}
/*gnb stop*/

/*mobile gnb start*/
.m_gnb_btn, 
.dim,
.m_gnb_close,
#m_gnb {display:none; }
#m_gnb.on {display:none !important;}
#m_gnb ul div.top2m {display:none;}
#m_gnb ul {margin:0; padding:0;}
#m_gnb ul li {margin:0; padding:0; list-style-type:none; margin:0 0 0 33px;}
#m_gnb ul li a {display:block;}
#m_gnb ul ul li {margin:0 0 0 38px;}
#m_gnb ul ul ul {}

@media all and (max-width:1200px){

	#m_gnb.on {display:block !important;}
	
	.m_gnb_btn {position:absolute;right:15px;top:10px;display:block;}
	.m_gnb_btn button { position:relative;z-index:100;padding:0;width:46px;height:46px;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer; background:none; border:none;}
/*	.m_gnb_btn button.open {top:-60px; width:70px; height:125px; background:none;} */
	.m_gnb_btn button.open {top:0; right:300px; position:fixed; width:70px; height:125px; background:none; z-index:150;}
	.m_gnb_btn button .state {background:none;opacity:0;}
	.m_gnb_btn button .line {display:block;position:absolute;left:10px;top:10px;width:30px;height:4px;background:#0ea04f;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:before {content:"";display:block;position:absolute;left:0;top:10px;width:23px;height:4px;background:#0ea04f;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:after {content:"";display:block;position:absolute;left:0;top:20px;width:30px;height:4px;background:#0ea04f;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button.open .line {background:transparent;top:0;right:-100px;border:none;}
	.m_gnb_btn button.open .line:before {top:30px;left:0;background:#fff;transform:rotate(135deg); width:45px;}
	.m_gnb_btn button.open .line:after {top:30px;left:0;background:#fff;transform: rotate(-135deg); width:45px;}	
	
    .m_gnb_close {display:block;position:absolute;right:5px;top:0}
    .m_gnb_close button {width:48px;height:48px; font-size:0}
    .dim {position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,0.6);}

    #m_gnb {overflow-y:scroll;position:fixed;top:0;right:-320px;left:inherit;width:300px;height:100%;background:#fff;z-index:110;}
    #m_gnb div.util {background:#f3f3f3; padding:15px 15px 10px 15px; background:url('../images/common/bg_m_util.png') right top no-repeat; border-bottom:3px solid #0ea04f;}
    #m_gnb div.util a {display:inline-block; color:#828282; margin:0 5px 10px 0; padding:3px 7px; font-size: 12px; border:1px solid #ddd; background:#fff; }
    #m_gnb div.util a:hover {text-decoration:underline;}
    #m_gnb #m_menu {z-index:930; width:280px; }
	#m_gnb .depth_02{display:none;}
	#m_gnb .depth_02 ul{display:none;}
    #m_gnb ul li  {display:block;float:none;margin:0;border-bottom:solid 1px #d3d3d3;background:#fff;}
    #m_gnb ul li a {position:relative;padding:15px 20px;font-size:18px;font-weight:400;color:#333;border:0;text-align:left;}
    #m_gnb ul li a[target="_blank"] span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb.png') right 5px no-repeat; }
    #m_gnb ul li a[target="_blank"]:hover span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb_on.png') right 5px no-repeat; }
	#m_gnb ul li ul li a[target="_blank"]:hover span.depth_tit{background-image:url('../images/common/icon_blank_mgnb.png');}
    #m_gnb ul li li a[target="_blank"] span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb.png') right 5px no-repeat; }
    #m_gnb ul li li li a[target="_blank"] span.depth_tit {padding-right:20px; background:url('../images/common/icon_blank_mgnb.png') right 5px no-repeat;}
    
	#m_gnb ul li a:hover, #m_gnb ul li a.active {border:none;background-color:#0ea04f;color:#fff;}
	#m_gnb ul li.last {margin:0;}
	#m_gnb ul li a span.bul {display:block;position:absolute;top:18px;right:30px;background:#888;transition:all .5s;width:2px;height:20px;margin:0;}
	#m_gnb ul li a:hover span.bul{background:#fff; transition:all .5s;width:2px;}
	#m_gnb ul li a span.bul:after {content:"";display:block;position:absolute;top:0;width:20px;height:2px;margin:9px 0 0 -9px;background:#888;}
	/* #m_gnb ul li a:hover span {background:#fff;}*/
	#m_gnb ul li a:hover span:after {background:#fff;}
	#m_gnb ul li a.active span.bul {background:#fff; transform: translateY(0) rotate(-450deg); }
	#m_gnb ul li a.active span:after {opacity:0;}
    #m_gnb ul div.depth_02 {position:static; padding:7px 0;}
    #m_gnb ul ul {padding:0;}
    #m_gnb ul ul li {border:none;margin:0;}
	#m_gnb > ul > ul > li{border-bottom:1px solid #e5f3e2; }
	#m_gnb ul li.last {float:none;}
	#m_gnb ul ul li:first-child a {margin:0;}
    #m_gnb ul ul li a {padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#f7f7ee url('../images/common/mlnb_depth2_on.png') 91% 20px no-repeat; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li.arrow a{padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#f7f7ee url('../images/common/mlnb_depth2_on2.png') 90.5% 20px no-repeat; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li.arrow a:hover{padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#f7f7ee url('../images/common/mlnb_depth2_on2.png') 90.5% 20px no-repeat; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li:last-child a{border-bottom:none;}
    #m_gnb ul ul li a:hover{ background:#f7f7ee url('../images/common/mlnb_depth2_on.png') 91% 20px no-repeat; text-decoration:underline; color:#666; border-bottom:1px solid #ddd;}
    #m_gnb ul ul li:last-child a:hover{border-bottom:none;}
    #m_gnb ul ul ul li a:hover{border-bottom:none}
	#m_gnb ul ul li > a.on{ background:#15b665 url('../images/common/mlnb_depth2_off.png') 91% 20px no-repeat; text-decoration:none; color:#fff;}

	#m_gnb ul ul li.arrow a.on{background:#15b665 url('../images/common/mlnb_depth2_off2.png') 91% 20px no-repeat !important; text-decoration:none; color:#fff;}

	#m_gnb ul ul ul {display:block; padding:0 0 0 20px; margin:0; background:#f9f9f9;}
	#m_gnb ul ul li.on ul {display:block;}
	#m_gnb ul ul ul li {background:#f8f8f8;}
	#m_gnb ul ul ul li a {margin:0; padding:5px 5px 5px 7px; font-size:15px; background:url('../images/common/dot_m_gnb.gif') left 15px no-repeat; color:#666; border-bottom:none;}
	#m_gnb ul ul ul li.on a {color:#0ea04f; text-decoration:none; background:url('../images/common/dot_m_gnb_on.gif') left 15px no-repeat;}
	#m_gnb ul ul ul li a:hover {color:#0ea04f; text-decoration:underline; background:url('../images/common/dot_m_gnb_on.gif') left 15px no-repeat;}

}
/*mobile gnb stop*/

@media all and (max-width:1200px){
    header#header{height:70px;}
	header#header div.header_top {width:100%;}
	header#header div.header_top ul.util {display:none;}
	header#header h1.logo {padding-left:15px;top:17px;}
	nav#gnb {display:none;}
}

footer {clear:both; width:100%; height:200px; background:#efefef;}
div.banner_out_wrap {background:#f4f4f4;} 
div.banner_out_wrap ul {margin:0 auto; padding:22px 0; width:1200px;}
div.banner_out_wrap ul:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
div.banner_out_wrap ul li {margin:0 45px 0 0; padding:0; list-style-type:none; float:left;}
div.banner_out_wrap ul li:last-child {margin-right:0;}
div.banner_out_wrap img {border:1px solid #eaeaea;}

div.site_link_out_wrap {background:#6e6e6e;}
div.site_link_wrap {margin:0 auto; width:1200px; padding:28px 0;}
div.site_link_wrap:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
div.site_link_wrap > div {position:relative; float:left; width:22%; margin-right:4%;}
div.site_link_wrap > div div.link_wrap {display:none; position:absolute; bottom:48px; left:0; width:90%; height:300px; overflow-y:scroll; background:#fbfbfb; padding:20px 5% 20px 5%; z-index:10; border-bottom:1px solid #efefef;}
div.site_link_wrap > div div.link_wrap ul {margin:0 0 15px 0; padding:0;}
div.site_link_wrap > div div.link_wrap ul li {margin:0 0 2px 0; padding:0 0 0 10px; list-style-type:none; font-size:15px; background:url('../images/common/dot_link_li.gif') left 9px no-repeat;}
div.site_link_wrap > div div.link_wrap ul li a {}
div.site_link_wrap > div div.link_wrap ul li a:hover {text-decoration:underline;}
div.site_link_wrap > div:last-child {margin-right:0;}
div.site_link_wrap strong.title {cursor:pointer; display:block; font-weight:normal; padding:13px 20px; background:url('../images/common/btn_site.gif') right center no-repeat #fff;}
div.site_link_wrap strong.title.on {background:url('../images/common/btn_site_on.gif') right center no-repeat #fff;}
div.site_link_wrap strong.title_sub {display:block; margin-bottom:5px;}

div.footer_link_out_wrap {background:#515151; border-bottom:1px solid #6e6e6e;}
div.footer_link_wrap { margin:0 auto; width:1200px; height:56px; }
div.footer_link_wrap ul {margin:0; padding:0;}
div.footer_link_wrap ul li {margin:0; padding:0; list-style-type:none; float:left;}
div.footer_link_wrap ul.link_site li a {display:inline-block; color:#fff; padding:20px 0; margin-right:25px;}
div.footer_link_wrap ul.link_site li a.privacy {color:#f9e400;}
div.footer_link_wrap ul.link_sns {float:right; padding:10px 0;}
div.footer_link_wrap ul.link_sns li {float:left; margin-left:10px;}

div.footer_info_out_wrap {background:#515151;}
div.footer_info_wrap {position:relative; margin:0 auto; width:975px; padding-left:225px; height:215px;}
div.footer_info_wrap div.footer_logo {position:absolute; left:0; top:27px;}
div.footer_info_wrap address {margin:0 0 0 0; padding:25px 0 0 0; font-style:normal; font-size:15px; line-height:150%; color:#fff;}
div.footer_info_wrap address.yeosu {padding-top:5px;}
div.footer_info_wrap address span {padding-right:15px;}
div.footer_info_wrap address a {color:#fff;}
div.footer_info_wrap div.copyright {color:#c5c5c5; margin-top:5px;}

@media all and (max-width:1200px){
	div.banner_out_wrap ul {width:100%;}
	
	div.footer_link_wrap {width:100%; height:auto;}
	div.footer_link_wrap:after {content:""; display:block; clear:both;}
	div.footer_link_wrap ul.link_site {padding:15px 5%; width:90%;}
	div.footer_link_wrap ul.link_site:after {content:""; display:block; clear:both;}
	div.footer_link_wrap ul.link_site li a {padding:3px 0; font-size:15px;}
	div.footer_link_wrap ul.link_sns {float:none; position:relative; margin:0 auto; text-align:center;}
	div.footer_link_wrap ul.link_sns li {float:none; display:inline-block;}
	div.footer_link_wrap ul.link_sns:after {content:""; display:block; clear:both;}

	div.footer_info_out_wrap {padding:0 5%; width:90%; text-align:center; clear:both;}
	div.footer_info_wrap {width:100%; padding-left:0; height:auto;}
	div.footer_info_wrap div.footer_logo {display:none;}
	div.footer_info_wrap div.copyright {padding:10px 0 50px 0;}

	div.banner_out_wrap {width:90%; padding:0 5%;}
	div.banner_out_wrap ul {padding:10px 0;}
	div.banner_out_wrap ul li {width:24%; margin-right:1%; text-align:center;}

	div.site_link_wrap {width:90%; padding:15px 5%;}
	div.site_link_wrap > div {width:49%; margin-right:2%;}
	div.site_link_wrap > div:nth-child(1),
	div.site_link_wrap > div:nth-child(2) {margin-bottom:10px;}
	div.site_link_wrap > div:nth-child(even) {margin-right:0;}
}

@media all and (max-width:930px){
	div.banner_out_wrap ul {padding:10px 0;}
	div.banner_out_wrap ul li {}
	div.banner_out_wrap ul li {width:49%; margin-right:2%; text-align:center;}
	div.banner_out_wrap ul li:nth-child(1),
	div.banner_out_wrap ul li:nth-child(2) {margin-bottom:10px;}
	div.banner_out_wrap ul li:nth-child(even) {margin-right:0;}

	div.footer_info_wrap address span {padding-right:0; display:block;}
}

@media all and (max-width:480px){
	div.banner_out_wrap ul li img {width:100%;}
	div.site_link_wrap > div {width:100%; margin-bottom:10px;}
	div.footer_link_wrap ul.link_site {text-align:center;}
	div.footer_link_wrap ul.link_site li {float:none; display:inline;}
	div.footer_link_wrap ul.link_site li a {margin:2px 3px; }
	div.footer_info_wrap address span {font-size:14px;}
}

/*서브틀*/
div.sub_visual {width:100%; height:220px;}
div.sub_visual div.sub_visual_txt {text-align:center; padding-top:60px; color:#fff;}
div.sub_visual div.sub_visual_txt strong {position:relative; display:block; margin:0 0 10px 0; font-size:44px; line-height:1.5em;}
div.sub_visual div.sub_visual_txt strong:before {content:''; display:block; width:41px; height:4px; margin:0 auto 10px auto; background:#fff; }
div.sub_visual div.sub_visual_txt span {display:block; font-size:20px; line-height:1.5em;}

div.container_wrap {width:1200px; min-height:700px; margin:0 auto;}

div.container_wrap nav.lnb {float:left; width:235px; height:500px; margin:0 35px 0 0; padding:0;}
div.container_wrap nav.lnb strong.lnb_title {display:block; margin:0 0 10px 0; height:140px; line-height:140px; font-size:28px; text-align:center; color:#fff; background:url('../images/sub/bg_lnb_title.gif') right bottom no-repeat #939393;}
div.container_wrap nav.lnb ul {margin:0; padding:0;}
div.container_wrap nav.lnb ul li {margin:0; padding:0; list-style-type:none; }
div.container_wrap nav.lnb ul li a:hover {text-decoration:underline;}
div.container_wrap nav.lnb ul li a[target="_blank"] {}
div.container_wrap nav.lnb ul li a[target="_blank"] span {padding-right:17px; background:url('../images/common/icon_blank_gnb.png') right 3px no-repeat;}
div.container_wrap nav.lnb > ul {background:#f8f8f8; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
div.container_wrap nav.lnb > ul > li > a {position:relative; display:block; color:#000; padding:15px 35px 15px 16px; font-size:16px; background:#fff; border-top:1px solid #e4e4e4;}
div.container_wrap nav.lnb > ul > li.on > a {color:#fff; background:#d5c39d;}
div.container_wrap nav.lnb > ul > li > a:after {content:''; position:absolute; right:15px; top:22px; width:14px; height:14px; background:url('../images/sub/dot_lnb.png') no-repeat; transition: all 400ms ease-in-out 0s;}
div.container_wrap nav.lnb > ul > li > a:hover:after {transform: rotate(180deg);}
div.container_wrap nav.lnb > ul > li.on > a:after {right:16px; top:26px; width:14px; height:14px; background:url('../images/sub/dot_lnb_on.png') no-repeat;}
div.container_wrap nav.lnb > ul > li.lnb_arrow > a:after {content:''; position:absolute; right:13px; top:22px; width:14px; height:14px; background:url('../images/sub/dot_lnb2.png') no-repeat; transition: all 200ms ease-in-out 0s;}
div.container_wrap nav.lnb > ul > li.on > a:hover:after {transform: rotate(0deg);}
div.container_wrap nav.lnb > ul > li.lnb_arrow > a:hover:after {right:9px; transform: rotate(0deg);}
div.container_wrap nav.lnb > ul > li.on.lnb_arrow > a:after {content:''; position:absolute; right:13px; top:22px; width:14px; height:14px; background:url('../images/sub/dot_lnb2_on.png') no-repeat; transition: all 200ms ease-in-out 0s;}
div.container_wrap nav.lnb > ul > li > ul {display:none;padding:15px 20px 15px 6px; font-size:14px;}
div.container_wrap nav.lnb > ul > li.on > ul {display:block;}
div.container_wrap nav.lnb > ul > li > ul > li {padding:0 0 7px 13px; color:#000; line-height:1.2em; /*background:url('../images/sub/dot_lnb_sub.gif') left 7px no-repeat; */}
div.container_wrap nav.lnb > ul > li > ul > li.on,
div.container_wrap nav.lnb > ul > li > ul > li:hover {/*background:url('../images/sub/dot_lnb_sub_on.gif') left 7px no-repeat;*/}
div.container_wrap nav.lnb > ul > li > ul > li > a {display:block; }
div.container_wrap nav.lnb > ul > li > ul > li.on > a,
div.container_wrap nav.lnb > ul > li > ul > li:hover > a {color:#725618; font-weight:700;  /*text-decoration:underline;*/}

div.container_wrap div.content_title_wrap {position:relative; float:left; width:930px; padding:33px 0 0 0; height:106px; border-bottom:1px dashed #d8d8d8;}
div.container_wrap div.content_title_wrap a.btn_print {position:absolute; right:10px; top:35px; display:inline-block; padding:4px 10px 4px 30px; font-size:12px; background:url('../images/sub/icon_depth_print.gif') 8px center no-repeat; border:1px solid #dcdcdc;}
div.container_wrap div.content_title_wrap div.depth {margin-bottom:30px; padding-left:25px; background:url('../images/sub/dot_depth_home.gif') left 5px no-repeat; }
div.container_wrap div.content_title_wrap div.depth a {display:inline-block; padding-right:15px; margin-right:10px; background:url('../images/sub/dot_depth.gif') right 5px no-repeat; }
div.container_wrap div.content_title_wrap div.depth a:last-child {background:none; }
div.container_wrap h2.content_title {margin:0; padding:0 0; font-size:33px;}

div.container_wrap div#content {float:left; width:930px; min-height:700px; margin:50px 0; padding:0; font-size:15px; color:#555; font-family:'Noto Sans KR','Malgun Gothic', '맑은 고딕', 'sans-serif';}

div.container_wrap div#content div.admin_info_box {position:relative; border: 1px solid #c7ced2; min-height: 45px; margin: 30px 0 5px 0; position: relative; font-size:14px;}
.admin_info_box .btn_top {background-color: #f5f5f5; color: #4d5360; display: block; font-size: 13px; height: 45px; line-height: 45px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 45px;}
.admin_info_box span.admin_icon {display: block; left: 0; position: absolute; top: 0; width: 45px;	height: 45px; background:url('../images/sub/icon_admin.png') center center no-repeat #444;}
.admin_info_box div.inner {padding:12px 0 10px 65px;}
.admin_info_box div.inner > div {margin:0 0 5px 0;}
.admin_info_box div.inner > div:last-child {margin-bottom:0;}
.admin_info_box div.inner span {padding-right:10px;}

@media all and (max-width:1200px){
	div.container_wrap {width:100%;}
	div.container_wrap nav.lnb {display:none;}
	div.container_wrap div.container {width:auto; min-width_:350px; padding:0 15px;}
	div.container_wrap div.content_title_wrap {width:100%;}
	div.container_wrap div#content {width:100%;}
}

@media all and (max-width:930px){
	div.container_wrap div.content_title_wrap {padding:10px 0; height:auto;}
	div.container_wrap div.content_title_wrap div.depth {font-size:14px; margin-bottom:20px;}
	div.container_wrap div.content_title_wrap div.depth a {margin-right:5px;}
	div.container_wrap div.content_title_wrap a.btn_print {display:none;}
	div.container_wrap div.content_title_wrap h2.content_title {padding-bottom:10px;}
}

@media all and (max-width:640px){
	div.container_wrap div#content div.admin_info_box  {height:auto;}
	.admin_info_box div.inner {padding-right:55px;}
	.admin_info_box div.inner span {display:block;}
}