@charset "utf-8";
/**
 * @File Name :content.css
 * @Description :Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.08.10 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2020.08.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20190611. 20191011~ | by @Who
 */

/** Compatible! [IE9+] 20191011~ */

/* Table of contents ))
 | .content1template1
 | …
 */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, menu, blockquote, fieldset, form, pre, hr, figure{letter-spacing:-.085em;}

ul.bu li.bgno{background:none;}

/* 만족도조사결과 */
.charge1result1{margin:0;padding:0;list-style:none;font-size:.875em;}
.charge1result1>li{margin:1% 0;background:#fcfaf8;border:1px solid #ccc;}
.charge1result1>li .even-grid{margin:1.2% 0;display:table;width:100%;}
.charge1result1>li .even-grid .column{position:relative;display:table-cell;vertical-align:middle;padding:.5% 3%;}
.charge1result1>li .even-grid .column.large-2{width:30%;text-align:center;font-size:1.125em;color:#8b530f;border-right:1px dotted #777;}
.charge1result1>li .even-grid .column.large-10{width:70%;}
.charge1result1>li .even-grid .column .button{display:block;width:140px;}
.charge1result1>li .even-grid .column .button .t1{font-size:.875em;}
.charge1result1>li .even-grid .column .button .ic1{background:url(../../img/lib/ic40a2right3.png);}
@media all and (min-width:500px){
	.charge1result1>li .even-grid .column.large-2{width:20%;padding-left:1%;padding-right:1%;}
	.charge1result1>li .even-grid .column.large-10{width:80%;}
}
@media all and (min-width:768px){
	.charge1result1{font-size:1em;}
	.charge1result1>li .even-grid .column.large-2{width:16.66667%;padding-left:2%;padding-right:2%;}
	.charge1result1>li .even-grid .column.large-10{width:83.33333%;}
	.charge1result1>li .even-grid .column .button{position:absolute;top:0;right:20px;margin:0;width:160px;}
}

/* 스킵네비게이션(지도) */
.skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;margin:0}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}
a#skipContent:focus{outline:1px dotted #000;background:#000}


/* 찾아오시는길 */
.cmap1 {position:relative;height:0;padding-bottom:50.56%;overflow:hidden;}
.cmap1 .root_daum_roughmap_landing {position:absolute;top:0;left:0;width:100% !important;height:100%;}
.cmap1 .root_daum_roughmap .wrap_map {height:100% !important}
.cmap1 .root_daum_roughmap .wrap_btn_zoom .btn_zoom_reset {margin-top:10px}
.cmap1 .b1.more {position:absolute;bottom:0;right:45px;font-weight:500;color:#fff;background:rgba(50,29,4,.7);z-index:21;padding:9px 18px 8px}
.cmap1 .b1.more:after {position:absolute;top:0;right:-45px;content:"";display:block;width:45px;height:41px;background:#d69d4e url(../../img/sub/cmap1_spr.png) no-repeat 0 -74px;background-size:220px auto;}
.cmapinfo1 {background:#f7f8fa}
.cmapinfo1 ul {list-style:none;padding:15px;margin:0;overflow:hidden;}
.cmapinfo1 li {position:relative;float:left;box-sizing:border-box;padding-left:75px;min-height:56px}
.cmapinfo1 li:before {position:absolute;top:0;left:0;content:"";display:block;width:56px;height:56px;background:url(../../img/sub/cmap1_spr.png) no-repeat;background-size:171px auto;}
.cmapinfo1 li.addr:before {background-position:0 0}
.cmapinfo1 li.tel:before {background-position:-57px 0}
.cmapinfo1 li.fax:before {background-position:-115px 0}
.cmapinfo1 li .t1 {display:block;font-size:.925em;color:000;font-weight:600;letter-spacing:-.075em;margin-top:5px}
.cmapinfo1 li .t2 {display:block;font-size:1.125em;color:#585858;line-height:1.235em;}
.cmapinfo1 li .t2 a {color:#585858}
.cmapinfo1 li:addr .t2 {font-size:1.063em;}
.cmapinfo1 ul.col3 li {width:100%;margin-top:10px;}
.cmapinfo1 ul.col3 li:first-child {width:100%;margin-top:0;}
@media all and (min-width:500px){
	.cmap1 .b1.more {padding-left:28px;padding-right:28px}
	.cmapinfo1 ul {padding:25px 0 25px 20px}
	.cmapinfo1 li {padding-right:20px}
	.cmapinfo1 ul.col3 li {width:50%;margin-top:0}
}
@media all and (min-width:768px){
	.cmap1 .b1.more {right:50px}
	.cmap1 .b1.more:after {width:50px;height:45px;right:-50px;background-size:auto;background-position:0 -82px}

}
@media all and (min-width:1000px){
	.cmapinfo1 ul {padding:35px 0 35px 30px}
	.cmapinfo1 ul.col3 li {width:28%}
	.cmapinfo1 ul.col3 li:first-child {width:44%;margin-bottom:0}
	.cmapinfo1 li {padding-left:100px}
	.cmapinfo1 li:before {width:80px;height:80px;background-size:auto;}
	.cmapinfo1 li.tel:before {background-position:-82px 0}
	.cmapinfo1 li.fax:before {background-position:-164px 0}
	.cmapinfo1 li .t1 {margin-top:8px}
}

/* 플로우차트 */
.flow1chart {position:relative;list-style:none;margin:0;padding:0;background:#f9f7f4;padding:10px 10px 20px;overflow:hidden;}
.flow1chart li {position:relative;width:100%;margin-top:30px;box-sizing:border-box;border:1px solid #ac7835;display:table;font-size:1.063em;line-height:1.235em;background:#fff;}
.flow1chart li:first-child {margin-top:10px}
.flow1chart li:last-child {margin-right:0;background:#7b5320;border-color:#7b5320;color:#fff;}
.flow1chart li:after {position:absolute;bottom:-28px;right:calc(50% - 11px);content:"";display:block;width:12px;height:22px;background:url(../../img/sub/ic22a1flowchart1arrow.png) no-repeat;transform:rotate(90deg);}
.flow1chart li:last-child:after {display:none;}
.flow1chart li .t1 {display:table-cell;vertical-align:middle;text-align:center;padding:15px 20px;}
@media all and (min-width:400px){
	.flow1chart {padding:10px 10px 20px 20px}
	.flow1chart li {float:left;width:calc(50% - 30px);height:94px;margin-right:30px;margin-top:10px}
	.flow1chart li:first-child {margin-top:10px}
	.flow1chart li:after {top:calc(50% - 11px);right:-23px;bottom:auto;transform:none;}
	.flow1chart li .t1 {padding-top:0;padding-bottom:0}
}
@media all and (min-width:500px){
	.flow1chart li {width:calc(33.3333% - 30px);margin-right:30px}
	.flow1chart li:after {right:-23px}
}
@media all and (min-width:768px){
	.flow1chart {padding:10px 20px 30px 40px}
	.flow1chart li {width:calc(25% - 40px);margin-right:40px;margin-top:20px}
	.flow1chart li:first-child {margin-top:20px}
	.flow1chart li:after {right:-28px}
}
.flow-chart2{font-size:.875em;}
.flow-chart2 li.column{font-size:1.095em;color:#333;text-align:center;line-height:24px;margin-bottom:20px;letter-spacing:0;}
.flow-chart2 .num{position:relative;display:block;width:43px;height:49px;margin:-24px auto 10px;text-align:center;background:url(../../img/sub/ic43a1flowchart2.png) no-repeat;color:#fff;line-height:49px;z-index:10;}
@media all and (min-width:768px){
	.flow-chart2{font-size:1em;}
}

/* 이미지확대보기 */
.imgzoom1, .imgExpand1 {position:relative;}
.imgzoom1 .b1.zoom, .imgExpand1 .b1 {position:absolute;bottom:0;right:0;width:40px;height:40px;background:url(../../img/sub/ic40a1zoom.png) no-repeat 50% 50%}

/* 사이트맵 */
/*
.sitemap1{margin:0 0 40px;padding:0 0 40px;border-bottom:1px solid #ddd;}
.sitemap1 .h2{display:block;
	background:none;
	padding:0;margin:0;
	letter-spacing:-3px;
	font-family:'GimhaeGaya';
	font-size:28px;
	font-weight:400;
}
.sitemap1 .d2{display:block;
	border:1px solid #ddd;
	background:#ecf1f5;
	color:#333;
	text-align:center;
	padding:7px 5px;
	letter-spacing:-1px;
	font-weight:600
}
.sitemap1 .column ul{display:block;
	background:#fafbfc;
	border:1px solid #ddd;
	border-top:0;
	padding:15px;
	margin:0;
	font-size:14px;
}
.sitemap1 .column ul>li{background:none;padding:0;;}
.sitemap1 .column ul>li>a{display:block;
	position:relative;
	color:#555;
	text-decoration:none;
	margin:7px 0;
	padding:0 0 0 10px;
	line-height:135%;
}
.sitemap1 .column ul>li:before{display:none;}
.sitemap1 .column ul>li>a:before{content:'- ';
	display:block;
	position:absolute;left:0;top:0;
}
.sitemap1 .column ul>li>a:hover{color:#000}
*/

.line_bv{display:inline-block;width:24px;height:17px;background:url(/_res/edu/img/sub/01/gh_his_img02.gif);margin:0 .3em;}
.line_v_tit{display:block;width:30px;height:2px;margin:20px auto 0;background:#abbbc8;}
.line_bv2_tit{display:block;width:120px;height:8px;background:url(/_res/edu/img/lib/b1s1c1g4.png);margin:0 auto;}
.line_v_tit2{display:block;width:30px;height:2px;margin:6px auto 30px;background:#abbbc8;}

.line_v_tit3{display:block;width:90%;height:1px;margin:5px auto 5px;background:#fff;}

[class*='panel']>[class*='deco1']+.body1 p {letter-spacing:-.1em;}
/* 연혁 */
.history1 {clear:both;position:relative;display:block;padding-bottom:20px;font-size:.875em;}
.history1:after {position:absolute;bottom:0;left:50%;margin-left:-33px;margin-bottom:30px;content:"";display:block;width:46px;height:46px;background:url(/_res/edu/img/sub/01/gh_his_img03.png) no-repeat;background-size:contain;}
.history1 .t1 {font-family:'GimhaeGaya';width:100%;height:0;padding:12% 0 13%;overflow:hidden;background:url(/_res/edu/img/sub/01/gh_his_img02.jpg) no-repeat;background-size:cover;text-align:center;color:#fff;line-height:1;font-size:1.714em;margin:0 0 40px;letter-spacing:-0.05em;}
.history1list1 {border-bottom:1px solid #ccc;}
.history1list1 .lst1 {position:relative;border-top:1px solid #ccc;padding-bottom:5px;}
.history1list1 .lst1 .t2 {display:inline-block;vertical-align:top;color:#000;font-size:1.625em;padding-top:10px;box-sizing:border-box;border-top:3px solid #000;margin:-1px 0 0;font-weight:600}
.history1list1 ul {list-style:none;margin:0;padding:0;}
.history1list1 li {position:relative;padding-left:70px;font-size:1.125em}
.history1list1 li .t3 {position:absolute;top:0;left:0;width:85px;height:100%;line-height:1;color:#333;padding-top:16px;box-sizing:border-box;}
.history1list1 li .t4 {padding:10px 0;margin:0;color:#888888}
@media all and (min-width:500px){
	/*.history1 .t1 {padding-top:11%;padding-bottom:13%;background-size:contain;}*/
	.history1list1 .lst1 {padding-left:105px;padding-bottom:0;}
	.history1list1 .lst1 .t2 {position:absolute;top:-1px;left:0;width:120px;height:100%;text-align:center;padding-top:15px;}
	.history1list1 li .t3 {padding-top:20px;}
	.history1list1 li .t4 {padding-top:15px;padding-bottom:15px;font-size:.875em;}
}
@media all and (min-width:600px){
	.history1list1 .lst1 {padding-left:140px;}
	.history1list1 li {padding-left:85px;}
	.history1list1 .lst1 .t2 {padding-top:10px;}
}
@media all and (min-width:768px){
	.history1 {font-size:1em;}
	.history1 .t1 {margin-bottom:60px;font-size:2.250em;}
	.history1:after {width:96px;height:96px;margin-left:-47px;}
}


/* flow1. */
.flow1{border:1px solid #c8c8cc;background:#fcfdfe;/*background:#fafafa;*/}
.flow1:after{display:none}
.flow1>li{position:relative;vertical-align:top;border:1px solid #d5d7e6;border-width:0 0 1px;padding:30px 2% 5% 70px !important;}
.flow1>li:before{display:block;position:absolute;left:15px;top:30px;font-size:20px;font-family:Helvetica,Arial,sans-serif;line-height:30px;color:#fff;width:30px;height:30px;border-radius:100px;text-align:center;}
.flow1>li:nth-child(1):before{content:'01';background-color:#00a66d}
.flow1>li:nth-child(2):before{content:'02';background-color:#00b992}
.flow1>li:nth-child(3):before{content:'03';background-color:#00a5ba}
.flow1>li:nth-child(4):before{content:'04';background-color:#0086d2}
.flow1>li:nth-child(5):before{content:'05';background-color:#046fd9}
.flow1>li:nth-child(6):before{content:'06';background-color:#046fd9}

.flow1>li:after{content:'';position:absolute;left:80px;top:-1px;display:block;width:37px;height:20px;background:url(/_res/edu/img/sub/arrow2ss.png) no-repeat;}
.flow1>li:first-child:after{background:transparent;}
.flow1>li:last-child{border:0;}
.flow1>li>.t1{display:block;font-size:18px;color:#000;margin:.25em 0 ;line-height:1.333;font-weight:600;}
@media all and (min-width:768px){
	.flow1{display:table !important;table-layout:fixed !important;padding:0 !important;width:100%;}
	.flow1>li{display:table-cell !important;vertical-align:top;border-width:0 1px 0 0;padding:2% 2% 4% 3% !important;/*height:146px;min-height:146px;*/}
	.flow1>li:before{position:relative;left:0;top:0;}
	.flow1>li:after{left:-1px;top:55px;width:20px;height:37px;background:url(/_res/edu/img/sub/arrow2s.png) no-repeat 0 0;}
	.flow1>li>.t1{margin:1em 0 .25em;}
}


@media all and (min-width:768px){
	.mm1 .tgroup{width:145px;height:145px;}
}
@media all and (min-width:1000px){
	.mm1 .tgroup{width:160px;height:160px;font-size:20px;}
}

.box1.download1s1{border-color:#e2e2e4 !important;background:#f7f8f8 !important;}
.download1s1{overflow:hidden;}
.download1s1 .m1{display:inline-block;float:left;margin-top:.999em;line-height:1.333;vertical-align:middle;}
.download1s1 .b1{display:inline-block;float:right;vertical-align:middle;}

.imgLsty{padding:0.3em;border-color:#ddd;}


/* 인사말 */
.c0101_txt{font-size:1.375em;color:#171414;font-weight:500;}

/* 생태공원 소개 */
.mgt_5em{margin-top:.5em !important;}
.mgt1_5em{margin-top:1.5em !important;}
.mgb1_5em{margin-bottom:1.5em !important;}

.c010202_wrap{background:#1170c0;padding:2em 0;overflow:hidden;}
.c010202_wrap div.c010202_cos{width:95%;margin:1em auto;}
.c010202_wrap div.c010202_cos ul, .c010202_wrap div.c010202_cos ul li {margin:0;padding:0;list-style:none;}
.c010202_wrap div.c010202_cos ul li{padding:.85em 0;overflow:hidden;border-bottom:1px dashed #d6ecff;}
.c010202_wrap div.c010202_cos span{display:block;float:left;color:#fff;height:50px;}
.c010202_wrap div.c010202_cos span.cos_num{width:30%;}
.c010202_wrap div.c010202_cos span.cos_num i{width:30px;height:30px;border-radius:50%;background:#fff;display:block;
display:inline-block;text-align:center;font-size:1.6em;vertical-align:middle;line-height:1.2em;}
.c010202_wrap div.c010202_cos span.cos_num i.icA{color:#ff5f36;}
.c010202_wrap div.c010202_cos span.cos_num i.icB{color:#18a655;}
.c010202_wrap div.c010202_cos span.cos_num i.icC{color:#843af0;}
.c010202_wrap div.c010202_cos span.cos_num i.icD{color:#e89504;}
.c010202_wrap div.c010202_cos span.cos_txt{width:100%;position:relative;}
.c010202_wrap div.c010202_cos span.cos_txt em{color:#fff449;}
.c010202_wrap div.c010202_cos span.cos_txt ic.cosA{width:35px;height:15px;}
@media all and (min-width:480px){
.c010202_wrap div.c010202_cos span.cos_num{width:25%;}
.c010202_wrap div.c010202_cos span.cos_txt{width:75%;}
}
@media all and (min-width:768px){
.c010202_wrap div.c010202_cos{width:82%;}
.c010202_wrap div.c010202_cos span{line-height:3em;}
.c010202_wrap div.c010202_cos span.cos_num{width:25%;}
.c010202_wrap div.c010202_cos span.cos_num i{margin:0 .1em 0 .2em;}
.c010202_wrap div.c010202_cos span.cos_txt{width:75%;position:relative;}
.c010202_wrap div.c010202_cos span.cos_txt span.txt{ letter-spacing:-1.5px; font-size:14.5px;padding-top:10px;}
.c010202_wrap div.c010202_cos span.cos_txt i{width:35px;height:15px;position:absolute;top:6px;left:0;}
.c010202_wrap div.c010202_cos span.cos_txt i.cosAic{background:url('/_res/hwapo/img/sub/cosAic.png') no-repeat;}
.c010202_wrap div.c010202_cos span.cos_txt i.cosBic{background:url('/_res/hwapo/img/sub/cosBic.png') no-repeat;}
.c010202_wrap div.c010202_cos span.cos_txt i.cosCic{background:url('/_res/hwapo/img/sub/cosCic.png') no-repeat;}
.c010202_wrap div.c010202_cos span.cos_txt i.cosDic{background:url('/_res/hwapo/img/sub/cosDic.png') no-repeat;}
}

/* 화포천습지 사계 */
.phoWrap {width:100%;position:relative;}
.phoWrap span.pho{background:#ddd;display:block;position:relative;margin:10px 0 0 10px;z-index:100;}
.phoWrap:before{position:absolute;top:-10px;left:0;content:"";display:block;width:75px;height:75px;background:#d69d4e;}
.phoWrap:after{position:absolute;bottom:-10px;right:-10px;content:"";display:block;width:93%;height:93%;background:url('/_res/hwapo/img/sub/bbb.png');}
.txtWrap {width:100%;padding-top:1em;}
.txtWrap p.stit{font-size:1.5em;color:#000;margin:.5em 0 0 0;font-weight:500;line-height:1.5em;}
.txtWrap p.stit em{color:#d09440;}
@media all and (min-width:768px){
	.phoWrap{float:left;width:41%;}
	.txtWrap{float:right;width:55%;padding-top:0;}
	.phoWrap:before{top:0;}
}

/*  */
.local1 .even-grid{border-bottom:1px solid #ccc;padding:20px 0 25px;font-size:.875em;margin:0;}
.local1 .even-grid:first-child{padding-top:0;}
.local1 .even-grid .column{padding:0;}
.local1 .even-grid .column .t1{font-size:1.625em;color:#000;margin:20px 0 15px;line-height:1;letter-spacing:-0.05em;}
.local1 .even-grid .column ul{margin:0;}
@media all and (min-width:1000px){
	.local1 .even-grid{padding:30px 0 40px;font-size:1em;}
	.local1 .even-grid .column .t1{margin-top:10px;}
}


/* 화포천습지 생태공원 로고 */
.c0103_bi {border:1px solid #ddd;overflow:hidden;position:relative;padding:2em 0;}
.c0103_bi span.c1, .c0103_bi span.c2{display:block;float:left;}
.c0103_bi span.c1{width:100%;text-align:center;}
.c0103_bi span.c2{width:100%;padding:.5em;box-sizing:content-box;position:relative;}
.c0103_bi span.c2:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:1px;background:#ddd;transform:translate(0, 0);}
.c0103_bi span.c2 h3{margin:0;padding:0;color:#000;font-size:1.825em;}
.c0103_bi span.c2 h3 em{color:#06b49b;}
.c0103_bi span.c2 span{display:block;line-height:1.625em;margin-top:1em;}
.c0103_bi span.c2 span em {font-weight:500;color:#000;}
.c0103_emblem {border:1px solid #ddd;overflow:hidden;position:relative;padding:2em 0;}
.c0103_emblem span {display:block;width:33%;float:left;text-align:center;}
.c0103_emblem span.c1, .c0103_emblem span.c2{border-right:1px dashed #ddd;}
@media all and (min-width:768px){
	.c0103_bi span.c1{width:50%;text-align:center;}
	.c0103_bi span.c2{width:46%;padding:.5em 0 0 4%;}
	.c0103_bi span.c1:after{position:absolute;top:0;left:50%;content:"";display:block;width:1px ;height:100%;background:#ddd;transform:translate(0, 0);}
	.c0103_bi span.c2:before{display:none;}
}


/* 화포천습지 생태공원 영상 */
.caption1 {height:14em;}

/*찾아오시는 길*/
.infomap{}
.info-map {position:relative;height:360px;overflow:hidden;background-color:#ededed;}
.infomap .btn-map {position:absolute;bottom:0;right:44px;width:100px;height:45px;text-align:center;color:#fff;font-size:0.938em;background:rgba(0,13,26,0.7);line-height:45px;z-index:10;}.div_map{z-index:1;}
.infomap .btn-map:after {position:absolute;right:-46px;bottom:0;content:"";display:block;width:45px;height:45px;background:url(/_res/hwapo/img/sub/map_zoom.png) no-repeat center top;}
.infomap .info-map_h01{height:250px !important;}

.infomap .btnbox11 {position:relative;margin:2px;}
.infomap .btnbox11 .btn-map3 {position:absolute;bottom:2px;right:44px;width:100px;height:45px;text-align:center;color:#fff;font-size:0.938em;background:rgba(0,13,26,0.7);line-height:45px;z-index:10;}
.infomap .btnbox11 .btn-map3:after {position:absolute;right:-46px;bottom:0;content:"";display:block;width:45px;height:45px;background:url(/_res/hwapo/img/sub/map_zoom.png) no-repeat center top;}

/*.info-addr{display:block;background-color:#037FC0;color:#fff;}*/
.info-addr{position:relative;display:block;background-color:#037FC0;color:#fff;padding:2px 0;}
.info-addr .dt1{display:inline-block;width:60px;vertical-align:top;}
.info-addr .dd1{display:inline-block;width:65%;vertical-align:top;}
.info-addr .dd1 .tit {position:relative;font-weight:400;}
.info-addr .dd1 .tit:before {position:absolute;top:50%;left:0;margin-top:-8px;content:"";display:inline-block;vertical-align:middle;width:15px;height:19px;}
.info-addr .dd1 .txt {display:block;font-size:15px;font-weight:600;}
.info-addr .dd1 .txt a[href^='tel'] {padding-left:0;color:#fff;}
.info-addr .dd1 .txt a[href^='tel']:before {display:none}

.info-addr .ic1{display:inline-block;width:50px;height:45px;margin-right:.333em;background:url() no-repeat;background-size:contain;/*border-radius:50%;*/vertical-align:middle;}
.info-addr .ic1.address{background-image:url(/_res/hwapo/img/sub/ic1address1.png)}
.info-addr .ic1.phone{background-image:url(/_res/hwapo/img/sub/ic1tel1.png)}
.info-addr .ic1.fax{background-image:url(/_res/hwapo/img/sub/ic1fax1.png)}

.info-addr .btn-map1 {position:absolute;top:-45px;right:45px;width:100px;height:45px;text-align:center;color:#fff;font-size:0.938em;background:rgba(0,13,26,0.7);line-height:45px;z-index:10;}
.info-addr .btn-map1:after {position:absolute;right:-45px;top:0;content:"";display:block;width:45px;height:45px;background:url(/_res/hwapo/img/sub/map_zoom.png) no-repeat center top;}
@media all and (min-width:768px){
	.info-addr .ic1{width:70px;height:65px;margin-top:-6px;}
	.info-addr .dt1{width:80px;}
	.info-addr .dd1{ }
	.info-addr .dd1 .txt {display:block;font-size:18px;font-weight:400;}
	.infomap .btn-map2 {left:330px;top:30px;width:285px;height:196px;z-index:10;}
}

/* 오시는길 설명 */
.c_map1{margin:30px 0 0 0;border-top:2px solid #037FC0;border-bottom:2px solid #037FC0;}
.c_map1 .h3{margin:0;padding:0;font-size:24px;font-weight:normal;color:#000;background-image:none;}
.c_map1 .p_ic01{margin:0 0 5px 0;padding:0 0 0 26px;background:url(/_res/hwapo/img/sub/pic01.png) no-repeat 0 4px;color:#333;font-size:17px;}
.c_map1 .p_ic02{margin:-5px 0 5px 0;padding:3px 0 0 26px;background:url(/_res/hwapo/img/sub/pic02.png) no-repeat 0 9px;color:#037FC0;font-size:18px;}
.c_map1 .line1{margin:20px 0 0px 0;padding:30px 0 0 0;border-top:1px dotted #d1d1d1;}
.c_map1 p a{background:#037FC0;}
@media all and (min-width:768px){
.c_map1{margin:0px;padding:0 0 15px 0;}
.c_map1 .h3{font-size:24px;}
}

.root_daum_roughmap,
.root_daum_roughmap_landing{border:0 !important;width:auto !important;}

.skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}

a#skipContent:focus{outline:1px dotted #000;background:#000}

/* 체험프로그램 */
.c3_1_box_i{display:none;}
@media all and (min-width:768px){
	.c3_1_box_i{display:inline-block;background-size:contain;width:12%;float:left;}
	.c3_1_box_txt{width:80%;float:left;}
}
.c0301_wrap {background:#fcfcfd url(/_res/hwapo/img/sub/c3.1_bg.png) no-repeat 0 bottom;border:1px solid #8393ac;padding:2.5em;overflow:hidden;position:relative;}
.c0301_wrap div.text{margin:0em 0 2em 0;color:#282828;text-align:center;box-sizing:content-box;}
.c0301_wrap div.text span.stit{font-size:1.625em;}
.c0301_wrap div.text h2.title{font-size:2.35em;}

@media all and (min-width:1000px){
	.c0301_wrap div.text{margin:2em 0 0 2.25em;text-align:left;}
}

.c030301_call{background:#f7f7f7;padding:1.25em 0 1.25em 1.25em;margin:1.25em 0 0 0;overflow:hidden;}
.c030301_call span.txt {font-size:1.325em;line-height:1.525em;margin-top:.45em;}
.c030301_call span.txt em.c1c639e {color:#1c639e;}
@media all and (min-width:640px){
	.c030301_call{padding:1.25em 0;}
	.c030301_call i.ic{width:90px;height:90px;display:block;background:url(/_res/hwapo/img/sub/c331_ic_call.png);margin:0 2.5em;float:left;}
	.c030301_call span.txt {float:left;}
}

.c0403_img {background:#fafafa;padding:1.25em 0;border:1px solid #ddd;}
.c0403pho{background:#fafafa;border:1px solid #ddd;margin-top:1.5em;}

/* 화포천습지 > 화포천습지 역할 */
.c0404_list{font-size:0.875em;margin-top:20px;}
.c0404_list .lst1{border-bottom:1px dashed #7f7f7f;padding-bottom:0;}
.c0404_list .lst1 .t1{font-size:1.25em;color:#005fd1;}
.c0404_list .lst1 ul{margin-top:-5px;}
@media all and (min-width:768px){
	.c0404_list{margin-top:30px;font-size:1em;}
	.c0404_list .lst1{padding-top:5px;padding-bottom:10px;overflow:hidden;}
	.c0404_list .lst1 ul{margin-top:10px;}
}
/* 화포천습지 > 겨울철새를 만날수 있는 곳 */
.c0407_list{font-size:0.875em;margin-top:20px;}
.c0407_list .lst1{border-bottom:1px dashed #7f7f7f;padding-bottom:0;}
.c0407_list .lst1 .t1{font-size:1.25em;color:#005fd1;}
.c0407_list .lst1 ul{margin-top:-5px;}
@media all and (min-width:768px){
	.c0407_list{margin-top:30px;font-size:1em;}
	.c0407_list .lst1{padding-top:5px;padding-bottom:10px;width:48%;float:left;}
	.c0407_list .lst1 ul{margin-top:10px;}
}
/*  화포천습지 > 멸종위기 야생생물 */
.bg_fff{background:#fff;}

/* 박물관 안내 */
.c0201_img{border:1px solid #ddd;text-align:center;}

/* 사이트맵 */
.sitemap1{margin:0 0 40px;padding:0 0 40px;border-bottom:1px solid #ddd;}
.sitemap1 .h2{display:block;
	background:none;
	padding:0;margin:0;
	letter-spacing:-3px;
	font-size:28px;
	font-weight:400;
}
.sitemap1 .d2{display:block;
	border:1px solid #ddd;
	background:#0059C6;
	color:#fff;
	text-align:center;
	padding:10px 5px;
	letter-spacing:-1px;
	font-weight:600;
	text-decoration:none;
}
.sitemap1 .column ul{display:block;
	background:#f6faff;
	border:1px solid #ddd;
	border-top:0;
	padding:15px;
	margin:0;
	font-size:14px;
}
.sitemap1 .column ul>li{background:none;padding:0;;}
.sitemap1 .column ul>li>a{display:block;
	position:relative;
	color:#555;
	text-decoration:none;
	margin:7px 0;
	padding:0 0 0 10px;
	line-height:135%;
}
.sitemap1 .column ul>li:before{display:none;}
.sitemap1 .column ul>li>a:before{content:'- ';
	display:block;
	position:absolute;left:0;top:0;
}
.sitemap1 .column ul>li>a:hover{color:#000;}

/* 회원. 20221028 */
.mileage1login1{/* max-width:360px; */margin:0 auto;padding:2.75em 0;}
.mileage1login1>.deco1{display:block;
	width:154px;height:154px;margin:0 auto 10px;
	background:url(../../img/sub/member21login1.png) no-repeat center center;
	background-size:contain;
}
.mileage1login1 .t1{font-size:20px;color:#000;text-align:center;}
.mileage1login1 .login{/* width:360px; */padding:0 20px;margin:0 auto;text-align:left;font-size:14px;}
.mileage1login1 label{display:inline-block;width:70px;color:#000;font-weight:600;}
.mileage1login1 input{height:2.5em;width:140px;margin-right:4px;}
.mileage1login1 fieldset>:last-child{margin-bottom:0;}

 
.mileage1login1{border-width: 0; background:#eef3f4;border-radius:10px; font-size:20px; text-align:center;}
.msgbox1 .t1.m1::before {background: url(../../img/sub/member21login1.png) no-repeat;background-size: auto 108px; }

 @media all and (min-width:768px){
	.mileage1login1 .t1{font-size:24px; }
	.mileage1login1 .login{width:550px; font-size:16px;}
	.mileage1login1 label{ width:100px; }
	.mileage1login1 input{ width:300px;}
	.mileage1login1{max-width:100%;}
	.msgbox1 .t1.m1::before {background-size: auto 154px; }
	.ww120px{width:120px;}
 }




/* 달력날짜선택기 20190905
 * jquery-ui.css 를 차후에 불러오는거 대비 우선순위 높여줌.
 */
img.ui-datepicker-trigger, button.ui-datepicker-trigger{
	width:40px;height:40px;
	margin:.375em 0 .375em -40px;
	padding:9px 4px; /* ((40-20-1*2)/2) () */
	border:0;
	background:url(../../img/lib/ic20calendar.02.png) no-repeat 50% 50% / 20px 20px;
	box-sizing:border-box;
	text-indent:-9999px
}
.writeform1 .ui-datepicker-trigger {margin-right:1em}
/* ☆ */
.fs15px img.ui-datepicker-trigger{
	padding:7.75px 4px;
}
/* 레이어.달력 */
.ui-datepicker[class][class]{
	font-size:14px;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
}
.ui-datepicker[class][class] select{
	display:inline-block;
	float:left;
	margin:0 5px 5px 0;
	vertical-align:top;
	padding:0 10px;
	height:24px;
}
.ui-datepicker[class] .ui-datepicker-prev,
.ui-datepicker[class] .ui-datepicker-next{
	box-sizing:border-box; /* ☆ */
	position:absolute;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 3px;
	border-width:1px;
	text-indent:-9999px;
}
.ui-datepicker-calendar{border-color:#333}
.ui-datepicker-calendar th{border:0 !important}
.ui-datepicker-calendar td{}
.ui-datepicker-calendar th{background:#333;color:#fff;}
.ui-datepicker[class] td span,
.ui-datepicker[class] td a {
	display:block;width:100%;height:100%;
	text-align:center;
	color:#333;
	text-decoration:none !important;
}





/* YYYYMMDD.Writer. ◇◆ */



/* RWD ◇◆◇◆ */
/* ◇◆ */
@media all and (min-width:640px){
}
/* ◇◆ */
@media all and (min-width:768px){
}
/* ◇◆ */
@media all and (min-width:1000px){
}
/* ◇◆ */
@media all and (min-width:1260px){
}