@charset "utf-8";
@import url("fonts.css");
/* font-family: "Noto Sans KR"
thin   100
light   300
regular   400
medium   500
bold   700
black  900 */
/* font-family: 'NotoSans'; Light: 300;Regular: 400;Medium: 500;Bold: bold; */
/* font-family: 'S-Core-Dream'; 2ExtraLight: 200;3Light: 300;4Regular: 400;5Medium: 500;6Bold: 600;7ExtraBold: bold; */

*{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "NotoSans",sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;}
ul, li, p, a, label, span, strong, input, select, textarea{font-size: inherit;color: inherit;font-family: inherit;box-sizing: border-box;}
body, html{width: 100%;height: 100%;}
input,select,img,label{vertical-align: top;}
a{display: inline-block;}
img{border: 0;max-width: 100%;}
strong{font-weight: bold;}
select{height: 44px;padding: 0 32px 0 8px;background: #fff url('../../images/forestkid/select_bg1.png') no-repeat right 10px center;background-size: 14px;border: 1px solid #dcdcdc;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;border-radius: 5px;}
select::-ms-expand{display: none;}
input[type="text"], input[type="password"]{width: 100%;height: 44px;padding: 0 8px;border: 1px solid #dcdcdc;border-radius: 5px;} 
textarea{display: block;resize: none;height: 188px;width: 100%;padding: 8px;border: 1px solid #dcdcdc;border-radius: 5px;}
table{border-collapse: collapse;width: 100%;border-collapse: separate;border-collapse: collapse;width:100%;border-spacing:0;table-layout: fixed;}
table caption{overflow: hidden;width: 0px;height: 0px;font-size: 0;line-height: 0;}
.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;opacity: 0 !important;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

.FL{float: left;}
.FR{float: right;}
.TL{text-align: left !important;}
.TC{text-align: center !important;}
.TR{text-align: right !important;}
.VT{vertical-align: top !important;}
.VM{vertical-align: middle !important;}
.VB{vertical-align: bottom !important;}

.m-auto{margin: auto !important;}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}


body{width: 100%;height: 100%;font-size: 15px;}
#wrap{min-width: 1200px;overflow: hidden;}
.width-auto{margin: auto;width: calc(100% - 30px);max-width: 1200px;position: relative;}


#header{}
#header .logo{float: left;width: 286px;margin-top: 11px;display: flex;align-items: center;}
#header .logo > a{display: block;}
#header .logo > a.a-1{height: 49px;}
#header .logo > a.a-2{height: 25px;margin-left: 16px;}
.header-menu{float: right;width: calc(100% - 320px);overflow: hidden;}
#gnb{float: right;width: 100%;max-width: 840px;border-left: 1px solid #e8e8e8;}
#gnb > li{float: left;width: 33.33%;border-right: 1px solid #e8e8e8;}
#gnb > li > a{height: 70px;padding: 1px 20px 0;color: #333;font-size: 19px;font-family: 'KoreanSNMB';letter-spacing: -0.5px;word-break: keep-all;display: flex;align-items: center;justify-content: center;}
#gnb > li > a::before{display: inline-block;margin: -2px 8px 0 0;content:"";}
#gnb > li.on > a{background: #80af32;color: #fff;}
#gnb > li > a.bg1::before{width: 22px;min-width: 22px;height: 27px;background: url('../../images/forestkid/menu_bg1.png');}
#gnb > li.on > a.bg1::before{background: url('../../images/forestkid/menu_bg1on.png');}
#gnb > li > a.bg2::before{width: 21px;min-width: 21px;height: 26px;background: url('../../images/forestkid/menu_bg2.png');}
#gnb > li.on > a.bg2::before{background: url('../../images/forestkid/menu_bg2on.png');}
#gnb > li > a.bg3::before{width: 25px;min-width: 25px;height: 22px;background: url('../../images/forestkid/menu_bg3.png');}
#gnb > li.on > a.bg3::before{background: url('../../images/forestkid/menu_bg3on.png');}


#footer{padding: 40px 0 50px;color: #555;font-size: 20px;border-top: 1px solid #e5e5e5;}
#footer .logo{margin-bottom: 20px;}
#footer .logo > a{display: block;font-size: 0;max-width: 340px;}
#footer p{word-break: keep-all;}

#center-top{background-size: cover !important;}
#center-top.bg1{background: url('../../images/forestkid/main_top_bg1.jpg') no-repeat center;}
#center-top.bg2{background: url('../../images/forestkid/main_top_bg2.jpg') no-repeat center;}
#center-top.bg3{background: url('../../images/forestkid/main_top_bg3.jpg') no-repeat center;}
#center-top .width-auto{height: 450px;padding-bottom: 80px;}
#center-top.bg1 .width-auto{height: 890px;padding: 118px 0 188px;}
#center-top .go-gps1{position: absolute;right: -176px;bottom: -73px;width: 146px;height: 146px;padding-top: 24px;color: #ade65a;font-size: 17px;font-weight: 500;line-height: 1;text-align: center;background: #007b6c;background: linear-gradient(#74b7af,#007b6c,#007b6c);border: 6px solid #007b6c;border-radius: 100px;display: flex;align-items: center;justify-content: center;}
#center-top .go-gps1::before{position: absolute;top: -56px;left: calc(50% - 32.5px);width: 65px;height: 89px;background: url('../../images/forestkid/gps_bg1.png') no-repeat center;content:"";}
#center-top .go-gps1 span{margin-bottom: 2px;display: block;color: #fffffe;font-size: 26px;font-family: 'Tenada';line-height: 1.1;}
.main-slogan1{height: 100%;padding-top: 30px;color: #fff;font-size: 26px;font-weight: 300;letter-spacing: -1px;display: flex;align-items: center;justify-content: center;}
.main-slogan1 ul > li{text-align: center;line-height: 1.4;word-break: keep-all;text-shadow: 3px 3px 10px #000;}
.main-slogan1 .title{margin-bottom: 5px;font-size: 65px;font-family: 'Tenada';line-height: 1.2;letter-spacing: -0.5px;}
.main-slogan1 span.green{color: #99cd42;font-weight: 500;}
#center-top.bg1 .go-gps1{bottom: 170px;}
#center-top.bg1 .main-slogan1{height: 344px;padding: 15px 0 30px 0;font-size: 41px;background: url('../../images/forestkid/slogan_bg1.png') no-repeat center top, url('../../images/forestkid/slogan_bg2.png') no-repeat center bottom;}
#center-top.bg1 .main-slogan1 .title{margin-bottom: 0;font-size: 77px;}
.forest-nature1{}
.forest-nature1 .num-box{margin: -76px auto 80px;max-width: 230px;width: 100%;display: block;position: relative;}
.forest-nature1 .num-box > dl{position: relative;z-index: 1;background: rgba(255, 255, 255, 0.9);border: 2px solid #282820;border-radius: 18px;}
.forest-nature1 .num-box > dl > *{font-family: 'KoreanSNMB';display: flex;align-items: center;justify-content: center;}
.forest-nature1 .num-box > dl > dt{height: 60px;padding: 2px 15px 0;color: #fff;font-size: 26px;background: #80af32;border-radius: 15px 15px 0 0;}
.forest-nature1 .num-box > dl > dd{height: 92px;padding: 6px 15px 0;color: #111;font-size: 22px;}
.forest-nature1 .num-box > dl > dd strong{font-size: 56px;}
.forest-nature1 .e-book{margin: 0 auto;max-width: 320px;width: 100%;position: relative;}
.forest-nature1 .e-book::after{position: absolute;top: 6px;left: 6px;z-index: 0;width: 100%;height: 100%;background: #a19e67;border: 2px solid #282820;border-radius: 18px;content:"";box-sizing: border-box;}
.forest-nature1 .e-book > a{position: relative;z-index: 1;height: 74px;padding: 0 15px 2px;color: #111;font-size: 24px;font-family: 'Tenada';background: #fff;border: 2px solid #282820;border-radius: 18px;display: flex;align-items: center;justify-content: center;}
.forest-nature1 .e-book > a::after{margin-top: 3px;width: 14px;height: 14px;background: url('../../images/forestkid/ebook_bg2.png') no-repeat;content:"";}
.forest-nature1 .e-book > a::before{width: 39px;height: 43px;background: url('../../images/forestkid/ebook_bg1.png') no-repeat;content:"";}
.forest-nature1 .e-book > a > span{margin: 8px 15px 0 18px;}
.forest-invite1{display: table;margin: 0 auto;text-align: center;color: #282820;font-size: 26px;font-family: 'KoreanSNMB';}
.forest-invite1 > li{margin-top: 15px;word-break: keep-all;}
.forest-invite1 > li:first-child{margin-top: 0;position: relative;padding-left: 105px;min-height: 111px;text-align: left;display: flex;align-items: end;}
.forest-invite1 > li:first-child::before{position: absolute;top: -4px;left: 0;width: 114px;height: 111px;background: url('../../images/forestkid/forest_bg1.png') no-repeat;content:"";}
.forest-invite1 .green{color: #689f0e;}

#center-wrap{background: #f6f2e8;}
#center-wrap > .width-auto{position: relative;top: -80px;padding: 50px 50px 70px;background: #fff;border-radius: 55px;}
.select-search1{padding-right: 166px;position: relative;font-size: 20px;font-family: 'KoreanSNMM';overflow: hidden;}
.select-search1 > *{height: 54px !important;}
.select-search1 select:not(:first-child){margin-left: 6px;}
.select-search1 select{float: left;width: 100%;padding: 3px 36px 0 15px;background-position: right 16px top 22px;background-color: #f8f8f8;color: #222;border-radius: 15px;}
.select-search1 select.w1{width: calc(40% - 3px);}
.select-search1 select.w2{width: calc(60% - 3px);}
.select-search1 .a-1{position: absolute;top: 0;right: 0;width: 158px;background: #2d2d2d;color: #fff;font-family: 'KoreanSNMB';display: flex;align-items: center;justify-content: center;border-radius: 15px;}
.select-search1 .a-1::before{margin-right: 8px;width: 20px;height: 20px;background: url('../../images/forestkid/search_bg1.png') no-repeat;content:"";}
.sub2-float-wrap1{margin-bottom: 40px;overflow: hidden;}
.sub2-float-wrap1 .select-search1{float: left;width: calc(100% - 340px);}
.sub2-float-wrap1 .sub-Abtn1{float: right;margin: 0;}
.sub2-float-wrap1 .sub-Abtn1 > a{margin: 0;height: 54px;font-size: 18px;}

.photo-list1{}
.photo-list1 > dl:first-child{border-top: 1px solid #000;}
.photo-list1 > dl{display: table;width: 100%;padding: 40px 0 40px 20px;border-bottom: 1px solid #e5e5e5;}
.photo-list1 > dl > *{display: table-cell;vertical-align: top;}
.photo-list1 > dl > dt{width: 31.5%;}
.photo-list1 > dl > dd{width: 68.5%;padding-left: 40px;position: relative;}
.photo-list1 .photo{display: block;min-width: 260px;overflow: hidden;border-radius: 50px;}
.photo-list1 .photo > img{width: 100%;}
.photo-list1 .locale{margin-bottom: 14px;padding: 14px 34px 0 0;color: #222;font-size: 29px;font-family: 'KoreanSNMM';line-height: 1.1;letter-spacing: -1px;word-break: keep-all;position: relative;}
.photo-list1 .locale > a{display: table;}
.photo-list1 .locale > a > span{color: #61891e;}
.photo-list1 .locale .a-gps{position: absolute;top: 10px;right: 0;}
.photo-list1 .text-over{padding: 16px 10px 16px 18px;color: #606060;font-size: 17px;background: #f8f8f8;border-radius: 10px;}
.photo-list1 .text-over > ul{height: 100px;overflow-y: auto;padding-right: 10px;}
.photo-list1 .text-over > ul::-webkit-scrollbar{width: 8px;height: 1px;}
.photo-list1 .text-over > ul::-webkit-scrollbar-thumb {background: #c3c3c3;border-radius: 10px;}
.photo-list1 .text-over > ul::-webkit-scrollbar-track{background: #e4e4e4;border-radius: 10px;}
.photo-list1 .text-over > ul > li{line-height: 25px;letter-spacing: -0.4px;word-break: keep-all;}
.photo-list1 .info-list1{margin-top: 24px;color: #545454;font-size: 17px;line-height: 22px;}
.photo-list1 .info-list1 > li:not(:first-child){margin-top: 20px;padding-top: 20px;border-top: 2px dashed #eaeaea;}
.photo-list1 .info-list1 > li > p{display: table;padding-left: 36px;}
.photo-list1 .info-list1 > li > p > strong{width: 70px;display: table-cell;vertical-align: top;color: #464646;}
.photo-list1 .info-list1 > li.bg1 > p{background: url('../../images/forestkid/photo1_bg2.png') no-repeat left top;}
.photo-list1 .info-list1 > li.bg2 > p{background: url('../../images/forestkid/photo1_bg3.png') no-repeat left top 1px;}

.sub-table1{overflow: hidden;border: 1px solid #eee;border-radius: 25px;}
.sub-table1 table{}
.sub-table1 table th:not(:first-child), 
.sub-table1 table td:not(:first-child){border-left: 1px solid #eee;}
.sub-table1 table tbody tr:not(:last-child) th, 
.sub-table1 table tbody tr:not(:last-child) td{border-bottom: 1px solid #eee;}
.sub-table1 table th.lf-line, 
.sub-table1 table td.lf-line{border-left: 1px solid #eee;}
.sub-table1 table th{background: #80af32;height: 70px;padding: 15px 5px;color: #fff;font-size: 22px;line-height: 1.2;}
.sub-table1 table td{height: 70px;padding: 15px 5px;color: #222;font-size: 17px;line-height: 1.2;font-weight: bold;text-align: center;}
.sub-table1 table td.TL{padding-left: 2%;}
.sub-table1 table .ft-26{font-size: 22px;}

.slick-slider{position: relative;width: 100%;}
.slick-list{overflow: hidden;}
.slick-track::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.slick-slide{float: left;}
.slick-slide > a{display: block;outline: none;}
.sub-slider1{margin-top: 22px;overflow: hidden;}
.sub-slider1 .slick-list{margin-right: -40px;}
.sub-slider1 .slick-slide{margin-right: 40px;}
.sub-slider1 .slick-attr{display: table;margin: 30px auto 0;overflow: hidden;}
.sub-slider1 .slick-attr > button{float: left;display: block;width: 62px;height: 62px;font-size: 0;border: 0;cursor: pointer;background-size: 100% !important;}
.sub-slider1 .slick-prev1{background: url('../../images/forestkid/slider1_prev.png') no-repeat;}
.sub-slider1 .slick-next1{background: url('../../images/forestkid/slider1_next.png') no-repeat;}
.sub-slider1 .slick-stop{margin: 0 15px;background: url('../../images/forestkid/slider1_stop.png') no-repeat;}
.sub-slider1 .slick-stop.play{background: url('../../images/forestkid/slider1_play.png') no-repeat;}
.slider1-show1{}
.slider1-show1 > a{display: block;border: 1px solid #e5e5e5;border-radius: 22px;overflow: hidden;}
.slider1-show1 .photo{position: relative;padding-top: 80.5%;overflow: hidden;}
.slider1-show1 .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;transition: all 1.4s;}
.slider1-show1 > a:hover .photo > img{transform: scale(1.2,1.2);transition: all 5s;}
.slider1-show1 ul{padding: 22px 25px 25px;}
.slider1-show1 ul > li{color: #64872d;font-size: 16px;font-weight: 500;line-height: 18px;}
/*20240318 문구가 길어짐에 따라 폰트 크기 축소  */
.slider1-show1 ul > li.title{margin-bottom: 15px;color: #222;font-size: 20px;min-height: 52px;line-height: 26px;letter-spacing: -1px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

.red-color{color: #f04d1b;}
.p-ping1{display: table;line-height: 1.3;}
.p-ping1 > *:first-child{display: table-cell;vertical-align: top;white-space: nowrap;padding-right: 5px;}
.p-tip1{margin: 0 0 10px auto;color: #2f2e2e;font-size: 16px;}
.sub3-title1{position: absolute;top: -30px;left: calc(50% - 134px);width: 268px;height: 60px;background: #64872d;color: #fff;font-size: 24px;border-radius: 15px;display: flex;align-items: center;justify-content: center;}
.sub3-title1::before{display: inline-block;margin-right: 12px;width: 25px;height: 24px;background: url('../../images/forestkid/sub3_title1.png');content:"";}
.sub3-title1 h5{font-family: 'KoreanSNMM';}
.sub3-write-list1{border-top: 1px solid #3b3b3b;}
.sub3-write-list1 > dl{width: 100%;padding: 15px 0;display: flex;flex-wrap: wrap;border-bottom: 1px solid #edecec;}
.sub3-write-list1 > dl > dt{width: 170px;height: 44px;padding-top: 2px;color: #262626;font-size: 18px;font-weight: 500;display: flex;align-items: center;}
.sub3-write-list1 > dl > dt > label{display: block;line-height: 1;}
.sub3-write-list1 > dl > dd{width: calc(100% - 170px);color: #6f6d6d;font-size: 15px;}
.sub3-write-list1 select{color: #999ca1;font-weight: 500;min-width: 140px;padding-right: 50px;background: url('../../images/forestkid/select_bg2.png') no-repeat right 7px top 7px;}
.sub3-write-list1 select.w180{width: 180px;}
.sub3-write-list1 input.mw300{max-width: 300px;}
.sub3-write-list1 .s-red{color: #f04d1b;font-weight: bold;vertical-align: middle;}
.sub3-write-list1 .p-ping1{margin-top: 8px;}
.sub3-write-list1 .p-ping1 + .p-ping1{margin-top: 4px;}
.file-shape1{position: relative;max-width: 560px;width: 100%;padding-right: 96px;}
.file-shape1 > [type="file"]{position: absolute;left: 0px;top: 0px;z-index: 2;width: 100%;height: 100%;opacity: 0;}
.file-shape1 > span{position: absolute;top: 0;right: 0;z-index: 1;width: 88px;height: 44px;line-height: 44px;color: #fff;font-size: 15px;font-weight: 500;background: #9ea6b0;text-align: center;border-radius: 5px;}
.float-child1{margin: -8px 0 0 -8px;overflow: hidden;}
.float-child1 > *{float: left;margin: 8px 0 0 8px;}
.sub-Abtn1{margin-top: 25px;text-align: center;}
.sub-Abtn1 > a{margin: 5px 5px 0;min-width: 250px;height: 60px;padding: 0 20px;background: #8b8e92;color: #fff;font-size: 24px;font-family: 'KoreanSNMM';letter-spacing: -1px;border-radius: 15px;}
.sub-Abtn1 > a > span{width: 100%;height: 100%;padding-top: 2px;display: flex;align-items: center;justify-content: center;}
.sub-Abtn1 > a.green{background: #64872d;}
.sub-Abtn1 a.down > span::after{display: inline-block;margin-left: 10px;width: 23px;height: 20px;background: url('../../images/forestkid/Abtn_bg1.png');content: "";}
.sub-Abtn1 a.more{border-radius: 30px;}
.sub-Abtn1 a.more > span::after{display: inline-block;margin: -1px 0 0 12px;width: 12px;height: 11px;background: url('../../images/forestkid/Abtn_bg2.png');content: "";}

.sub1-title1{color: #2a2a2a;font-size: 32px;font-family: 'KoreanSNMB';line-height: 1.2;letter-spacing: -1.5px;text-align: center;word-break: keep-all;}
.sub1-title1 .big{margin-bottom: 8px;font-size: 64px;line-height: 1.05;letter-spacing: -2.5px;}
.sub1-title1 .green{color: #71911d;}
.sub1-park-life1{margin-top: -34px;color: #2a2a2a;font-size: 20px;font-weight: 300;line-height: 1.6;letter-spacing: -1px;text-align: center;}
.sub1-park-life1 > dl:not(:first-child){margin-top: 45px;}
.sub1-park-life1 > dl > dt{display: table;margin: 0 auto -29px;padding: 13px 40px 12px;color: #fff;font-size: 30px;line-height: 1.1;letter-spacing: -0.6px;font-family: 'KoreanSNMB';background: #71911d;word-break: keep-all;border-radius: 30px;position: relative;}
.sub1-park-life1 > dl > dt::before{position: absolute;top: -22px;left: calc(50% - 23px);width: 23px;height: 22px;background: url('../../images/forestkid/sub1_img2.png');content:"";}
.sub1-park-life1 > dl > dt > span{color: #ede344;}
.sub1-park-life1 > dl > dd{padding: 50px 35px 30px;background: #f9f6f2;border-radius: 50px;}
.sub1-park-life1 .text1{word-break: keep-all;}
.sub1-park-life1 .text1 .Y-bg1{background: #f6f3c7;padding: 0 5px;border-radius: 25px;}
.sub1-park-life1 .text1 a.Y-ck{display: inline-block;color: red;font-weight: 500;}
.sub1-park-life1 .text-list1{text-align: left;}
.sub1-park-life1 .text-list1 > li:not(:first-child){margin-top: 15px;padding-top: 15px;border-top: 2px dashed #e6e3e0;}
.sub1-park-life1 .text-list1 > li{display: flex;align-items: center;}
.sub1-park-life1 .text-list1 .title1{margin-right: 25px;width: 108px;min-width: 108px;height: 64px;padding-top: 3px;color: #71911d;font-size: 30px;font-family: 'KoreanSNMB';background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 30px;}
.sub1-park-life1 .icon-list1{margin: -10px -10px 0;}
.sub1-park-life1 .icon-list1 p{word-break: keep-all;}
.sub1-park-life1 .icon-list1 > li{display: inline-block;vertical-align: top;width: 32%;min-width: 160px;padding: 14px 10px 0;}
.sub1-park-life1 .icon-list1 > li > span{display: table;margin: 0 auto 12px;max-width: 75%;}
.sub1-poem1{margin-top: 35px;padding: 55px 50px 60px;background: url('../../images/forestkid/sub1_img4.png') no-repeat left bottom, url('../../images/forestkid/sub1_img5.png') no-repeat right top;background-color: #f4f7fb;text-align: center;border-radius: 50px;}