@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Subpage Body Contents CSS.
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2016.08.19 | 민수인 | 최초 등록
 * </pre>
 * @author 디자인팀 민수인
 * @since 2016.08.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905 r.20151027 | by MoonYoungshin[myshin@naver.com] | MIT License */

/* [IE7+]compatible! */

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

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

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

/*  ContentsName */

.classname1{height:100%;}

.con_ok{width:100%;}

/* 20190122 본인인증 팝업창 css */

.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;}
.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;}
.board .login form{}
.board .login div.fieldset{position:relative;width: 295px;margin:0 auto;padding: 17px 28px;border:5px solid #bbb;background:#fff;}
.board .login fieldset{margin:0;padding:0;border:0;}
.board .login legend{display:none;}
.board .login p{height: 42px;margin:0;padding:0;}
.board .login p.login-id{/* padding:0 0 0 1em; */}
.board .login p.login-pw{}
.board .login input.text{width: 80px;}
.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: 76px; */}
.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{}
#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;}
#winclose{position:fixed; bottom:0px; left:0px; width:98%; padding:3px 1%; background:#ccc; text-align:right;}

/* 20160603 이미지 템플릿 css */

img.flm1{display:block;margin:0 auto;text-align:center;margin:0 0 1.666em 0;width:100%}
img.frm1{display:block;margin:0 auto;text-align:center;margin:0 0 1.666em 0;width:100%}
img.frm2{display:block;margin:0 auto;text-align:center;margin:0 0 1.666em 0;width:100%}

.img1text1{clear:both;float:none;position:relative;overflow:hidden;margin:0 0 1.666em 0;}
.img1text1 img{width:100%;}
.img1text1 .t1{position:absolute;display:block;left:0;bottom:4px;width:98%;font-size:13px;color:#fff;padding:.3em 1%;background:url(../../img/lib/b.000000.opacity.70.png) repeat;}
.img1text1.right{}

.img1enlarge1{display:block;position:relative;width:100%;overflow:hidden;}
.img1enlarge1 a{display:block;position:absolute;right:0;bottom:0;padding:10px;background:#f7f7f7;border:1px solid #ddd; }
.img1enlarge1 i.ic1{display:block;width:20px;height:20px;background:url(../../img/inc/ic40search.png) no-repeat;background-size:contain;text-indent:-9999px;}

.txt1box1{display:block;position:relative;padding:0 1em 1.5em;margin:0 0 1em;border-bottom:1px dashed #ddd;overflow:hidden;}
.txt1box1 .ic{display:none;position:absolute;left:1em;top:0;width:175px;height:150px;background:url() no-repeat 0 0;}

.p1{font-size:1.3em;}
.white{color:#fff;}

i.ic1{display:block;}

i.ic2{display:block;width:100%;height:99px;background:url(../../img/sub/01_03ic1.png) no-repeat center center;}
i.ic3{display:block;width:100%;height:99px;background:url(../../img/sub/01_03ic2.png) no-repeat center center;}
i.ic4{display:block;width:100%;height:99px;background:url(../../img/sub/01_03ic3.png) no-repeat center center;}
i.ic5{display:block;width:100%;height:99px;background:url(../../img/sub/01_03ic4.png) no-repeat center center;}
i.ic6{display:block;width:100%;height:99px;background:url(../../img/sub/01_03ic4.png) no-repeat center center;}

.link i.c1{display:block;width:99px;float:left;height:99px;background:url(../../img/sub/line_c1.png) no-repeat center center;}
/* 내용 타이틀 */

.info_title{margin:0;padding:0;width:100%;background:url(../../img/sub/info_title_bg01.jpg) repeat-x left 20px;}
.info_title .c_ic{margin:0 10%;padding:0;width:79px;height:73px;}
.info_title .ic01 {background:url(../../img/sub/info_title_icon1.gif) no-repeat 20% 0;}
.info_title .ic02 {background:url(../../img/sub/info_title_icon1.gif) no-repeat 10% 0;}
.info_title .ic03 {background:url(../../img/sub/info_title_icon1.gif) no-repeat 10% 0;  margin: 0 0%;}
  

.info_title .text1{margin:0;padding:20px 0 0 0;color:#000;font-size:2;text-align:center;display:inline-block;}
.info_title .text2{margin:0;padding:0;color:#1da4dc;font-size:46px;font-weight:800;text-align:center;font-family:'나눔명조';text-align:center;display:inline-block;}
.info_title .text3{margin:10px auto;padding:0 0 30px 0;width:100%;color:#777;font-size:1.2em;line-height:21px;text-align:center;}
.info_title .f_text1{margin:0px 0 0 0;padding:0;color:#4d8b04;font-size:24px;font-weight:800;text-align:center;font-family:'나눔명조';text-align:center;}
.info_title .f_text2{margin:0 0 20px 0;padding:;color:#000;font-size:17px;text-align:center;}
.info_title .f_text3{margin:10px auto;padding:0 0 30px 0;width:100%;color:#777;font-size:1.2em;line-height:150%;text-align:center;}
.info_title .c_pic{margin:20px 0;padding:70px 0 0 0;width:100%;height:196px;background:url(../../img/sub/info_title_bg04.jpg) no-repeat 50% 50%;}
.info_title .c_pic .btn1{margin:0 auto;padding:77px 20px 0 20px;width:92px;height:55px;text-align:center;line-height:18px;background:url(../../img/sub/info_btn_bg01.png) no-repeat 50% 50%; }
.info_title .c_pic .btn1 a{}
.info_title .c_pic .btn1 a[href]{color:#ee2466;cursor:pointer;}
.info_title .c_pic .btn1 :link,
.info_title .c_pic .btn1 :visited{font-size:14px;font-weight:bold;}

.info_title .c_pic2{margin:20px 0;padding:70px 0 0 0;width:100%;height:196px;background:url(../../img/sub/info_title_bg07.jpg) no-repeat 50% 50%;}
.info_title .c_pic2 .btn1{margin:0 auto;padding:77px 20px 0 20px;width:92px;height:55px;text-align:center;line-height:18px;background:url(../../img/sub/info_btn_bg02.png) no-repeat 50% 50%; }
.info_title .c_pic2 .btn1 a{}
.info_title .c_pic2 .btn1 a[href]{color:#ee2466;cursor:pointer;}
.info_title .c_pic2 .btn1 :link,
.info_title .c_pic2 .btn1 :visited{font-size:14px;font-weight:bold;}
.info_title .c_r1{color:#ee6c6c;}

.f_text4{display: block;margin-bottom:-30px;padding:0;color:#4d8b04;font-size:24px;font-weight:800;text-align:center;font-family:'나눔명조';text-align:center;}

/* 내용 타이틀 라인 삭제 */
.info_title3{margin:0;padding:0;width:100%;}
.info_title3 .f_text1{margin:0px 0 0 0;padding:0;color:#4d8b04;font-size:24px;font-weight:800;text-align:center;font-family:'나눔명조';text-align:center;} 

/*생태숲 해설가 소개 */
.box2 .f_text1{margin:0px 0 0 0;padding:0;color:#4d8b04;font-size:24px;font-weight:800;text-align:center;font-family:'나눔명조';}

/* 인사말 */
.greeting {font-size:1.1em;}
.greeting span.t1{font-size:1.35em;color:#237c11;}
.g_box{position:relative;background-color:#efefef;width:100%;height:40px;font-size:1.3em;padding:10px 0px 0;text-align:right;}


.box-info{position:relative;width:100%;height:auto;display:block;border:1px solid #eee;}
.info_title2{margin:0;padding:0;width:100px;background-color:#dddddd;  margin-right:0px;}
.info_title2 .ic03 {display:none;}

.subtitle1{ margin:  0;background-color: #88ba1b;padding:10px 0 10px 10px;}
.subtitle1 span{color: #fff;font-size: 1.1em;font-family:'나눔명조';line-height: 1.6em;}
.subtitle1 em{color: #fff069;}
.subtitle1> i{height: 143px; width:173px;position:relative;left:10px;padding-left:30%;}
.subtitle1> i.ic1{background: url(../../img/sub/s_icon1.png) no-repeat 50%;}
.subtitle1> i.ic2{background: url(../../img/sub/s_icon2.png) no-repeat 50%;}
.subtitle1> i.ic3{background: url(../../img/sub/s_icon3.png) no-repeat 50%;}
.subtitle1> i.ic4{background: url(../../img/sub/s_icon4.png) no-repeat 50%;}
.subtitle1> i.ic5{background: url(../../img/sub/s_icon5.png) no-repeat 50%;}
.subtitle1> i.ic6{background: url(../../img/sub/s_icon6.png) no-repeat 50%;}
.subtitle1> i.ic7{background: url(../../img/sub/s_icon7.png) no-repeat 50%;}

.nimg{display:none;}
.mj1{}
.con1 h1{color:#e64701;font-size:1.8em;font-family: '나눔명조';}
.con1 h2{font-family: '나눔명조';font-size:1.7em;color:#333;}
.con1 .p1{font-size:1.2em;color:#666;line-height:150%;}
.con1 img{width:100%;}
.con1 i.ic1 {  display: block; margin: 0 10px 20px 0; float: left; width: 87px; height: 89px; background: url(../../img/sub/01_02_02_ic1.png) no-repeat;}
.con1 i.ic2 {  display: block; margin: 0 10px 60px 0; float: left; width: 87px; height: 120px; background: url(../../img/sub/01_02_02_ic1.png) no-repeat;}
.con1 i.ic4 {  display: block; margin: 0 10px 60px 0; float: left; width: 87px; height: 89px; background: url(../../img/sub/01_ic4.png) no-repeat;}

.con2 h1{color:#e64701;font-size:1.8em;font-family: '나눔명조';}
.con2 h2{font-family: '나눔명조';font-size:1.7em;color:#333;}
.con2 .p1{font-size:1em;color:#666;line-height:150%;}
.con2 img{width:100%;}
.con2 i.ic1 {  display: block; margin: 0 30px 15px 0; float: left; width: 76px; height: 76px; background: url(../../img/sub/03_07_01_ic1.png) no-repeat;}
.con2 i.ic2 {  display: block; margin: 0 30px 15px 0; float: left; width: 76px; height: 76px; background: url(../../img/sub/03_07_01_ic2.png) no-repeat;}
.con2 i.ic3 {  display: block; margin: 0 30px 15px 0; float: left; width: 76px; height: 76px; background: url(../../img/sub/03_07_01_ic3.png) no-repeat;}
.con2 i.ic4 {  display: block; margin: 0 30px 15px 0; float: left; width: 76px; height: 76px; background: url(../../img/sub/03_07_01_ic4.png) no-repeat;}
.con2 i.ic5 {  display: block; margin: 0 30px 15px 0; float: left; width: 76px; height: 76px; background: url(../../img/sub/03_07_01_ic5.png) no-repeat;}

.reserve_view{position: absolute; top: 30%; left: 0%; width:280px;border: 3px solid #8DB933; background: #fff; 
 padding: 10px;  z-index: 999;  }

.reserve_view h1{background:#59a809;color:#fff;font-size:1.5em;height:40px;padding:10px 15px;}
.reserve_view i.ic_1{background:url(../../img/sub/reserve_icon.png);display:block;float:right;width:114px;height:86px;}
.reserve_view img{margin: 2px 10px;}

.con3{margin-left:100px;}
.con3 span{font-size:1.4em;font-weight:normal;}
.con3 i{display: block;float:left;left:0px; width: 94px; height: 95px;margin-right:10px;position:absolute;}
.con3 i.ic1{ background: url(../../img/sub/03_ic1.png) no-repeat center center;}
.con3 i.ic2{ background: url(../../img/sub/03_ic2.png) no-repeat center center;}
.con3 i.ic3{ background: url(../../img/sub/03_ic3.png) no-repeat center center;}
.con3 i.ic4{ background: url(../../img/sub/03_ic4.png) no-repeat center center;}
.con3 i.ic5{ background: url(../../img/sub/03_ic5.png) no-repeat center center;}
.con3 i.ic6{ left: 0.5%; background: url(../../img/sub/03_ic6.png) no-repeat center center;}

.map2{position:relative;font-size:1em;width:100%;}
.map2 span.t1{color:#b25a0d;font-size:1.5em;}
.map2 i.im1{background: url(../../img/sub/02_ic1.png) no-repeat center center;width:76px;height:67px;display:block;float:left;}

/* 예약하기 */
.res{padding:10px;border: 2px solid #efefef;font-size:.8em;height:auto;min-height:90px;}
.res> .con3 i.ic1{display:block;margin-left:5px;margin-top:-15px;}


.sitemap1 h2.t1{font-size:1.3em;background:#01a289;position:relative;padding:10px;color:#fff;}
.sitemap1 ul.bu{list-style:none;}
.sitemap1 ul.bu li{border:1px solid #eee;padding:10px 20px;background: none;}
.sitemap1 ul.bu li ul li{border:0px;border-bottom:1px solid #eee;padding:2px 5px;}
.sitemap1 a[href]{color:#666;}
.sitemap1 ul.bu li ul {background:#f5f5f5;}

/* RWD 20160401 ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */

@media all and (min-width:640px) and (max-width:767px){/* If the issue ◇◆◇◆◇◆◇◆◇◆ */


} /* /(min-width:640px) and (max-width:767px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
.con_ok{width:70%;margin-left:15%;}
.con1 img{width:auto;}

.serviceTime{height:292px;}

.nimg{display:block;}
img.flm1{float:left;margin:0 1.666em 1.666em 0;width:auto;max-width:320px;}
img.frm1{clear:right;float:right;margin:0 0 1.666em 1.666em;width:auto;max-width:320px}
img.frm2{clear:right;float:right;margin:0 0 1.666em 1.666em;width:auto;max-width:500px}


.img1text1{max-width:320px;}
.img1text1.left{float:left;margin:0 1.666em 1.666em 0;}
.img1text1.right{float:right;margin:0 0 1.666em 1.666em;}

.subtitle1{ margin:  0;background-color: #88ba1b;padding:15px 10px 10px 220px;min-height:143px;}
.subtitle1 span{font-weight:normal;font-size:1.3em;}
.subtitle1> i{position:absolute;width: 164px; height: 140px; left:10px;padding:0;border-right:1px dashed #eee;padding-right:15px;}

ul.even-grid>li>.img1text1{max-width:100%;}

.img1enlarge1 a{display:none;}
.box-info{height:100px;}

.info_title2{float:left; margin-right: 30px;}
.info_title2 .ic03 {background:url(../../img/sub/info_title_icon2.png) no-repeat left 0;width:100px;height:100px;display:block;}

.info_title .ic03 {margin: 0 30%;}
.reserve_view{ top: 30%; left: 30%;width:400px;}

.res{font-size:1em;}

.br1{width:100%;display:block;}

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


/* /(min-width:1000px) */
@media all and (min-width:1200px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */

.f_text4{margin-bottom:-40px;padding:0;color:#4d8b04;font-size:28px}
.info_title .f_text1{margin:-20px 0 0 0;padding:0;color:#4d8b04;font-size:28px}
.info_title3 .f_text1{margin:-20px 0 0 0;padding:0;color:#4d8b04;font-size:28px}
.box2 .f_text1{margin:10px 0 -10px 0;padding:0;color:#4d8b04;font-size:28px}
.reserve_view{ top: 22%; left: 20%;width:400px;}



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


} /* /(min-width:1256px) */
@media screen and (orientation:landscape), (min-width:640px) {/* ◇◆◇◆◇◆◇◆◇◆ */
} /* /(orientation:landscape), (min-width:640px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */