@charset "utf-8";
/* CSS Document */

/********************************************************
파일명 : EgovLayout.css
설 명 : 레이아웃.css
수정일 수정자 Version Function 명
------- -------- ---------- --------------
2012.05.14 안병철 1.0 최초 생성
2012.05.23 안병철 2.0 
*********************************************************/


/*******************************************************************************
  popup
*******************************************************************************/
#wrap-pop header#header {height:42px; padding:0 15px; margin:0; background-color:#41acb2}
#wrap-pop header#header h1 {color:#fff; height:42px; color:#fff; font-weight:900; font-size:1.167em; line-height:42px}
#wrap-pop header#header button {float:right; width:17px; height:17px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/btn/btn_close_pop.png) 0 0 no-repeat; margin:-30px 0 0 0}
#wrap-pop header#header button span {position:relative;z-index:-1;display:block;*visibility:hidden; width:17px;height:17px;padding:2px 0 0 0;border:1px solid #c3c3ca;font-size:11px}

#wrap-pop #content {float:none; margin:0; padding:15px}
#wrap-pop #content .btn-close {margin:20px 0; text-align:center}

/*******************************************************************************
  header
*******************************************************************************/

#skip_menu {text-align:center}
.skip {position:relative; top:0; height:12px; padding:10px; background-color:#000;}
.skip a {color:#fff; font-size:12px}	
.skippahntom {position:absolute; top:-1000em; height:0;}
.skippahntom a {font-size:0;}
#skip_menu ul { margin:auto}
#skip_menu a {padding:0 10px 0 0; font-weight:900;}
#skip_menu li a {color:#fff}

header#header {margin-bottom:25px}
header#header .area {max-width:950px; _width:950px; min-height:68px; _height:73px; margin:auto}
header#header .area h1 {float:left; margin:10px 0 0 0}
header#header .area p.gnb-tel {float:left; margin:20px 0 0 0px}
header#header .area p.gnb-tel2 {float:left; margin:20px 0 0 19%}
header#header .area p.gnb-tel-mob {display:none}
header#header nav.global {float:right; max-width:400px; margin:37px 0 0 0; *zoom:1}
header#header nav.global:after {content:""; display:block; clear:both}
header#header nav.global li {float:left; margin:0 14px 0 0}
header#header nav.global li a {display:block; position:relative; height:15px; font-size:0.92em}
header#header nav.global li a span {display:none; position:absolute; left:0; top:0; width:100%; height:15px; background-image:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/gnb_top.png); background-repeat:no-repeat}
header#header nav.global li a.global1 span {background-position:0 0}
header#header nav.global li a.global2 span {background-position:0 -15px}
header#header nav.global li a.global3 span {background-position:0 -30px}
header#header nav.global li a.global4 span {background-position:0 -45px}
header#header nav.global li a.global5 span {background-position:0 -60px}
header#header nav.global li.naver_blog,
header#header nav.global li.facebook,
header#header nav.global li.twitter {margin:-3px 3px 0 0 !important}

header#header nav.gnb-area-resize {/* display:black; */ z-index:99; min-height:43px; _height:43px; border-bottom:4px solid #38a3ac; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_header.png) 0 0 repeat-x; clear:both}
	nav.gnb-area,
	ul.gnb {z-index:99; position:relative; max-width:950px; _width:950px; margin:0 auto; padding:0; *zoom:1}
	ul.gnb520 {display:none}
	ul.gnb:after {content:""; display:block; clear:both}
	/* 시작 2013.11.01 김선경 메인메뉴 조정 */
	/*ul.gnb li.dep1 {float:left; width:16.5%; position:relative; padding:0; color:#333; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_header_div.png) 0 2px no-repeat; font-weight:900}*/
    ul.gnb li.dep1 {float:left; width:135px; /* 2013-11-05 width조정 */ position:relative; padding:0; color:#333; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_header_div.png) 0 2px no-repeat; font-weight:900}
	ul.gnb li.dep1:first-child { width:140px /* 2013-11-05 width조정 */  }
	/*종료 2013.11.01*/
	ul.gnb li.dep1 a {display:block; position:relative; height:43px; color:#333; letter-spacing:-0.03em}
	ul.gnb li.dep1 a span {display:inline-block; position:absolute; left:0; top:0; width:100%; height:43px; background-image:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/gnb.png); background-repeat:no-repeat; text-indent:-5000px}
	/*ul.gnb li.dep1 a.gnb1 span {background-position:center 0}
	ul.gnb li.dep1 a.gnb2 span {background-position:center -86px}
	ul.gnb li.dep1 a.gnb3 span {background-position:center -172px}
	ul.gnb li.dep1 a.gnb4 span {background-position:center -258px}
	ul.gnb li.dep1 a.gnb5 span {background-position:center -344px}
	ul.gnb li.dep1 a.gnb6 span {background-position:center -430px}*/
	ul.gnb li.dep1 a.gnb1 span {background-position:center 0}
	ul.gnb li.dep1 a.gnb2 span {background-position:center -100px}
	ul.gnb li.dep1 a.gnb3 span {background-position:center -200px}
	ul.gnb li.dep1 a.gnb4 span {background-position:center -300px}
	ul.gnb li.dep1 a.gnb5 span {background-position:center -400px}
	ul.gnb li.dep1 a.gnb6 span {background-position:center -500px}
	/* 시작 2013.11.01 김선경 정보공개 */
	ul.gnb li.dep1 a.gnb7 span {background-position:center -600px}
	/* 종료 2013.11.10*/
	ul.gnb li.dep1 a.gnb8 span {background-position:center -700px}
	ul.gnb li.dep1 a.gnb9 span {background-position:center -800px}
	ul.gnb li.dep1 a.gnb10 span {background-position:center -900px}
	ul.gnb li.dep1 a.gnb11 span {background-position:center -1000px}
	ul.gnb li.dep1 a.gnb12 span {background-position:center -1100px}
	
	/*ul.gnb li.dep1 a.gnb1:hover span,
	ul.gnb li.dep1.active a.gnb1 span {background-position:center -43px}
	ul.gnb li.dep1 a.gnb2:hover span,
	ul.gnb li.dep1.active a.gnb2 span {background-position:center -129px}
	ul.gnb li.dep1 a.gnb3:hover span,
	ul.gnb li.dep1.active a.gnb3 span {background-position:center -215px}
	ul.gnb li.dep1 a.gnb4:hover span,
	ul.gnb li.dep1.active a.gnb4 span {background-position:center -301px}
	ul.gnb li.dep1 a.gnb5:hover span,
	ul.gnb li.dep1.active a.gnb5 span {background-position:center -387px}
	ul.gnb li.dep1 a.gnb6:hover span,
	ul.gnb li.dep1.active a.gnb6 span {background-position:center -473px}*/
	ul.gnb li.dep1 a.gnb1:hover span,
	ul.gnb li.dep1.active a.gnb1 span {background-position:center -50px}
	ul.gnb li.dep1 a.gnb2:hover span,
	ul.gnb li.dep1.active a.gnb2 span {background-position:center -150px}
	ul.gnb li.dep1 a.gnb3:hover span,
	ul.gnb li.dep1.active a.gnb3 span {background-position:center -250px}
	ul.gnb li.dep1 a.gnb4:hover span,
	ul.gnb li.dep1.active a.gnb4 span {background-position:center -350px}
	ul.gnb li.dep1 a.gnb5:hover span,
	ul.gnb li.dep1.active a.gnb5 span {background-position:center -450px}
	ul.gnb li.dep1 a.gnb6:hover span,
	ul.gnb li.dep1.active a.gnb6 span {background-position:center -550px}
	/* 시작 2013.11.01 김선경 정보공개 */
	ul.gnb li.dep1 a.gnb7:hover span, 
	ul.gnb li.dep1.active a.gnb7 span {background-position:center -650px} 
	
	ul.gnb li.dep1 a.gnb8:hover span, 
    ul.gnb li.dep1.active a.gnb8 span {background-position:center -750px}
    ul.gnb li.dep1 a.gnb9:hover span, 
    ul.gnb li.dep1.active a.gnb9 span {background-position:center -850px}
    ul.gnb li.dep1 a.gnb10:hover span, 
    ul.gnb li.dep1.active a.gnb10 span {background-position:center -950px}
    ul.gnb li.dep1 a.gnb11:hover span, 
    ul.gnb li.dep1.active a.gnb11 span {background-position:center -1050px}
    ul.gnb li.dep1 a.gnb12:hover span, 
    ul.gnb li.dep1.active a.gnb12 span {background-position:center -1150px}
    
	/* 종료 2013.11.01*/
	ul.gnb li.dep1.active ul {background-color:#0c6772}
	ul.gnb li ul {display:none; z-index:199; position:absolute; width:100%; height:230px; top:43px; line-height:1.3em}
	ul.gnb li ul.current {background-color:#0c6772}
	/* 시작 2013.11.01 김선경   */
	/*ul.gnb li ul li {padding:0 0 0 27px; margin:0; color:#95dce4}*/
	ul.gnb li ul li {padding:0 0 0 12px; margin:0; color:#95dce4}
	/*종료 2013.11.01*/
	ul.gnb li ul li a {height:auto !important; padding:3px 0 !important; color:#95dce4 !important; font-weight:900}
	ul.gnb li ul li a:hover,
	ul.gnb li ul li a:active,
	ul.gnb li ul li a.active {color:#fff !important; text-decoration:none}
	
	nav.gnb-area .view-menu {display:none}
	.curton.gnb_sub_area {display:none; *z-index:-1; z-index:10; position:absolute; top:115px; left:0; width:100% !important; height:230px; overflow:hidden; background:rgb(56, 163, 172);
		/* filter: alpha(opacity:'90'); */
		opacity:0.9;
	}

@media only screen and (max-width:760px) and (min-width:500px) {
	header#header {position:relative; margin-bottom:0}
	header#header nav.gnb-area-resize {display:none}
	header#header .area p.gnb-tel {display:none}
	header#header .area p.gnb-tel2 {display:none}
	header#header .area p.gnb-tel-mob {display:block; z-index:199; position:absolute; width:219px; top:88px; left:50%; margin:0 0 0 -109px; text-align:center}
	header#header .area p.gnb-tel-mob img {width:180px}	
	
	nav.gnb-area {position:relative; display:block; z-index:99; width:100%; min-height:43px; _height:43px; padding:0; border-bottom:4px solid #38a3ac; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_header.png) 0 0 repeat-x; clear:both}
	ul.gnb {display:none}
	ul.gnb520 {display:block; width:100%; height:100%; background-color:#0c6772;}
	ul.gnb520 li.dep1 {display:block; float:none; width:100%; clear:both; overflow:hidden; border-bottom:1px solid #fff; vertical-align:top}
	ul.gnb520 li.dep1 a {float:left; display:inline-block; width:26%; padding:6px 2%; color:#fff; font-size:16px; font-family:'Malgun Gothic','Apple Gothic',sans-serif; font-weight:900; vertical-align:top}
	ul.gnb520 li.dep1 a:hover {text-decoration:none}
	ul.gnb520 li.dep1 a.gnb1 {height:60px}
	ul.gnb520 li.dep1 a.gnb2 {height:60px}
	ul.gnb520 li.dep1 a.gnb3 {height:60px}
	ul.gnb520 li.dep1 a.gnb4 {height:140px}
	ul.gnb520 li.dep1 a.gnb5 {height:60px}
	ul.gnb520 li.dep1 a.gnb6 {height:140px}
	ul.gnb520 li.dep1 a.gnb7 {height:140px}
	
	ul.gnb520 li.dep1 a.gnb8 {height:160px}
	ul.gnb520 li.dep1 a.gnb9 {height:160px}
	ul.gnb520 li.dep1 a.gnb10 {height:160px}
	ul.gnb520 li.dep1 a.gnb11 {height:160px}
	ul.gnb520 li.dep1 a.gnb12 {height:160px}
	
	ul.gnb520 li.dep1 a span {display:none}
	ul.gnb520 li.dep1 ul li {float:left; display:table-cell; float:left; width:34.7%; overflow:hidden; margin:1px 0 0 0; border-left:1px solid #0c6772; background-color:#158c96; font-size:14px}
	ul.gnb520 li.dep1 ul li a {display:block; width:90%; height:100%; padding:8px 5%; color:#95dce4; font-size:14px}
	ul.gnb520 li.dep1 ul li a:hover,
	ul.gnb520 li.dep1 ul li a:active {color:#fff; text-decoration:none}
	html:first-child ul.gnb520 li.dep1 ul li {width:35.7%}
	
	.curton.gnb_sub_area {display:none !important}
	nav.gnb-area .view-menu {display:block; height:31px; padding:12px 20px 0 0; color:#38a3ac; font-weight:900; font-family:'Malgun Gothic','Apple Gothic', sans-serif; font-size:1.250em; text-align:right; cursor:pointer}
	nav.gnb-area .view-menu img {padding:0 0 0 5px; margin-top:-3px; vertical-align:middle}
	nav.gnb-area .view-menu a {color:#38a3ac}
}
@media only screen and (max-width:499px) {
	header#header {width:100%; margin:0;}
	header#header .area h1 {float:none; text-align:center}
	header#header .area p.gnb-tel {display:none}
	header#header .area p.gnb-tel2 {display:none}
	header#header .area p.gnb-tel-mob {display:block; z-index:199; position:absolute; width:219px; top:98px; text-align:center}
	header#header .area p.gnb-tel-mob img {width:180px}	
	header#header nav.global {display:none}
	header#header nav.gnb-area-resize {display:none}
	
		nav.gnb-area {position:relative; display:block; z-index:99; width:100%; min-height:43px; _height:43px; padding:0; border-bottom:4px solid #38a3ac; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_header.png) 0 0 repeat-x; clear:both}

	ul.gnb520 {display:block; width:100%}
	ul.gnb520 li.dep1 {float:none; width:100%; margin:0; padding:0; background-color:#46a9b2; border-top:1px solid #fff; font-weight:900; font-family:'Malgun Gothic','Apple Gothic', sans-serif}
	ul.gnb520 li.dep1 a {display:block; padding:15px; color:#fff; font-size:1.250em; font-weight:900}
	ul.gnb520 li.dep1 a:hover {text-decoration:none}

	ul.gnb520 li.dep1 a span {display:none}
	ul.gnb520 li.dep1 ul {display:none}
	
	.curton.gnb_sub_area {display:none !important}
	nav.gnb-area .view-menu {display:block; height:31px; padding:12px 20px 0 0; color:#38a3ac; font-weight:900; font-family:'Malgun Gothic','Apple Gothic', sans-serif; font-size:1.250em; text-align:right; cursor:pointer}
	nav.gnb-area .view-menu img {padding:0 0 0 5px; margin-top:-3px; vertical-align:middle}
	nav.gnb-area .view-menu a {color:#38a3ac}
	/*
	nav.gnb-area {display:block; position:relative; height:auto;  border-bottom:4px solid #38a3ac;}
	ul.gnb520 {display:block !important}
	nav.gnb-area ul li.dep1 {float:none; width:100%; margin:0; padding:0; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_header.png) 0 0 repeat-x; font-weight:900; font-family:'Malgun Gothic','Apple Gothic', sans-serif}
	nav.gnb-area ul li.dep1 a {display:block; padding:15px; color:#38a3ac; font-size:1.250em; font-weight:900}
	nav.gnb-area ul li.dep1 a:hover {text-decoration:none}
	nav.gnb-area ul li.dep1 a span {display:none}
	nav.gnb-area ul li.dep1 ul {display:none !important}
	.curton.gnb_sub_area {display:none !important}*/
}

/*******************************************************************************
  layout
*******************************************************************************/
body {background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_container.png) 0 120px repeat-x}
body.main_bg {background-image:none}
/*#wrap {background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/bg_container.png) 0 120px repeat-x}*/
#container {max-width:970px; min-width:320px; _width:950px; margin:auto; clear:both}
#container:after {display:block; clear:both; content:''}
#content {/* float:; */ width:auto; overflow:hidden; margin-left:24%; padding-bottom:40px}
#content:after {content:""; display:block; clear:both}

#contentXml {/* float:; */ width:auto; overflow:hidden; margin-left:10px; margin-right:10px; padding-bottom:40px}
#contentXml:after {content:""; display:block; clear:both}


/*******************************************************************************
  snb
*******************************************************************************/
#snb {float:left; width:21%; margin-right:-21%;}
#snb div img {max-width:100%}
#snb div.bg{/*margin-top:-4px;*/background: url(../../../../../../images/egovframework/iwt/ds/ko/cmm/left_title.png); width:202px; height:63px;}

#snb h1 {margin:-42px 0 35px 0; color:#1c1c1c; font-size:1.833em; font-family:'NanumGothic',나눔고딕,ngttf, 'Malgun Gothic',sans-serif; font-weight:200; line-height:1em;}
#snb ul {border-top:1px solid #dbdbdb;}
#snb ul li {font-weight:900; letter-spacing:-0.05em}
#snb ul li.letter_s {letter-spacing:-0.1em}
#snb ul li a {display:block; height:30px; padding:0 10px; border-bottom:1px solid #dbdbdb; color:#46a9b2; line-height:30px; white-space:nowrap}
#snb ul li a:hover span,
#snb ul li a:active span, 
#snb ul li a.active span {display:block; height:14px}/* background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/ico/bu_snb.png) right 11px no-repeat*/
#snb ul li a:hover,
#snb ul li a:active,
#snb ul li a.active,
#snb ul li a.current {height:29px; color:#fff; text-decoration:none; border:1px solid #46a9b2; font-size:1.167em;	
	background:#61b6bd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#81cdd4), to(#61b6bd));
	background:#61b6bd -moz-linear-gradient(top, #81cdd4, #61b6bd);
	background:#61b6bd -o-linear-gradient(top, #81cdd4, #61b6bd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81cdd4', endColorstr='#61b6bd');
	background-color:#61b6bd;
}
#snb ul li ul {border-top:none; border-bottom:1px solid #dbdbdb; padding:8px 9px; background-color:#f4f4f4}
#snb ul li ul li {font-weight:200}
#snb ul li ul li a {height:20px !important; color:#878a8a; line-height:20px; border:none; font-size:1em}
#snb ul li ul li a:hover,
#snb ul li ul li a:active,
#snb ul li ul li a.active {border:none; color:#333; font-weight:900; font-size:1em; background:none !important; filter:none}
#snb ul li ul li.letter_s a:hover,
#snb ul li ul li.letter_s a:active,
#snb ul li ul li.letter_s a.active {letter-spacing:-0.16em}

#snb ol.banner {margin:40px 0 0 0; border-top:3px solid #38a3ac; border-left:1px solid #ececec; border-right:1px solid #ececec}
#snb ol.banner li {background-color:#f8f8f8; font-weight:200}
#snb ol.banner li a {display:block; height:49px; padding:0 0 0 50px; border-bottom:1px solid #ddd; color:#878a8a; background-image:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/ico/ico_snb_01.png); background-repeat:no-repeat; line-height:49px}
#snb ol.banner li.st1 a {background-position:10px 0}
#snb ol.banner li.st2 a {background-position:10px -51px}
#snb ol.banner li.st3 a {background-position:10px -100px}
#snb ol.banner li.st4 a {background-position:10px -150px}
#snb ol.banner li.st1 a {height:39px; padding:10px 20px 0 50px; line-height:normal}

#snb ol.banner li a:hover {text-decoration:none}

@media only screen and (max-width:760px) and (min-width:500px) {
	#snb {float:none; width:96%; padding:0 2% 3% 2%; border-bottom:1px solid #38a3ac;}
	#snb.menu {padding:0 2% 12% 2%}
	#snb div.bg{margin-top:-4px; background: url(../../../../../../images/egovframework/iwt/ds/ko/cmm/left_title.png); width:202px; height:63px;}
	#snb h1 {margin:-42px 0 15px 0; font-size:1.5em; font-family:'Malgun Gothic',sans-serif; font-weight:900}
	#snb div img {display:none}
	#snb ul {margin-top:30px; border:none; overflow:hidden}
	/*#snb ul.snb1 li:nth-child(1) {width:33%}
	#snb ul.snb1 li:nth-child(2) {width:33%}
	#snb ul.snb1 li:nth-child(3) {width:32%}
	#snb ul.snb1 li:nth-child(4) {width:50%}
	#snb ul.snb1 li:nth-child(3) {margin-left:0}*/
	#snb ul.snb1 li ul {width:91%}
	#snb ul.snb2 li {width:49%}
	#snb ul.snb2 li ul li {width:25%}
	#snb ul.snb3 li {width:32%}
	#snb ul.snb4 li {width:19.5%}
	#snb ul.snb5 li {width:32.8%}
	#snb ul.snb5 li ul li {width:12%}
	#snb ul.snb5 li ul li:nth-child(1),
	#snb ul.snb5 li ul li:nth-child(2) {width:25%}
	#snb ul.snb5 li:nth-child(4),
	#snb ul.snb5 li:nth-child(7) {margin:0 0 -1px 0}
	
	#snb ul {border-bottom:1px solid #248073}
	#snb ul li:first-child {margin-left:1px}
	#snb ul li {float:left; width:auto; margin:0 0 -1px -1px; border:1px solid #dbdbdb; border-bottom:none !important; border-radius:6px 6px 0 0; 
		background:#c1c1c1 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
		background:#c1c1c1 -moz-linear-gradient(top, #fff, #eee);
		background:#c1c1c1 -o-linear-gradient(top, #fff, #eee);
		background:#c1c1c1 -ms-linear-gradient(top, #fff, #eee);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
		background-color:#c1c1c1;
	}
	
	#snb ul li a:hover,
	#snb ul li a:active,
	#snb ul li a.active,
	#snb ul li a.current {border-radius:6px 6px 0 0}

	#snb ul li a {padding:12px 2px; margin:0; color:#46a9b2; font-size:1.167em; text-align:center; letter-spacing:-0.05em}
	#snb ul li a:hover span,
	#snb ul li a:active span, 
	#snb ul li a.active span {width:auto; background-image:none}
	#snb ul li ul {position:absolute; left:2%; width:92%; margin-top:0px; margin-left:1px; padding:4px 9px; border:1px solid #61b6bd; border-radius:0 0 6px 6px; background-color:#81cdd4;
		box-shadow:0px 6px 6px #56afa3 inset}

	#snb ul li ul li {border:none; padding:0 30px 0 0; background:none; filter:none}
	#snb ul li ul li a {color:#fff; font-size:1.333em}
	#snb ul li ul li a:hover,
	#snb ul li ul li a:active,
	#snb ul li ul li a.active {font-size:1.333em; filter:none}
	
	#snb ol.banner {display:none}
}
@media only screen and (max-width:499px) {
	#snb {float:none; width:100%; padding:0; border-bottom:1px solid #38a3ac;}
	#snb div.bg{ display:none}
	#snb h1 {margin:0; padding:10px 0 20px 10px; color:#fff; background-color:#4cacb4; font-size:1.5em; font-family:'Malgun Gothic',sans-serif}
	#snb div img {display:none}
	#snb ul {margin:0; border:none; overflow:hidden}
	#snb ul li {width:auto; margin:0; border-bottom:1px solid #d4d4d4}
	#snb ul li a {padding:5px 0; margin:0; padding-left:10px; border:none; color:#46a9b2; font-size:1.167em; text-align:left}
	#snb ul li a span {display:block; width:95%; height:24px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/ico/bu_snb_320.png) right 12px no-repeat;}
	#snb ul li a:hover span,
	#snb ul li a:active span, 
	#snb ul li a.active span {display:block; width:95%; height:24px; text-shadow:1px 1px 1px #24717a;}

	#snb ul li a:hover,
	#snb ul li a:active,
	#snb ul li a.active,
	#snb ul li a.current {border:none; color:#fff; text-decoration:none; background-color:#60b5bd}
	
	#snb ul li ul {border:none}
	#snb ul li ul li {border:none; padding:0 30px 0 0; background:none}
	#snb ul li ul li a {font-size:1.15em}
	#snb ul li ul li a:hover,
	#snb ul li ul li a:active,
	#snb ul li ul li a.active {font-size:1.15em}
	
	#snb ol.banner {display:none}
}

/*******************************************************************************
  content
*******************************************************************************/
#content header.main {position:relative; margin:0 0 38px 0}
#content header.main h1 {padding:17px 0 18px 0; color:#1c1c1c; font-size:2em; font-weight:200; font-family:'NanumGothic',나눔고딕,ngttf, 'Malgun Gothic',sans-serif; line-height:1em}
#content header.main h2 {margin-top:-2px; margin-bottom:15px; color:#666; font-size:1em; font-weight:200; line-height:1.5em}
#content header.main h5 {padding:17px 0 18px 0; color:#1c1c1c; font-size:2em; font-weight:200; font-family:'NanumGothic',나눔고딕,ngttf, 'Malgun Gothic',sans-serif; line-height:1em}
#content header.main .report {position:absolute; left:220px; top:61px}
#content header.main p.txt {display:none; float:right; position:absolute; right:0; top:15px}
#content header.main p.location {width:100%; color:#999}


#content header.main .sns-area {position:absolute; right:3px; top:50px; margin:0!important}
#content header.main .sns-area .facebook {width:64px !important; overflow:visible !important}
#content header.main .sns-area div {float:left; margin:5px 0 0 5px}
#content header.main .sns-area div iframe {width:64px !important}
#content header.main .sns-area .twitter iframe {width:75px !important}
#content .sns-area {float:right; margin:-30px 0 0 0}
#content .sns-area div {float:left; margin:5px 0 0 5px}
#content .sns-area div.twitter iframe {width:70px !important}
#content .sns-area #printButton {cursor:pointer}

#content section.cont,
#content article.cont {margin-left:2%; *zoom:1}
#content section.cont  {position:relative}
#content section.cont .report-writing {position:absolute; right:5px; top:14px}



/*******************************************************************************
  contentXml
*******************************************************************************/
#contentXml header.main {position:relative; margin:0 0 38px 0}
#contentXml header.main h1 {padding:17px 0 18px 0; color:#1c1c1c; font-size:2em; font-weight:200; font-family:'NanumGothic',나눔고딕,ngttf, 'Malgun Gothic',sans-serif; line-height:1em}
#contentXml header.main h2 {margin-top:-2px; margin-bottom:15px; color:#666; font-size:1em; font-weight:200; line-height:1.5em}
#contentXml header.main .report {position:absolute; left:220px; top:61px}
#contentXml header.main p.txt {display:none; float:right; position:absolute; right:0; top:15px}
#contentXml header.main p.location {width:100%; color:#999}


#contentXml header.main .sns-area {position:absolute; right:3px; top:50px; margin:0!important}
#contentXml header.main .sns-area .facebook {width:64px !important; overflow:visible !important}
#contentXml header.main .sns-area div {float:left; margin:5px 0 0 5px}
#contentXml header.main .sns-area div iframe {width:64px !important}
#contentXml header.main .sns-area .twitter iframe {width:75px !important}
#contentXml .sns-area {float:right; margin:-30px 0 0 0}
#contentXml .sns-area div {float:left; margin:5px 0 0 5px}
#contentXml .sns-area div.twitter iframe {width:70px !important}
#contentXml .sns-area #printButton {cursor:pointer}

#contentXml section.cont,
#contentXml article.cont {margin-left:2%; *zoom:1}
#contentXml section.cont  {position:relative}
#contentXml section.cont .report-writing {position:absolute; right:5px; top:14px}

@media only screen and (max-width:760px) {
	#content {width:96%; margin:2%}
	#content header.main {left:0; margin:0 0 15px 0}
	#content header.main h1 {font-family:'Malgun Gothic',sans-serif; font-weight:900}
	#content header.main h5 {font-family:'Malgun Gothic',sans-serif; font-weight:900}
	#content header.main p.txt {display:none}
	
	#content section.cont {margin:0}
	#content header.recruit {padding-left:95px; background-size:75px}
	#content header.recruit h1 {margin-bottom:7px}
	#content header.recruit p.sub {font-size:1.2em; font-family:'Malgun Gothic', sans-serif; font-weight:900}
	#content header.recruit p.main {font-size:1.5em; font-family:'Malgun Gothic', sans-serif; font-weight:900}
}

/*******************************************************************************
  footer
*******************************************************************************/
#footer {position:relative; *padding-top:25px; margin:25px auto 28px; border-top:1px solid #e0e0e0; clear:both}
#footer .area-footer {position:relative; max-width:950px; _width:950px; margin:25px auto 0}
#footer p.ci {float:left; height:80px; margin:7px 50px 0 0}
#footer .area {float:left}
#footer nav {margin:0 0 15px 0}
#footer nav li {float:left; margin:0 19px 0 0}
#footer nav li a {display:inline-block; position:relative; height:15px; font-size:0.92em; letter-spacing:-0.05em}
#footer nav li a span {display:block; position:absolute; left:0; top:0; width:105%; height:15px; background-image:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/nav_footer.png); background-repeat:no-repeat}
#footer nav li a.bot1 span {background-position:0 0}
#footer nav li a.bot2 span {background-position:0 -15px}
#footer nav li a.bot3 span {background-position:0 -30px}
#footer nav li a.bot4 span {background-position:0 -45px}
#footer nav li a.bot5 span {background-position:0 -60px}

#footer .address {position:relative; width:549px; height:60px; margin:30px 0 0 0; color:#333}
#footer .address .bg {position:absolute; left:0; top:0; width:549px; height:60px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/p_address.png) 0 0 no-repeat}
#footer .address address,
#footer .address dl {font-size:0.92em; letter-spacing:-0.03em}
#footer .address dl dt,
#footer .address dl dd {float:left}

#footer .relative {position:absolute; right:10px}
#footer select {width:138px; font-size:0.92em}
#footer button {width:28px; height:18px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/btn/btn_go.png) 0 0 no-repeat} 
#footer button span {position:relative;z-index:-1;display:block;*visibility:hidden; width:26px;height:10px;padding:2px 0 0 0;border:1px solid #c3c3ca;font-size:11px}
#footer .visitors {position:absolute; top:24px; left:0; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/visitors.png) no-repeat; width:175px; height:60px; color:#949494; padding-top:5px; padding-left:5px; font-size:11px;}
#footer .visitors .i_text {border:1px solid #6cc2ca; background:#fff; width:88px; height:20px; margin:1px;}
#footer .visitors .i_text_visitors {border: solid #6cc2ca; background:#fff; width:88px; height:20px; margin:1px;}

@media only screen and (max-width:760px) and (min-width:500px) {
	#footer .visitors {visibility:hidden}
}

#footer p.copy {visibility:hidden}

#footer .copyright,
#footer .pc-version {display:none}

@media only screen and (max-width:760px) and (min-width:500px) {
	#footer p.ci {float:left; height:80px; margin:7px 10px 0 0}
	#footer .area-footer {width:100%; margin:0; padding:25px 0 0 0}
	#footer nav {width:370px}
	#footer nav li {float:left; margin:0 15px 0 0}
	#footer .area {width:360px; margin:0}
	#footer .address {position:relative; width:355px; height:58px; margin:30px 0 0 0; color:#333}
	#footer .address .bg {position:absolute; left:0; top:0; width:360px; height:58px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/520_p_address.png) 0 0 no-repeat}
	#footer .address:after {content:""; display:block; clear:both}
	#footer .relative {position:static; margin-right:3%; text-align:right}
	#footer p.copy {visibility:visible; position:relative; width:463px; height:13px; margin-top:30px; margin-left:10px; font-size:0.92em; letter-spacing:-0.06em; clear:both}
	#footer p.copy span {display:block; position:absolute; left:0; top:0; width:463px; height:13px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/p_copy.png) 0 0 no-repeat}
	#footer .copyright,
	#footer .pc-version {display:none}
}

@media only screen and (max-width:499px) {
	#footer {width:94%; height:50px; padding:0 3% 3% 3%;}
	#footer .area-footer {margin:25px 0 0 0 }
	#footer p.ci ,
	#footer nav,
	#footer .address,
	#footer p.copy,
	#footer .relative {display:none}	
	#footer .copyright {display:block; float:left; margin:-10px 0 0 0; font-weight:900}
	#footer .pc-version {display:block; float:right; margin:-17px 0 0 0; *zoom:1}
	#footer .pc-version a {display:block; padding:5px 9px; border:1px solid #33969e; color:#fff; background-color:#38a3ac; font-weight:900}
	#footer .pc-version a:hover {text-decoration:none}
	#footer .pc-version:after {content:""; display:block; clear:both}
}

/*******************************************************************************
  print 영역
*******************************************************************************/
/*.blind-curton {z-index:200; position:fixed; width:100%; height:100%; background-color:#000; 
	opacity:0.3;
	filter: alpha(opacity=30);
}*/
.print-area {display:none; z-index:100; position:fixed; top:50px; left:50%; width:500px; padding:50px; border:1px solid #ccc; background-color:#fff;}
.print-area header.main p.txt {display:none}
.print-area .sns-area,
.print-area .p-location {display:none}

/*******************************************************************************
  footer2
*******************************************************************************/
#footer2 {position:relative; *padding-top:25px; margin:25px auto 28px;  clear:both}
#footer2 .area-footer {position:relative; max-width:950px; _width:950px; margin:25px auto 0}
#footer2 p.ci {float:left; height:80px; margin:7px 50px 0 0}
#footer2 .area {float:left}
#footer2 nav {margin:0 0 15px 0}
#footer2 nav li {float:left; margin:0 19px 0 0}
#footer2 nav li a {display:inline-block; position:relative; height:15px; font-size:0.92em; letter-spacing:-0.05em}
#footer2 nav li a span {display:block; position:absolute; left:0; top:0; width:105%; height:15px; background-image:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/nav_footer.png); background-repeat:no-repeat}
#footer2 nav li a.bot1 span {background-position:0 0}
#footer2 nav li a.bot2 span {background-position:0 -15px}
#footer2 nav li a.bot3 span {background-position:0 -30px}
#footer2 nav li a.bot4 span {background-position:0 -45px}
#footer2 nav li a.bot5 span {background-position:0 -60px}

#footer2 .address {position:relative; width:549px; height:60px; margin:30px 0 0 0; color:#333}
#footer2 .address .bg {position:absolute; left:0; top:0; width:549px; height:60px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/p_address.png) 0 0 no-repeat}
#footer2 .address address,
#footer2 .address dl {font-size:0.92em; letter-spacing:-0.03em}
#footer2 .address dl dt,
#footer2 .address dl dd {float:left}

#footer2 .relative {position:absolute; left:545px; right:10px}
#footer2 select {width:138px; font-size:0.92em}
#footer2 button {width:28px; height:18px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/btn/btn_go.png) 0 0 no-repeat} 
#footer2 button span {position:relative;z-index:-1;display:block;*visibility:hidden; width:26px;height:10px;padding:2px 0 0 0;border:1px solid #c3c3ca;font-size:11px}
#footer2 .visitors {position:absolute; top:-45px; left:0; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/visitors.png) no-repeat; width:175px; height:60px; color:#949494; padding-top:5px; padding-left:5px; font-size:11px;}
#footer2 .visitors .i_text {border:1px solid #6cc2ca; background:#fff; width:88px; height:20px; margin:1px;}
#footer2 .visitors .i_text_visitors {border: solid #6cc2ca; background:#fff; width:88px; height:20px; margin:1px;}

@media only screen and (max-width:760px) and (min-width:500px) {
	#footer2 .visitors {visibility:hidden}
}

#footer2 p.copy {visibility:hidden}

#footer2 .copyright,
#footer2 .pc-version {display:none}

@media only screen and (max-width:760px) and (min-width:500px) {
	#footer2 p.ci {float:left; height:80px; margin:7px 10px 0 0}
	#footer2 .area-footer {width:100%; margin:0; padding:25px 0 0 0}
	#footer2 nav {width:370px}
	#footer2 nav li {float:left; margin:0 15px 0 0}
	#footer2 .area {width:360px; margin:0}
	#footer2 .address {position:relative; width:355px; height:58px; margin:30px 0 0 0; color:#333}
	#footer2 .address .bg {position:absolute; left:0; top:0; width:360px; height:58px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/520_p_address.png) 0 0 no-repeat}
	#footer2 .address:after {content:""; display:block; clear:both}
	#footer2 .relative {position:static; margin-right:3%; text-align:right}
	#footer2 p.copy {visibility:visible; position:relative; width:463px; height:13px; margin-top:30px; margin-left:10px; font-size:0.92em; letter-spacing:-0.06em; clear:both}
	#footer2 p.copy span {display:block; position:absolute; left:0; top:0; width:463px; height:13px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/p_copy.png) 0 0 no-repeat}
	#footer2 .copyright,
	#footer2 .pc-version {display:none}
}

@media only screen and (max-width:499px) {
	#footer2 {width:94%; height:50px; padding:0 3% 3% 3%;}
	#footer2 .area-footer {margin:25px 0 0 0 }
	#footer2 p.ci ,
	#footer2 nav,
	#footer2 .address,
	#footer2 p.copy,
	#footer2 .relative {display:none}	
	#footer2 .copyright {display:block; float:left; margin:-10px 0 0 0; font-weight:900}
	#footer2 .pc-version {display:block; float:right; margin:-17px 0 0 0; *zoom:1}
	#footer2 .pc-version a {display:block; padding:5px 9px; border:1px solid #33969e; color:#fff; background-color:#38a3ac; font-weight:900}
	#footer2 .pc-version a:hover {text-decoration:none}
	#footer2 .pc-version:after {content:""; display:block; clear:both}
}

/*******************************************************************************
  footer3
*******************************************************************************/
#footer3 {position:relative; *padding-top:25px; margin:25px auto 28px;  clear:both}
#footer3 .area-footer {position:relative; max-width:950px; _width:950px; margin:25px auto 0}
#footer3 p.ci {float:left; height:80px; margin:7px 50px 0 0}
#footer3 .area {float:left}
#footer3 nav {margin:0 0 15px 0}
#footer3 nav li {float:left; margin:0 19px 0 0}
#footer3 nav li a {display:inline-block; position:relative; height:15px; font-size:0.92em; letter-spacing:-0.05em}
#footer3 nav li a span {display:block; position:absolute; left:0; top:0; width:105%; height:15px; background-image:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/nav_footer.png); background-repeat:no-repeat}
#footer3 nav li a.bot1 span {background-position:0 0}
#footer3 nav li a.bot2 span {background-position:0 -15px}
#footer3 nav li a.bot3 span {background-position:0 -30px}
#footer3 nav li a.bot4 span {background-position:0 -45px}

#footer3 .address {position:relative; width:549px; height:60px; margin:30px 0 0 0; color:#333}
#footer3 .address .bg {position:absolute; left:0; top:0; width:549px; height:60px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/p_address.png) 0 0 no-repeat}
#footer3 .address address,
#footer3 .address dl {font-size:0.92em; letter-spacing:-0.03em}
#footer3 .address dl dt,
#footer3 .address dl dd {float:left}

#footer3 .relative {position:absolute; left:530px; right:10px}
#footer3 select {width:138px; font-size:0.92em}
#footer3 button {width:28px; height:18px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/btn/btn_go.png) 0 0 no-repeat} 
#footer3 button span {position:relative;z-index:-1;display:block;*visibility:hidden; width:26px;height:10px;padding:2px 0 0 0;border:1px solid #c3c3ca;font-size:11px}
#footer3 .visitors {position:absolute; top:-45px; left:0; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/bg/visitors2.png) no-repeat; width:180px; height:85px; color:#949494; padding-top:5px; padding-left:5px; font-size:11px;}
#footer3 .visitors .i_text {border:1px solid #6cc2ca; background:#fff; width:88px; height:20px; margin:1px;}
#footer3 .visitors .i_text_visitors {border: solid #6cc2ca; background:#fff; width:88px; height:20px; margin:1px;}

@media only screen and (max-width:760px) and (min-width:500px) {
	#footer3 .visitors {visibility:hidden}
}

#footer3 p.copy {visibility:hidden}

#footer3 .copyright,
#footer3 .pc-version {display:none}

@media only screen and (max-width:760px) and (min-width:500px) {
	#footer3 p.ci {float:left; height:80px; margin:7px 10px 0 0}
	#footer3 .area-footer {width:100%; margin:0; padding:25px 0 0 0}
	#footer3 nav {width:370px}
	#footer3 nav li {float:left; margin:0 15px 0 0}
	#footer3 .area {width:360px; margin:0}
	#footer3 .address {position:relative; width:355px; height:58px; margin:30px 0 0 0; color:#333}
	#footer3 .address .bg {position:absolute; left:0; top:0; width:360px; height:58px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/520_p_address.png) 0 0 no-repeat}
	#footer3 .address:after {content:""; display:block; clear:both}
	#footer3 .relative {position:static; margin-right:3%; text-align:right}
	#footer3 p.copy {visibility:visible; position:relative; width:463px; height:13px; margin-top:30px; margin-left:10px; font-size:0.92em; letter-spacing:-0.06em; clear:both}
	#footer3 p.copy span {display:block; position:absolute; left:0; top:0; width:463px; height:13px; background:url(../../../../../../images/egovframework/iwt/ds/ko/cmm/p_copy.png) 0 0 no-repeat}
	#footer3 .copyright,
	#footer3 .pc-version {display:none}
}

@media only screen and (max-width:499px) {
	#footer3 {width:94%; height:50px; padding:0 3% 3% 3%;}
	#footer3 .area-footer {margin:25px 0 0 0 }
	#footer3 p.ci ,
	#footer3 nav,
	#footer3 .address,
	#footer3 p.copy,
	#footer3 .relative {display:none}	
	#footer3 .copyright {display:block; float:left; margin:-10px 0 0 0; font-weight:900}
	#footer3 .pc-version {display:block; float:right; margin:-17px 0 0 0; *zoom:1}
	#footer3 .pc-version a {display:block; padding:5px 9px; border:1px solid #33969e; color:#fff; background-color:#38a3ac; font-weight:900}
	#footer3 .pc-version a:hover {text-decoration:none}
	#footer3 .pc-version:after {content:""; display:block; clear:both}
}
/* 검색창 */
#intro .se
{
  position: relative;
  overflow:hidden;
}

#intro .se>div
{
  margin:0 auto;
  width: 655px;
}

#intro .se .search
{
  color:#fff;
  width: 545px;
  background:#fff;
  padding:7px 25px;
  overflow:hidden;
  box-sizing: border-box;
  border-radius: 50px;
  float:left;
}

#intro .se .search .search_line
{
  float:left;
  width: 1px;
  height: 15px;
  margin-left:15px;
  margin-right:20px;
  margin-top:10px;
  background:#ccc;
}

#intro .se .search .search_wrap input
{
  border:none;
  height: 30px;
  width: 310px;
  margin-top:3px;
}

#intro .se .search .search_wrap a
{
  float:right;
  font-size:21px;
  font-weight: bold;
  margin-top:1px;
}


.selectbox
{
  float:left;
  height:35px;
  border:1px solid #fff;
  border-radius:4px;
  padding-right:17px;
  outline:none;
  font-weight: bold;
  color:#444;
}

#intro .search_button
{
  float:left;
  background:#333;
  width: 100px;
  height: 51px;
  overflow:hidden;
  box-sizing: border-box;
  border-radius: 50px;
  margin-left:10px;
  text-align: center;
  line-height: 50px;
  opacity: 0.9;
}

#intro .search_button a
{
  color:#fff;
}

#intro .search_button:hover
{
  opacity: 1;
}