@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Subpage Body Contents CSS.
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2017.00.00 | 이름명 | 최초 등록
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2017.03.22
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905 r.20160929 | by @Who
 ★ 최초…최종 작업자는 * 수정일 | 수정자 | 수정내용 ~ 을 항상 남겨주세요!
 */

/* [IE8+]compatible! */

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

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

@font-face{
	font-family:"NanumSquareR";
	src:url(../../font/NanumSquareR.eot);
	src:url(../../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	url(../../font/NanumSquareR.woff) format('woff'),
	url(../../font/NanumSquareR.ttf) format('truetype');
	src:local('?'), url(../../font/NanumSquareR.woff) format('woff');
}

@font-face{
	font-family:"NanumSquareB";
	src:url(../../font/NanumSquareB.eot);
	src:url(../../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	url(../../font/NanumSquareB.woff) format('woff'),
	url(../../font/NanumSquareB.ttf) format('truetype');
	src:local('?'), url(../../font/NanumSquareB.woff) format('woff');
}



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

/* content1template1 */
.content1template1{position:relative;margin:1.333em auto;line-height:1.333;}
.content1template1>.wrap1{}

/* 이미지확대보기 */
.imgExpand1{display:inline-block;position:relative;}
.imgExpand1 img{width:100%;}
.imgExpand1 .ic1{display:block;position:absolute;right:0;bottom:0;width:45px;height:45px;background:url(/bonghapark/img/sub/imgExpand1s.png) no-repeat;text-indent:-9999px;}

@media all and (min-width:768px){
.imgExpand1{display:block;position:relative;text-align:center;}
.imgExpand1 img{width:auto;}
.imgExpand1 .ic1{display:none;}
} 

/* 새창링크아이콘 */
.c_link1{display:inline-block;position:relative;vertical-align:middle;}
.c_link1>.ic1{float:right;width:18px;height:23px;
	background:url() no-repeat center center;background-size:contain;
}
.c_link1>.ic1.c_newwin{background-image:url(/bonghapark/img/sub/ic12newwindow.png);}


/* 탑박스 */
/* .uit{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden}
.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffc31c;}
.uit:after{content:"";position:absolute;top:0;left:0;width:180px;height:100%;background:#644528;}*/
.uit{position:relative;margin-bottom:20px;border:1px solid #ddd;overflow:hidden}
.uit2{position:relative;margin-bottom:20px;background:#f1f3f5;border:3px solid #f1f3f5;overflow:hidden}
.uit .inner{position:relative;z-index:1;margin:2px;padding:20px 30px;background-color:#fff;}
.uit .inner h2,
/* .uit .inner strong{display:block;margin-top:0;padding:0;margin-bottom:5px;font-size:1.42em;line-height:1.3;color:#2A60D3;font-weight:normal;}*/
.uit .inner b{display:block;margin-top:3px;padding:0;margin-bottom:2px;font-size:17px;line-height:1.3;color:#555;font-weight:normal;}
.uit .inner b span{font-size:1.25em;line-height:1.3;color:#2A60D3;}
.uit .inner p{padding:3px 0; margin:0px 0 10px 0;line-height:21px;}
.uit .inner .pdt01{padding-top:0px;}
 
/* box_ico - 아이콘이 있을때 */
.uit .inner.icowrap{position:relative;padding:20px 20px;}
.uit .inner.icowrap .ico{position:absolute;left:60px;top:25px;display:inline-block;width:90px;min-height:85px;background:url(/bonghapark/img/sub/bg_ico_box.png) no-repeat;}
.uit .inner.icowrap .ico1{background-position:0 0%}
.uit .inner.icowrap .ico2{background-position:-100px 0%}
.uit .inner.icowrap .ico3{background-position:-200px 0%}
.uit .inner.icowrap .ico4{background-position:-300px 0%}
.uit .inner.icowrap .ico5{background-position:-400px 0%}
.uit .inner.icowrap .ico6{background-position:-500px 0%}


.uit .inner.icowrap .ico{display:none;}

@media all and (min-width:768px){
.uit .inner.icowrap{position:relative;padding:28px 20px 20px 200px;}
.uit .inner.icowrap .ico{display:block;}
.uit .inner .pdt01{padding-top:10px;}
} 




/* 상단강조 */
.c_top1{margin-bottom:30px; padding:0em 2em;border:1px solid #ddd;background:#fff;border-radius:2px;}
.c_top1 .m1{margin:20px auto 0;text-align:center;}
.c_top1 .m1 img{display:none;}

@media all and (min-width:768px){
.c_top1 .m1{width:15%! important;margin:10px auto 0;text-align:center;}
.c_top1 .m1 img{display:block;}
.c_top1 .m2{width:85%! important;}
}

@media all and (min-width:1000px){
.c_top1 .m1{width:15%! important;margin:0 auto;text-align:center;}
.c_top1 .t1{margin:10px 30px 10px 0;padding:0;font-size:16px;}
.c_top1 .m2{width:85%! important;}
}


/* 공원소개 */
.park1{}
.park1 .pd2em{padding:2em;}
.park1 .t1{margin:0;padding:0;font-size:30px;text-align:center;color:#813219;font-family:'NanumSquareR';}
.park1 .t2{margin:0;padding:0;font-size:19px;text-align:center;color:#333;font-family:'NanumSquareR';}
.park1 h3{display:block;position:relative;padding-left:0;background-image:none !important;font-weight:normal;}

@media all and (min-width:768px){
.park1 .t1{font-size:48px;line-height:48px;}
.park1 .t2{font-size:30px;}
.park1 .m1{width:100% !important;padding:0;}
.park1 .m2{width:90% !important;padding-left:10%;}
.park1 ul.bu > li {display:inline-block;width:30%! important;clear:both;}
}

@media all and (min-width:1000px){
.park1 .t1{font-size:48px;line-height:48px;}
.park1 .t2{font-size:30px;}
.park1 .m1{width:51% !important;padding:0;}
.park1 .m2{width:46% !important;padding-left:3%;}
.park1 h3{display:block;position:relative;min-height:0;margin:0;padding:0;background-image:none !important;font-weight:normal;}
.park1 ul.bu{padding-left:0%;}
}


/* 봉하마을소개 */
.bongha1{}
.bongha1 .pd2em{padding:1em 2em;}
.bongha1 .mg2em{margin:2em 0;}
.bongha1 .title{margin:30px auto;padding:0;}
.bongha1 .t1{margin:0;padding:0;font-size:21px;text-align:center;color:#000;font-family:'NanumSquareR';}
.bongha1 .t2{margin:0;padding:0;font-size:14px;text-align:center;color:#666;font-family:'NanumSquareR';}
/*.bongha1 h3{margin:15px auto;font-size:21px;color:#000;text-align:center;font-weight:normal;}*/
.bongha1 .c_map1{margin:30px 0; border-bottom:1px solid #d1d1d1;}
.bongha1 .c_map1 .m1 .h2{margin:0 0 40px 0;padding:0;font-size:30px;font-weight:bold;color:#000;font-family:'NanumSquareR';background-image:none;}
.bongha1 .c_map1 .m1 .h3{margin:0;padding:0;font-size:24px;font-weight:normal;color:#000;font-family:'NanumSquareR';background-image:none;}
.bongha1 .c_map1 .m2 .h4{margin:0 0 10px 0;padding:0;font-size:21px;font-weight:normal;color:#000;font-family:'NanumSquareR';background-image:none;}
.bongha1 .c_map1 .m2 .h4_1{margin:0 0 10px 0;padding:0;font-size:21px;font-weight:normal;color:#ff6000;font-family:'NanumSquareR';background-image:none;}
.bongha1 .c_map1 .m1 .t3{margin:0 0 30px 0;padding:0;font-size:19px;color:#000;font-family:'NanumSquareR';line-height:24px;}
.bongha1 .c_map1 .m1 .t4{margin:0 0 20px 0;padding:0;font-size:19px;color:#000;font-family:'NanumSquareR';line-height:24px;}
.bongha1 .brb{display:none;}
.bongha1 .c_map1 .m2 .p_ic01{margin:0 0 5px 0;padding:0 0 0 26px;background:url(/bonghapark/img/sub/pic01.png) no-repeat 0 5px;color:#333;font-size:17px;}
.bongha1 .c_map1 .m2 .p_ic02{margin:0 0 5px 0;padding:0 0 0 26px;background:url(/bonghapark/img/sub/pic02.png) no-repeat 2px 0;color:#333;font-size:14px;}
.bongha1 .c_map1 .m2 .line1{margin:30px 0 10px 0;padding:30px 0 0 0;border-top:1px dotted #d1d1d1;}


@media all and (min-width:768px){
.bongha1 .t1{font-size:36px;}
.bongha1 .t2{font-size:19px;line-height:24px;}
.bongha1 h3{font-size:21px;}
.bongha1 .fs01{font-size:17px;}
.bongha1 .c_map1{margin:30px 0 40px;padding: 0 0 40px 0; }
.bongha1 .c_map1 .m1{width:35% !important;padding:0;}
.bongha1 .c_map1 .m2{width:65% !important;padding:10px 0 0 0;}
.bongha1 .c_map1 .m1 .h2{font-size:36px;}
.bongha1 .c_map1 .m1 .h3{font-size:30px;}
.bongha1 .c_map1 .m2 .h4{font-size:19px;}
.bongha1 .c_map1 .m2 .h4_1{font-size:21px;}
.bongha1 .c_map1 .m1 .t3{font-size:19px;line-height:24px;}
.bongha1 .c_map1 .m1 .t4{font-size:19px;line-height:36px;}
.bongha1 .c_map1 .m1 .t4 span{font-size:36px;line-height:36px;}
.bongha1 .c_map1 .m1 .mgb1{margin:0 0 20px 0;}
.bongha1 .c_map1 .m2 .mgb2{margin:0 0 20px 0;}
.bongha1 .brb{display:block;}
} 

.bongha1 .c_map1 .m2 .root_daum_roughmap{width:auto !important;}

.ctour{}
.ctour .mgb01{margin-bottom:2em;} 

@media all and (min-width:768px){
.ctour .m1{width:100% !important;}
.ctour .m2{width:100% !important;}
} 

@media all and (min-width:1000px){
.ctour .m1{width:25% !important;}
.ctour .m2{width:75% !important;}
} 

.link_list1{}
.link_list1 .t1{margin:10px 0 0px;padding:0;font-size:14px;text-align:center;color:#000;font-family:'NanumSquareR';}
@media all and (min-width:768px){
.link_list1 .t1{font-size:19px;line-height:24px;}
}

#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:#00881e;color:#fff;font:bold 1em/2.5;text-decoration:none;text-align:left;line-height:18px;}

/*시민참여 소개 */
.park2{}
.park2 .pd2em{padding:2em;}
.park2 .t1{margin:0;padding:0;font-size:29px;color:#813219;line-height:32px;font-family:'NanumSquareR';}
.park2 .t2{margin:20px 0;padding:0;font-size:15px;color:#333;}
.park2 .p01 img{width:auto;height:70px;padding-bottom:20px;}

@media all and (min-width:768px){
.park2 .t1{font-size:36px;line-height:42px;}
.park2 .t2{font-size:16px;line-height:21px;margin-right:28%;}
.park2 .m1{width:100% !important;padding:0;}
.park2 .m1 img{clear:right;float:right;margin:-30% 0% 0 .666em;}
.park2 .m2{width:100% !important;padding:0;}
.park2 .p01 img{height:100%;}
}

@media all and (min-width:1000px){
.park2 .m1{width:40% !important;padding-left:1%;}
.park2 .m1 img{clear:right;float:right;margin:0 25% 1.666em 1.666em;}
.park2 .m2{width:58% !important;padding:0;}
}



/* 사이트맵 */
.sitemap1{overflow:hidden}
.sitemap1 *{list-style:none;padding:0;margin:0;}
.sitemap1 a:hover{text-decoration:none;}
.sitemap1 .d1>ul>li>a{display:block;background:#ebad00;color:#fff;font-size:19px;text-align:center;padding:12px 0;}
.sitemap1 .d1>ul>li>a:hover{background:#043085;}
.sitemap1 .d2{background:#fff;border:1px solid #ddd;border-top:0;}
.sitemap1 .d2>ul>li>a{display:block;color:#333;padding:10px 0 10px 15px;margin:0 0 0 -1px;border-top:1px solid #ddd;font-size:17px;}
.sitemap1 .d2>ul>li>a:hover{color:#000;}
.sitemap1 .d3{background:#f7f7f7;padding:10px 0;border-top:1px solid #ddd;}
.sitemap1 .d3>ul>li>a{display:block;color:#333;padding:0 0 0 2em;font-size:15px;background:url(/bonghapark/img/lib/li2bg.png) no-repeat 1em .333em;}
.sitemap1 .d3>ul>li>a:hover{background:#f1f1f1;color:#333;padding:0 0 0 2em;font-size:15px;background:url(/bonghapark/img/lib/li2bg.png) no-repeat 1em .333em;}

/* 예약현황팝업 */
.r_popup01{padding:30px 50px; margin:0;background:url(/bonghapark/img/sub/close_bg.jpg) no-repeat top right; border:10px solid #ebebeb;}
.r_popup01 button{background:#fff;border:0px;}


/* 본인인증팝업 20190122추가 */
.indent h1{margin-top:0; padding: 0 0 0 20px; background:url(../../img/inc/h1bg.png) no-repeat 0 5px; color:#000; font-weight:bold; font-size:16px;}
.board .login{width:384px;margin:0 auto;border:4px solid #f4f4f4;background:#d7d7d7;padding:1px;}

.board .login h3{margin-top:0.7em;background:url(../../img/inc/h3bg.png) no-repeat 0 3px; padding:0 0 0 17px; margin-bottom:0px; line-height:1; font-size:16px; letter-spacing:-1px; color:#555;}
.board .login .wrap{width:auto;padding:1px 10px 0px;background:#fff;}
.board .login .explain{margin:0;padding:0.5em 0;border-top:2px solid #eee;}
.board .login ul{list-style:none;margin:0;padding:0;text-align:left;}
.board .login ul li{position:relative;margin:0;background:url(../../img/board/login_libg.gif) no-repeat 1px .2em;font-size:14px; line-height:1.666; letter-spacing:-1px; color:#555;}
.board .login form{}
.board .login div.fieldset{position:relative;width:270px;margin:0 auto;padding:20px 30px;border:5px solid #bbb;background:#fff;}
.board .login fieldset{margin:0;padding:0;border:0;}
.board .login legend{display:none;}
.board .login p{height:26px;margin:0;padding:0;}
.board .login p.login-id{padding:0 0 0 1em;}
.board .login p.login-pw{}
.board .login input.text{width:126px;}
.board .login p.real_name input.text{width:102px !important;}
.board .login p.button{position:absolute;left:227px;top:20px;width:51px;height:45px;margin:0;padding:0;}
.board .login p.login_menu{height:24px;clear:both;margin:1em auto 0;padding:4px 0 0 0;text-align:center;}
.board .login input.image{margin:0;padding:0;vertical-align:baseline;}

.board .login p.real_name{padding:0 0 0 4em;}
.board .login p.real_name input.text{width:102px !important;}
.board .login p.resident_num{}
.board .login p.resident_num input.text{width:45px !important; }
.board .login p.resident_num input.textpass{width:45px !important; font-size:60%; height:18px;padding:0 2px;border:1px solid #aaa;background:#fff;line-height:18px;letter-spacing:-1px;}
.board .login .dpn{display:none;}
.board .login select{width:250px;}
.board .login p.question,
.board .login p.questionD,
.board .login p.answer{padding:0 0 0 2em;}
.board .login p.question label{display:none;}
.board #find_pw p.button{position:absolute;left:351px;top:100px;width:51px;height:45px;margin:0;padding:0;}

.board .center{margin:0 auto; padding:10px 0; text-align:center;}

.board .login .button{display:inline-block;margin:0;padding:.05em 5px 1px 1.09em !important;
border:1px solid #999;border-color:#ccc #999 #999 #ccc;border-radius:3px;background:#fff url(../../img/inc/button_bg.png) no-repeat 0 50%;color:#000 !important;
line-height:1.59;vertical-align:middle;white-space:nowrap;text-decoration:none !important;cursor:pointer; overflow:hidden; height:25px;}
.board .login .explain em{color:#af3636; font-style:normal;}
#real_name .center{margin-bottom:10px;}
#real_name .center a.button_outside{display:inline-block;margin:0;padding:5px 33px 3px 9px;
border:1px solid #999;border-color:#ccc #999 #999 #ccc;border-radius:4px;background:url(../../img/inc/button_outside_bg.png) no-repeat 100% 50%;color:#333 !important;
line-height:1.26;vertical-align:middle;white-space:nowrap;text-decoration:none !important;cursor:pointer;font-size:14px;}
#winclose{position:fixed; bottom:0px; left:0px; width:98%; padding:3px 1%; background:#ccc; text-align:right;}



/* 체험후기상단 */
.experience1topbox1{position:relative;margin:1.5em 0 0 !important;padding:2em 3em 2em 3em;border:1px solid #ddd;}
/*experience1topbox1s*/
.experience1topbox1s{position:relative;}
.experience1topbox1s *{list-style:none;padding:0;margin:0;}
.experience1topbox1s .mControl{}
.experience1topbox1s .mControl .b{z-index:20;position:absolute;top:50%;width:35px;height:50px;margin:-30px 0 0 0;border:0;text-indent:-999999px;overflow:hidden;cursor:pointer}
.experience1topbox1s .mControl .prev{left:-3em;background:url(/bonghapark/img/inc/ic40a1c1left1@2x.png) no-repeat;}
html.Mobile .experience1topbox1s .mControl .prev{background:url(/bonghapark/img/inc/ic40a1c1left1@2x.png) no-repeat;background-size:contain;}
.experience1topbox1s .mControl .next{right:-3em;background:url(/bonghapark/img/inc/ic40a1c1right1@2x.png) no-repeat;}
html.Mobile .experience1topbox1s .mControl .next{background:url(/bonghapark/img/inc/ic40a1c1right1@2x.png) no-repeat;background-size:contain;}
.experience1topbox1s .mView{position:relative;margin:3px 0 0;width:100%;height:220px;overflow:hidden;}
.experience1topbox1s .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
.experience1topbox1s .mContC{float:left;width:100%;height:220px;}
.experience1topbox1s .mContC .a1{display:block;color:#555;width:200px;margin:0 auto;}
.experience1topbox1s .mContC .p1{display:block;position:relative;margin:0 0 .5em;height:0;padding-bottom:60%;overflow:hidden;}
.experience1topbox1s .mContC .text1{display:block;}
.experience1topbox1s .mContC .text1 .t1{float:left;position:relative;width:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:5px;}
/*.experience1topbox1s .mContC .text1 .t2{float:left;padding:0 .5em 0 .6em;color:#666;font-size:.929em;height:48px;margin-top:30px;}*/
.experience1topbox1s .mContC .text1 .t2{float:left;padding:0 .5em 0 .6em;color:#666;font-size:.929em;margin-top:20px;
	display:-webkit-box;	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;max-height:3.666em;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;}

.experience1topbox1s .mContC .t1+.t2{padding-left:0;background:transparent;}
.experience1topbox1s .mContC .p1 .ic1{display:block;position:absolute;left:50%;top:50%;width:53px;height:53px;margin:-27px 0 0 -27px;background:url(/img/lib/gellery1movie1.ic1.png) no-repeat;}
html.experience1topbox1s .mContC .p1 .ic1{background:url(/img/lib/gellery1movie1.ic1.png) no-repeat;background-size:contain;}

@media all and (min-width:768px){
.experience1topbox1{padding:2em 4em 2em 4em;}
.experience1topbox1s .mContC{width:33%;}
.experience1topbox1s .mContC .a1{width:190px;}
}

@media all and (min-width:1000px){
.experience1topbox1s .mView{height:250px;}
.experience1topbox1s .mContC{width:25%;height:250px;}
.experience1topbox1s .mContC .a1{width:240px;}
}



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */





} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1256px){/* xlarge+(padding20*2)+(scrollbar-track16) ◇◆◇◆◇◆◇◆◇◆ */





} /* /(min-width:1256px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */