@charset "utf-8";


body{font-size: 16px;}
.doc_pd{padding:8em 0 0}
.doc_pds{padding:3em 0 0}
.box1{ width:1300px; max-width: 96%; margin:0 auto; position:relative } 
.box2{ margin:var(--header_H) 50px 0; border-radius:calc(var(--item_r) + 5px)}
.mobile_only{display:none;}



:root { 
    --mainColor:#89b835;
    --subColor:#649f31;
    --bor_r:3px;
    --item_r:35px;
	--header_H:90px;
    --font: 'Pretendard';
	--fs_01: "Nanum Brush Script", serif;
	--crBg:#f5f5f5;
}



/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background-color:#fff;}
.scroll #header{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 20px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; color:#111; position: relative; letter-spacing: 0;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 12px 7px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-right:20px;}
#header .hd_login > li a{color:#111; margin-left:25px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px; position: relative;}
#header .hd_login > li:first-child a:before{content: ''; display: block; width: 1px; height: 15px; background: #bbb; position: absolute; top: 2px; right: -13px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{ position: relative; z-index: 10000; padding:10px 25px; background-color: var(--mainColor); color:#fff; border-radius: 50px;}
#header .btn_gnb .xi{margin-right:10px;}



/*탑버튼*/
.qk_list{position:fixed; bottom:15px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; font-size:1.25em; text-align: center; margin-top:3px; transition: .3s;}
.qk_list > li a:hover{box-shadow: 3px 3px 7px rgba(0,0,0,0.15);}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}

/*footer*/
#footer{background-color:#111; /*padding:70px 0 0; */margin-top:8em;}
#footer .f_menu{margin-top:30px; text-align: right;}
#footer .f_menu > li{ margin-bottom: 10px;}
#footer .f_menu > li a{color:#fff; opacity: .7; text-align: right;}
#footer .f_menu > li a:hover{opacity: .9;}
#footer .f_info{margin-top:30px;}
#footer .f_info > li{color:#bbb; margin-right:60px; margin-bottom: 8px;}
#footer .f_info > li span{color:#888; margin-right:15px;}
#footer .f_site{width:180px; position: relative; margin-left:auto;}
#footer .f_site .f_site_btn{width:100%; color:#999; padding:10px 20px; cursor: pointer; text-align: center; border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2); font-weight:600;}
#footer .f_site .f_site_btn .xi{vertical-align: middle; margin-left:30px;}
#footer .f_site .f_site_list{width:100%; background-color: #444; padding:3px 10px; max-height: 150px; overflow-y: scroll; position: absolute; top:60px; left: 0; display: none; z-index: 5;}
#footer .f_site .f_site_list.on{display:block;}
#footer .f_site .f_site_list > li a{ color:#bbb; padding:10px 0; border-bottom:1px dotted #888; display:block; font-size:.938em;}
#footer .f_site .f_site_list > li a:hover{ color:#eee;}
#footer .f_site .f_site_list > li:last-child a{border-bottom:none;}
#footer .f_site .f_site_list::-webkit-scrollbar{width:3px;}
#footer .f_site .f_site_list::-webkit-scrollbar-thumb{background-color: #999; border-radius: 5px;}
#footer .f_site .f_site_list::-webkit-scrollbar-track{}
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:20px; letter-spacing: 0; font-weight: 200; /*text-align: center; border-top:1px solid rgba(255,255,255,.2); */padding:20px 0 40px 0; text-transform: uppercase}



#footer .f_middle{padding:3em 0 0;}
#footer .f_top {border-bottom: 1px solid rgba(255,255,255, .1);}
#footer .f_top .footerBtm {}
#footer .f_top .footerBtm .con {display: flex; justify-content: space-between; align-items: center;}
#footer .f_top .footerBtm .con .copyright {color: rgba(255,255,255, 1); font-size: .975em;}
#footer .menu > li > .in {padding: 1em 0; color: #fff; opacity:.7}
#footer .menu > li:not(:last-child) > .in:after {content: ""; margin: 0 1.25em; width: 1px; height: 1em; color:#999}
#footer .menu > li > .in .tt {font-size: 1.000em;}
#footer .menu > li > .in.point {font-weight: 600;}
#footer .menu > li > .in:hover {text-decoration: underline;}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:380px; position: relative; overflow: hidden; margin:var(--header_H) 50px 0; border-radius:calc(var(--item_r) + 5px)}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s; background-color:#f5f5f5;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3em; color:#333; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_1.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_4.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_3.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_2.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_5.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_6.jpg);}

.sub.bo-sponsor #sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_6.jpg);}

/*snb*/
#snb { position: absolute; bottom:-2em; left:50%; transform: translateX(-50%); z-index: 10; transition: 1.5s; width:96%;}
#snb .snb_list{background:#fff; border:1px solid #f5f5f5; border-radius:10px;}
#snb .snb_list .sdp1 a{display:block; width:60px; height:60px; line-height:60px; border-radius: 10px 0 0 10px; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#555; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative; font-weight:600}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%; display:none}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative; margin:var(--header_H) 50px 0;}
.mainSlider .el{ height:calc(100vh - (var(--header_H) + 30px)); position:relative; overflow:hidden; border-radius: calc(var(--item_r) + 5px);}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -65%); color:#fff;}
.mainSlider .slogan .t0{ font-size:1em; padding:8px 20px; background-color: var(--mainColor); color:#fff; display:inline-block; border-radius: var(--bor_r); margin-bottom: 15px;transform:translateY(1em); opacity:0;  line-height: 1.2;}
.mainSlider .slogan .t1{ font-size:3.375em; display:block; transform:translateY(1em); font-weight: 700; opacity:0; margin-bottom: 5px; line-height: 1.3;}
.mainSlider .slogan .t3{ font-size:1.25em; font-weight: 400; transform:translateY(1em); opacity:0; line-height: 1.6; margin-top:30px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t0{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}

.mainSlider .main_pagen{ position: absolute; left:50%; bottom:2em; transform: translateX(-50%);}
.mainSlider .main_control .xi{ background-color: transparent; color:#ddd; box-shadow: 0;}
.mainSlider .main_control .xi:hover{ background-color:#fff; color:#aaa; border-color:#fff;}
.mainSlider .main_control .b_prev{left: 70px;}
.mainSlider .main_control .b_next{right: 70px;}


/*메인 inc*/
.main_tit{ margin-bottom: 30px;}
.main_tit .in_en{ font-size:1.25em; margin-bottom: 10px; font-weight: 500; color:var(--mainColor);}
.main_tit .in_tt{ font-size:2.687em; color:#111; font-weight: 600; line-height: 1.4;}
.main_tit .in_tx{ font-size:1.125em; color:#444; margin-top:30px;}
.main_control .xi{width:56px; height: 56px; line-height: 56px; border-radius: 50%; font-size:1.625em; color:#aaa; text-align: center; border:1px solid #ddd; background-color: #fff; cursor: pointer; transition: .3s; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.main_control .xi:hover{ background-color:var(--mainColor); color:#fff; border-color:var(--mainColor);}
.main_control .b_prev{position: absolute; top: 50%; left: -28px; transform: translateY(-50%); z-index: 10;}
.main_control .b_next{position: absolute; top: 50%; right: -28px;; transform: translateY(-50%); z-index: 10;}
.main_pagen{ z-index: 100; text-align: center;}
.main_pagen .swiper-pagination-bullet{width:10px; height:10px; margin: 0 4px; border-radius: 50%; background-color: #ddd; opacity: 1;}
.main_pagen .swiper-pagination-bullet-active{opacity: 1; background-color: var(--mainColor);}
.main_more{width:48px; height: 48px; line-height: 48px; text-align: center; background-color: var(--mainColor); color:#fff; border-radius: 50%;}

.main_about{margin-top:130px;}
.main_about .main_tit{margin-bottom:0px; width:46%;}
.main_about .mi_01{margin-top:90px;}
.main_about .main_about_w{width:54%; position: relative;}
.main_about .main_about_w .about_list{width:370px; background-color: var(--mainColor); padding:50px 55px; border-radius: var(--item_r);}
.main_about .main_about_w .about_list li a{padding:10px 0; color:#fff; font-size:1.375em; opacity: .9; transition: .3s; border-bottom:1px solid transparent; font-weight: 300;}
.main_about .main_about_w .about_list li:hover a{opacity: 1;border-bottom:1px solid #fff; font-weight: 500;}
.main_about .main_about_w .about_list li:after{content:''; width:485px; height: 600px; background-image: url(../img/main/about_img01.jpg); position: absolute; bottom: 50px; right:0; transition: .3s; z-index: -1; border-radius: var(--item_r);}
.main_about .main_about_w .about_list li:nth-child(1):after{background-image: url(../img/main/about_img01.jpg);}
.main_about .main_about_w .about_list li:nth-child(2):after{background-color: url(../img/main/about_img01.jpg);; opacity: 0;}
.main_about .main_about_w .about_list li:nth-child(3):after{background-color:  url(../img/main/about_img01.jpg);; opacity: 0;}
.main_about .main_about_w .about_list li:nth-child(4):after{background-color:  url(../img/main/about_img01.jpg);; opacity: 0;}
.main_about .main_about_w .about_list li:nth-child(5):after{background-color:  url(../img/main/about_img01.jpg);; opacity: 0;}
.main_about .main_about_w .about_list li:hover:after{opacity: 1;}

.main_edu{margin-top:100px; padding:100px 0; background-color: #f9f9f9;}
.main_edu .edu_slide{position: relative}
.main_edu .edu_slide:after{content:''; width:177px; height:87px; background-image: url(../img/main/mi_02.png); position: absolute; top: -55px; right:-140px;}
.main_edu .edu_slide .in{display:block; height:450px; border-radius: var(--item_r); background-color: #aaa; position: relative;}
.main_edu .edu_slide .in .tt_w{ position: absolute; top: 0; left: 0; padding: 0 10px 10px 0; background-color: #f9f9f9; border-radius: 0 0 var(--item_r) 0;}
.main_edu .edu_slide .in .tt_w:before{content:''; width:38px; height: 38px; background-image: url(../img/main/bor_r.png); position: absolute; top:-2px; right:-36px;}
.main_edu .edu_slide .in .tt_w:after{content:''; width:38px; height: 38px; background-image: url(../img/main/bor_r.png); position: absolute; bottom:-36px; left:-2px;}
.main_edu .edu_slide .in .tt_w p{font-size:1.312em; color:#fff; padding:15px 45px; border-radius: 50px; background-color: var(--subColor);}
.main_edu .edu_slide .in .main_more{position: absolute; bottom:25px; right:30px;}
.main_edu .main_pagen{margin-top:40px;}

.main_nature.st1{ margin-top:110px;}
.main_nature.st2{ margin-top:140px;}
.main_nature.st1 .box1:before{content:''; width:33px; height:35px; background-image: url(../img/main/mi_03.png); position: absolute; top: -35px; left:-140px;}
.main_nature .nature_list{margin-right:-25px;}
.main_nature .nature_list > li{width:25%;}
.main_nature .nature_list > li .in{display:block; margin-right:25px; background-color: var(--subColor); border-radius: var(--item_r); text-align: center; height: 440px; position: relative; overflow: hidden;}
.main_nature .nature_list > li .in .tt_w{padding:130px 45px 30px;}
.main_nature .nature_list > li .in .in_icon{margin-bottom:15px;}
.main_nature .nature_list > li .in .in_tt{font-size:1.625em; font-weight: 600; color:#fff; margin-bottom: 75px;}
.main_nature .nature_list > li .in .main_more{margin:0 auto;}
.main_nature.st1 .nature_list > li:nth-child(1) .in{ background-image: url(../img/main/nu_bg01.jpg);}
.main_nature.st2 .nature_list > li:nth-child(1) .in{ background-image: url(../img/main/cli_bg01.jpg);}
.main_nature .nature_list > li:nth-child(2) .in .main_more{background-color: #fff; color:var(--mainColor)}
.main_nature .nature_list > li:nth-child(3) .in{background-color: #fff; border:1px solid #ccc;}
.main_nature .nature_list > li:nth-child(3) .in .in_tt{color:#222;}
.main_nature .nature_list > li.on{width:50%}
.main_nature .nature_list > li.on .tt_w{display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between; position: absolute; bottom:0; left: 0; width:100%; background: linear-gradient(0deg, rgba(0,0,0,0.2), #0000);}
.main_nature .nature_list > li.on .in .in_icon{width: 100%; text-align: left;}
.main_nature .nature_list > li.on .in .in_tt{ margin-bottom: 0;}
.main_nature .nature_list > li.on .in .main_more{ margin:0;}


.main_comm{margin-top:140px; position: relative; overflow: hidden;}
.main_comm:before{content:''; width:100%; height:68%; background-color: #f9f9f9; position: absolute; top:355px; left: 0;}
.main_comm:after{content:''; width:651px; height:297px; background-image: url(../img/main/mi_04.png); position: absolute; top:20px; right: -30px; z-index: -1;}
.main_comm .main_stt{border-bottom:2px solid #111; margin-bottom: 30px; padding-bottom: 10px;}
.main_comm .main_stt .in_tt{font-size:2em; font-weight: 600; color:#222;}
.main_comm .main_stt .in_tx{font-size:1.125em; color:#fff; margin-top:10px;}
.main_comm .main_stt .in_plus{font-size:2em; color:#aaa; cursor: pointer;}
.main_comm .main_stt .in_plus:hover{color:var(--mainColor);}
.main_comm .comm_gallery .main_stt{border-bottom:0; padding-bottom:0; margin-bottom: 20px;}
.main_comm .comm_gallery .gallery_w{position: relative}
.main_comm .comm_gallery .main_control .b_prev{transform: translateY(-110%);}
.main_comm .comm_gallery .main_control .b_next{transform: translateY(-110%);}
.main_comm .comm_w{margin-right:-30px; margin-top:80px;}
.main_comm .comm_w > div{width:50%; padding-right:35px;}
.main_comm .comm_bn{border-radius: var(--item_r); overflow: hidden; padding:60px 110px; margin-top: 110px; display: block;}
.main_comm .comm_bn .main_stt{border-bottom:0;}
.main_comm .comm_bn .main_stt .in_tt{color:#fff;}
.main_comm .comm_bn .main_stt .in_btn{display:inline-block; background-color: #fff; border-radius: 50px; padding:10px 30px; font-size:1.068em; color:#444; margin-top:30px;}
.main_comm .comm_bn .main_stt .in_btn .xi{vertical-align: bottom;}


/*=================================================================sub============================================================*/


/**/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/* 주요사업 탭 */
.sub-tab {background: #f4f4f4; border-radius: 3em; margin: 1em auto 1em; width:100%; overflow: hidden;}
.sub-tab li {width: 50%; text-align: center; font-size: 1.125em; font-weight: 600; padding: 1em 0; cursor: pointer;}
.sub-tab li.on,
.sub-tab li:hover {background: #2a893b; color: #fff; transition: .3s;}

/* 생태탐사 탭 */
.case-tab-wrap {margin: 1em 1em 2em 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd;}
.case-tab-wrap .case-tab{margin:0;}
.case-tab-wrap .case-tab > li {cursor:pointer !important; display:inline-block; position: relative; color: #888; transition: .3s; font-weight: 500; flex: 1 1 16.66%;}
.case-tab-wrap .case-tab > li:after {content: ''; position: absolute; left: 50%; bottom: calc(-1em - 2px); background: #2a893b; width: 0; height: 3px; transition: .3s; transform: translateX(-50%);}
.case-tab-wrap .case-tab > li:hover:after,
.case-tab-wrap .case-tab > li.on:after {width: 100%;}
.case-tab-wrap .case-tab > li:hover,
.case-tab-wrap .case-tab > li.on {color: #333;}


/**/
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300;}
.page_tx.w600{font-weight:600}
.fb600{font-weight:600}

.titW{padding:5vmin 0;}
.titW .t1 { font-weight:600; font-size:2.75em; letter-spacing:-.05em; word-spacing:.05em; text-align:center} 
.titW.pdT{padding:10vmin 0 5em 0}


/**/
.ps1{ margin-top:1em !important}
.ps2{ margin-top:2em !important}
.ps3{ margin-top:3em !important}
.ps4{ margin-top:4em !important}
.ps5{ margin-top:5em !important}
.ps{ margin-top:5em !important}

.c_dgray{ color:#555}

.page_sec{ padding:5em 0}
.page_sec.bg1{ background:var(--crBg);}



.page_tit.ico2{padding-left: 1em;padding-top: .5em;position: relative;}
.page_tit.ico2::before{ content: ''; width: .5em; height: .5em; border-radius: 50%; background: var(--mainColor); position: absolute; left: 0; top: 0; opacity: 1;}

.page_tt.b1 {font-size:2.250em}
.page_tt.b2{font-size:2em}
.page_tt.s1 { font-size: 0.938em; font-weight:400; letter-spacing:0}
.page_tt.s2 { font-size: 1.063em; font-weight:400; /*padding:.5em 0*/ line-height:1.6}
.page_tt.s3{font-size:1.125em; font-weight:600}
.page_tt.s4 { font-size: 1.250em; font-weight: 600;} 
.page_tt.w800 {font-weight: 800;}

.memo_box{ padding:2em 2.5em; background:#f5f5f5; border-radius: .8em;}
.memo_box.st2{background:#fff;}


.c1{color:var(--mainColor);}

.flex.wrap{ flex-wrap:wrap}

.ttdot{ position:relative; padding-left:1rem !important; line-height:1.3; letter-spacing: -0.05em;}
.ttdot:before{ content:""; position:absolute; left:0; top:1em; width:.313rem; height:.313rem; background:var(--mainColor); border-radius:50%;}
.ttdot + .ttdot{ margin-top:.75em;}

/*===========================================================
기후재난대응
=============================================================*/
/* 기후재난 대응 */
.page_col.div_T { gap: 3em; } 
.page_col.col.div_T { gap: 2em; } 
.page_col.div_T .Tleft { flex: 1 1 30%; } 
.page_col.div_T .Tleft .num { font-size: 1.1em; font-weight: 800; letter-spacing: -0.03em; margin-bottom: .5em; color: var(--siteC); } 
.page_col.div_T .Tright { flex: 1 1 70%; } 

.imgdiv_Wrap { } 
.imgdiv_Wrap .s_imgdiv { gap: 1em; } 
.imgdiv_Wrap .s_imgdiv > li { flex: 1; position: relative;} 
.imgdiv_Wrap .s_imgdiv > li .imgsec { width: 100%; height: 28.5em; overflow: hidden; border-radius: .8em; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec > img { width: 100%; height: 100%; object-fit: cover; }
.imgdiv_Wrap .s_imgdiv.st3 > li {width: calc((100% - 2em) / 3); flex: none;}
.imgdiv_Wrap .s_imgdiv.st3 > li .imgsec { height: 12.5em; } 
.imgdiv_Wrap .s_imgdiv.st3 > li .imgsec.bg{ height: 0; padding-bottom: 65%;}
.imgdiv_Wrap .s_imgdiv.st2 > li .imgsec img {border-radius:2rem}
.imgdiv_Wrap .s_imgdiv.st2 > li .imgsec{height:22.5em}
.imgdiv_Wrap .s_imgdiv.st2 > li + li .imgsec{margin-top:4em}
.imgdiv_Wrap .s_imgdiv.st2 > li .page_tt.s2{padding:1em 0}

.stickyT{ position: sticky !important; position: -webkit-sticky; top: var(--headerT);}
.page_Navcontainer{}
.page_Navcontainer .Navdiv{ display: flex;}
.page_Navcontainer .Navdiv > .subNavcon{ width: 50em; height: 100%; top: 10em; margin-right:12em}
.page_Navcontainer .Navdiv > .subInfoWrap{ width: 100%; word-break: keep-all;}
.page_Navcontainer .Navdiv > .subInfoWrap .linkScroll > .page_con{ padding: 0em; margin-bottom: 8em;}

.climate2_wrap{margin-top:8em;}
.climate2_wrap .flex.list1 > li{width:48%; text-align:center}

/**/
.table_wrap em{font-size:.750em; text-align:right; color:#888; display:block; padding:5px 0;}
.table_st{ border-top:3px solid var(--mainColor); width:100%; border-collapse:collapse;}
.table_st th,
.table_st td{ border:1px solid #ddd; padding:.5em .8em; height:2.5em; text-align: center;}
.table_st th{ background:#f5f5f5; font-weight:700}

.table_st .f_d{ font-weight: 600; color: #111; background: #f9f9f9;}
.table_st th{ color:#333; background: #f4f4f4;}
.table_st td{ color:#555; }
.table_st ~ div.no_con{ border-top:none;}
.table_st.p_none th,
.table_st.p_none td{ padding: 0em;}
.inp_w10{ width: 10em;}

.table_st.climate{font-size:.875em; letter-spacing:0;}

.line_wrap{position:relative; width:100%; margin:3em 0; display:inline-block}
.line_wrap .cate_line { position: absolute; left: 0; top: 0; width: 100%; height: 4px; background:repeating-linear-gradient(-45deg, #ddd, #ddd 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 4px)}



/* ================================================
센터소개
=================================================*/

/* 인사말 */
.about_01_01 .line { position:relative; border: 1px dashed #e9e9e9; width: 100%; margin: 2.25em 0; } 
.about_01_01 .line:before { position: absolute; left: 0; width: 70px; height: 1px; background: var(--mainColor); content: ''; } 
.about_01_01 .def_intro .in .img_z{width:50%; padding-right:4em;}
.about_01_01 .def_intro .in .img_z .bgfix{height: 100%; border-radius:2rem}
.about_01_01 .def_intro .in .txt_z{width:50%; padding:3em 0 3em 4em;}
.about_01_01 .def_intro .in .txt_z .page_tt{margin-bottom:35px;}
.about_01_01 .def_intro .in .txt_z .page_tx{ margin-bottom:15px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}
.about_01_01 ul li{}


/* 비전과 목표 */
.vision_wrap { position: relative; padding:5em 0; background:#f5f5f5} 
.vision_box{padding:3em 0; position:relative}
.vision_wrap .cir_inner { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; background: var(--mainColor); color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width:18em; 
height:18em; box-shadow: 0 25px 30px #43802e30; } 
.vision_wrap .cir_inner:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 23em; height: 23em; border: 4px dotted #d7edbf; border-radius: 50%; animation-name: rotateAni; 
animation-duration: 50s; transform-origin: center; animation-timing-function: linear; animation-iteration-count: infinite; } 
.vision_wrap .cir_inner .icon { } 
.vision_wrap .cir_inner .icon > .xi { font-size: 4.15em; } 
.vision_wrap .cir_inner .tt { font-size: 1.750em; font-weight: 800; text-align:center } 
.vision_wrap .cir_inner .tt span{font-size:1.250rem; display:block; font-weight:600}
.vision_wrap .security_list { } 
.vision_wrap .security_list > li { display: flex; flex: 1 1 50%; max-width: 50%;} 
.vision_wrap .security_list > li > .in { width: 100%;} 
.vision_wrap .security_list > li > .in > .inner { box-sizing: border-box; padding: 3em; background: #fff; border-radius: 1em; height: 100%;} 
.vision_wrap .security_list > li > .in > .inner > .title { font-size: 1.357em; font-weight:700; color:#333; margin-bottom: 1.25em; } 
.vision_wrap .security_list > li > .in > .inner > .page_dot_list{}
.vision_wrap .security_list > li:nth-child(1) .in > .inner { text-align: left; } 
.vision_wrap .security_list > li:nth-child(2n) .in > .inner { text-align: right; padding-left: 8em;} 
.vision_wrap .security_list > li:nth-child(2n) .in > .inner .page_dot_list li:before { right: -15px; left:inherit} 

@keyframes rotateAni { 100% { transform: translate(-50%, -50%) rotate(360deg); } 
 }
 
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list > li { position:relative; margin-bottom: .5em; letter-spacing: -0.05em; color:#333; font-size:1.063em} 
.page_dot_list > li:before { position: absolute; left: -15px; top: 8px; content: ''; background:var(--mainColor); width:5px; height:5px; border-radius:50%; } 

.icon_list .page_dot_list > li{width:33.33%}


/* 환경정보와 문화나눔터 */
.icon_list { } 
.icon_list > li { display: flex; } 
.icon_list > li .inner { display: flex; align-items: center; border: 2px solid var(--mainColor); border-radius:2em; overflow: hidden; width: 100%; min-height: 6em; flex-grow: 1; transition: .3s; } 
.icon_list > li { margin-bottom: .75em; } 
.icon_list > li:last-of-type { margin-bottom: 0em; } 
.icon_list > li .iconB { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; width: 6em; min-width:10em; background:var(--mainColor); transition: .3s; } 
.icon_list > li .iconB > img { } 
.icon_list > li .iconB:after { position: absolute; top: 40%; transform: translateY(-50%); left: 3em; width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--mainColor); opacity: .15; transition: .3s; content: ''; } 
.icon_list > li .txtinfo { display: flex; flex-direction: column; justify-content: center; padding: 1.5em 3em; box-sizing: border-box; width: 100%; height: 100%; } 
.icon_list > li .txtinfo .tit { font-size: .9em; color: var(--siteC); letter-spacing: -0.03em; font-weight: 500; } 
.icon_list > li .txtinfo .txt { font-size: 1.375em; font-weight: 600; letter-spacing: -0.05em; margin-top: .25em; color:#333} 
.icon_list > li .txtinfo.s1 .txt { font-size: 1.15em; } 
.icon_list > li .txtinfo .numT { font-size: 1.15em; font-weight: 700; color: var(--siteC); letter-spacing: -.05em; } 


/* 네트워크활동 */
.page_col_box,
.page_col_box > li{ align-items:stretch;}
.page_col_box{ margin:0 0 -1em -1em;}
.page_col_box > li{ flex:1 0 20%;}
.page_col_box > li > .inner{ flex:1; display:flex; flex-direction:column; margin:0 0 1em 1em;}
.page_col_box > li > .inner > dt,
.page_col_box > li > .inner > dd{ border-color:#bdc9b5;}
.page_col_box > li > .inner > dt{margin-bottom:.4em;padding:1.2em 1.5em;background:var(--mainColor);border-style:solid;border-width:1px 1px .3em 1px;border-radius:2rem;color: #fff;}
.page_col_box > li > .inner > dt .tit{ position:relative; display:inline-block; padding-left:1.5em; font-size:1.250em;}
.page_col_box > li > .inner > dt .tit .icon{ position:absolute; top:.2em; left:0; font-size:1.188em; line-height:1;}
.page_col_box > li > .inner > dt .tit .icon:before { content:"\e95c";}
.page_col_box > li > .inner > dt .tit .icon1:before{ content:"\ea40";}
.page_col_box > li > .inner > dt .tit2{ display:block; width:2.2em; line-height:2.2em; background:#00479e; border-radius:100%; text-align:center; font-size:1.125em; color:#fff;}
.page_col_box > li > .inner > dd{ flex:1 1 auto; padding:1em 1.5em; border-style:dashed; border-width:1px;}



/*특화사업*/
join-process .list .detail_tx { padding: 1em; background: var(--mainColor); } 
.join-process .list .detail_tx.h1 { min-height: 7em; } 
.join-process .list .detail_tx.h2 { min-height: 3em; } 
.join-process .list .detail_tx .page-tt { color: #fff; } 
.legal_sys { } 
.legal_sys .sysT { width: 46%; margin: 0 auto; padding: 1.5em 1em; box-sizing: border-box; border-radius:3em; background: var(--mainColor); color: #fff; text-align: center; position: relative; font-size:1.375em} 
.legal_sys .sysT::after { content: ''; width: 100%; height: 27px; border-left: 1px dashed #002144; position: absolute; left: 50%; bottom: -26px; } 
.legal_sys .sysB .in>li { } 
.group { width: calc((100% - 30px)/4); margin-right: 10px; border: 1px solid var(--mainColor); border-radius: .5em; position: relative; background: #fff; height:14rem;} 
.group.w2 { width: calc((100% - 30px)/2); } 
.group .tt { display: flex; justify-content: center; align-items: center; width: 100%; height: 4em; border-bottom: 1px solid #ddd; font-size: 1.250em } 
.group .tt2 { display: flex; justify-content: center; align-items: center; width: 100%; font-size: .9em; } 
.group .td { align-items: center; padding: 0 1em; font-size: 1em; color: #333; word-break: keep-all; } 
.group:last-child { margin-right: 0; } 
.group:before { content: ''; width: calc(100% + 9px); height: 1em; border-top: 1px dashed #002144; border-left: 1px dashed #002144; position: absolute; left: 50%; top: -24px; } 
.group:last-child:before { border-top: none; border-left: 1px dashed #002144; } 
.group:after { content: ''; width: 10px; height: 10px; border: 4px solid var(--mainColor); border-radius: 50%; background-color: #fff; position: absolute; left: 50%; top: -9px; transform: translateX(-50%); } 
.legal_sys2 .t1 { background: var(--gradC2); color: #fff; font-size: 1.25em; display: inline-block; padding: 0.5em 1em; border-radius: 2em; margin: 1em 0; } 
.legal_sys2 .t2 { border: 1px solid var(--mainColor); border-radius: 1em; background: #fff; padding: 1em; font-size: 1.375em; } 
.report_wrap { gap: 4em; } 
.report_wrap .list { background: var(--crGray); width: 50%; padding: 2em 4em; border-radius: 1em; } 
.report_wrap .list .page_txt { background: var(--mainColor); color: #fff; padding: 1em; } 
.report_wrap .list .ti { font-size: 1.25em; font-weight: 600; margin-bottom: 1em; color: var(--siteC2); text-align: center; margin-top: 1em; } 
.re_tbox { background: var(--crGray); padding: 2em; } 
.page_arrow { padding-bottom: 7%; background: url(../img/sub/arrow.png) no-repeat; background-size: 100% 100%; margin: 1em 0 2em 0; }



/* 연혁 */
.his_02_01 .sub_history_img { text-align:center; }
.his_02_01 .sub_history_tit{ text-align:center; padding:80px 0; border-radius:2rem}
.his_02_01 .sub_history_tit .t1{ font-size:2.250em; color:#fff;}
.his_02_01 .sub_history_tit .t2{ color:#fff; margin-top:10px; font-size:1.125em; font-weight: 300;}
.his_02_01 .sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.his_02_01 .sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:-40px}
.his_02_01 .sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.his_02_01 .sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.his_02_01 .sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-42px; width:10px; height:10px; background:var(--mainColor); border-radius:100%;}
.his_02_01 .sub_history_wrap .sub_history > li .history .year{ font-size:1.9em; font-weight:600; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.6; margin-bottom:15px; font-family:notokrM, sans-serif; vertical-align:middle;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .month{ min-width:60px; display:inline-block; color:var(--mainColor); font-weight: 700;}
	
@media screen and (max-width:768px) {
	.his_02_01 .sub_history_tit{padding:50px 10px;}
	.his_02_01 .sub_history_tit .t1{font-size:1.825em;}
	.his_02_01 .sub_history_wrap{padding-left: 30px;}
	.his_02_01 .sub_history_wrap .sub_history > li .history:before{left:-15px;}
	.his_02_01 .sub_history_wrap .sub_history_line{left:18px;}
	.his_02_01 .sub_history_wrap .sub_history > li .history .year{font-size:1.625em;}
	
}	


/* 함께하는사람들 */
.org_wrap{margin-top:-3em}
.org_wrap img{margin: 0 auto 3em;display:block}
.org_wrap .bg_gray{background:#f9f9f9; padding:5em 0}
.org_wrap ul{gap:2em; margin:0 6%}
.org_wrap ul li{flex:1 0 33.33%}
.org_wrap ul li > .in{background:rgba(255,255,255,.9); border-radius: 1rem;padding:1.8em 2em; border:1px solid #8795a7; box-sizing:border-box}
.org_wrap dl dt{border-bottom:1px dashed #ddd; padding-bottom:1em; margin-bottom:1em; color:#333}
.org_wrap dl dd:last-child{margin-top:1em}
.org_wrap dl dd .t1{color:#333}
.org_wrap dl dd .t1 > .fwB{ display: inline-block;width:4em; color:#51657e}



/* 오시는길 */
.loc_02_01 .location_info .info_box {border: 1px solid #eee; border-radius: 5px; padding: 2em; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-top:20px;}
.loc_02_01 .location_info .info_box ul > li{width:33.33%;}
.loc_02_01 .location_info .info_box ul > li:first-child{width:100%;  margin-bottom: 5px;}
.loc_02_01 .location_info .info_box ul > li .xi {color: #fff; box-sizing: border-box; margin-right: .5em; text-align: center; font-size:1.068em; width:42px; height: 42px; line-height: 42px; border-radius: 50%; background-color: var(--mainColor);}
.root_daum_roughmap .cont{display:none !important}
	
@media screen and (max-width:1024px) {
.loc_02_01 .location_info .info_box ul > li{width:100%; margin-bottom: 5px;}  
}	
	
@media screen and (max-width:768px) {		
.loc_02_01 .root_daum_roughmap .wrap_map{height:250px!important;}
.loc_02_01 .location_info{padding:0;}
.loc_02_01 .location_info .info_box{padding:30px;}
}

@media screen and (max-width:500px) {
.loc_02_01 .location_info .info_box{padding:20px;}
.loc_02_01 .location_info .info_box ul > li .xi{width:38px; height: 38px; line-height: 38px;}	
}			



.page_txt_wrap.st1 > .innerSec{ padding:3.75em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_tit{ max-width:16.5em; display:none}
/*.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{ padding-left:3.75em;}*/
.page_txt_wrap{padding:2em 0}
.page_txt_wrap > .innerSec:first-child{ padding-top:0 !important;}
.page_txt_wrap > .innerSec:last-child{ padding-bottom:0 !important;}
.page_txt_wrap > .innerSec.flex > .wrap_tit{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_con{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img > .in_img{ height:100%;}
.page_txt_wrap.line > .innerSec{ border-bottom:1px dashed #d9d9d9;}
.page_txt_wrap.line > .innerSec:last-child{ border-bottom-width:0;}
.box_line{border-top:1px dashed #d9d9d9}

.ctit {font-size: 1.357em;font-weight: 600;margin: .5em auto;background: #eee;color: #111;/* display: inline-block; */padding: .5em 1em;/* border-radius: 3em; */border-top: 1px solid #111;} 

/* 프로그램 */
.purpose_wrap{}
.purpose_wrap .purpose_list{}
.purpose_wrap .purpose_list > li{ display: flex; flex: 1 1 25%; max-width: 25%; }
.purpose_wrap .purpose_list > li > .in{ margin: 0em; width: 100%;}
.purpose_wrap .purpose_list > li > .in > .innerB{ padding: 2em; height: 100%;border-right: 1px dashed #ddd; box-sizing: border-box;}
.purpose_wrap .purpose_list > li:last-child > .in > .innerB{border-right:0}
.purpose_wrap .purpose_list > li > .in > .innerB > .topImg{ width: 100%; height: 8.5em;}
.purpose_wrap .purpose_list > li > .in > .innerB > .topImg > img{ width: 100%; height: 100%; object-fit: cover; border-radius:1rem}
.purpose_wrap .purpose_list > li > .in > .innerB > .txtArea{ margin-bottom: 1.5em;}
.purpose_wrap .purpose_list > li > .in > .innerB > .txtArea > .tit{ font-size: 2.15em; font-weight: 700; margin-bottom: .5em;}
.purpose_wrap .purpose_list > li > .in > .innerB > .txtArea > .txt{ font-size: 1.250em; font-weight:600; line-height: 1.4; height:2.5em;}
.purpose_wrap .purpose_list > li > .in > .innerB > .txtArea > .tx{height:4em; font-weight:300}
.purpose_wrap .purpose_list > li > .in > .innerB > .txtArea > .round-B{margin-bottom:1em}

.round-B {font-size: .875em;letter-spacing: 1px; display: inline-block;border-radius: 18px;border: 1px solid #999;padding: 4.5px 23.5px; display:none} 
.round-B.ct1 { border: 1px solid var(-mainColor); background: var(--mainColor); color: #fff; } 
.round-B.ct2 {border: 1px solid var(--mainColor);background: var(--mainColor); color: #fff;}


/* 운영 */
.processArrow{}
.processArrow .ArrowList{ display: flex; flex-wrap: wrap; gap: 4rem 0rem;}
.processArrow .ArrowList > li{ display: flex;}
.processArrow .ArrowList > li > .con{ flex: 1; display: flex; flex-direction: column;}
.processArrow .ArrowList > li > .con > .Cbox{ position:relative; padding: .5rem; box-sizing: border-box; padding: 0 1rem; display: flex; align-items: center; justify-content: center; min-height: 6vh; 
clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 8% 50%);}
.processArrow .ArrowList > li > .con > .Cbox > .num{ position: absolute; display: flex; align-items: center; justify-content: center; left: 1.75rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff;}
.processArrow .ArrowList > li > .con > .Cbox > .num > .tt{ font-weight: 600; line-height: 1;}
.processArrow .ArrowList > li > .con > .Cbox > .tit{ font-size: 1.125em; font-weight: 600; color: #fff; text-align: center;}
.processArrow .ArrowList > li > .con > .btmCon{ width: 94%; margin: 0 auto; margin-top: 1rem; flex: 1; border-radius: .5rem; border: 1px solid #e8e8e8; padding: 1.75rem; box-sizing: border-box; background: #f5f5f5;}
.processArrow .ArrowList > li > .con > .btmCon > .tit{  color: var(--color-point); text-align: center; margin-bottom: .75rem;}
.processArrow .ArrowList > li > .con > .btmCon > .grayBox{ border-radius: .5rem; padding: 2rem;}


.processArrow .ArrowList.w4 > li{ width: 25%;}
.processArrow .ArrowList.w5 > li{ width: 20%;}
.processArrow .ArrowList > li > .con > .Cbox.c1{ background: rgba(27,81,27, .48);}
.processArrow .ArrowList > li > .con > .Cbox.c2{ background: rgba(31,81,27, .6);}
.processArrow .ArrowList > li > .con > .Cbox.c3{ background: rgba(27,81,43, .8);}
.processArrow .ArrowList > li > .con > .Cbox.c4{ background: rgba(137,184,53, 1);}
.processArrow .ArrowList > li > .con > .Cbox.cb{ background: var(--color-point2);}
.processArrow .ArrowList.w4 > li > .con > .Cbox > .num{ left: 2.25rem; display:none}
.processArrow .ArrowList > li:first-of-type > .con > .Cbox > .num{ left: .5rem;}
/*.processArrow .ArrowList > li:first-of-type > .con > .Cbox{ clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 0% 50%); border-radius: 100px;}*/

.dotList { } 
.dotList > li { position: relative; padding-left: 1rem; font-size: var(--font-size-sm); margin-bottom: .5rem; line-height: var(--line-height-normal); } 
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background:#555; content: ''; } 
.dotList > li:last-of-type{ margin-bottom: 0;}
.dotList.s1 > li{ font-size: var(--font-size-base);} 
.dotList.c1 > li { color: var(--color-black-6); } 


/* 강좌 */
.edu_wrap .list { justify-content:center; gap:1.5em } 
.edu_wrap .list > li {flex: 1 1 33.33%;max-width: 31%;cursor: pointer;} 
.edu_wrap .list > li .in {position:relative;border:1px solid rgba(255,255,255,.1);/* box-shadow:0 0 1em rgba(0,0,0,.1); */border-radius: 2rem;overflow: hidden;} 
.edu_wrap .list > li .in .img { position:relative; overflow:hidden } 
.edu_wrap .list > li .in .img .resize { padding-bottom:90% } 
.edu_wrap .list > li .in .img:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); opacity:.3 } 
.edu_wrap .list > li .in .con { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:3.5em 3em; display:flex; flex-direction:column; color:#fff } 
.edu_wrap .list > li .in .con .t1 { font-weight:700; font-size:1.375em } 
.edu_wrap .list > li .in .con .t2 { line-height:1.5; margin-top:1em; opacity:.8 } 
.edu_wrap .list > li .in .con .main_more { margin:auto 0 0 auto; color:#fff} 
.edu_wrap .list > li .in:hover .img .resize { transform:scale(1.1); filter:blur(0); transition:1s } 




/* 기후아카데미 */
.content_box .char_container{ display: flex; width: 100%;}
.content_box .char_container .inner_con{display: flex;width: 100%;border-radius: 1.5em;/* border: 3px solid var(--mainColor); */overflow: hidden;}
/*.content_box .char_container .inner_con .bg_con{ position:relative; width: 40%; background-color: var(--mainColor); color: #fff; padding: 3em; box-sizing: border-box; background:url(../img/sub/edu_img01.jpg) no-repeat;}*/
.bg_con {position: relative; width: 40%; height: 28em; padding: 0; overflow: hidden;}
.bgSwiper {width: 100%; height: 100%;}
.bgSwiper .swiper-slide {width: 100%; height: 100%; background-size: cover; background-position: center;}
.bgSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;display: block;}
.bgSwiper-pagination {position: absolute; bottom: 1.5em !important; left: 0; right: 0; text-align: center;}
.bgSwiper-pagination .swiper-pagination-bullet {background: rgba(255,255,255,0.6); opacity: 1;}
.bgSwiper-pagination .swiper-pagination-bullet-active {background: #fff;}

.content_box .char_container .inner_con .bg_con .sub_tit{ font-size: 1.215em; font-weight: 500; margin-bottom: .35em;}
.content_box .char_container .inner_con .bg_con .en{ font-size: 2.65em; line-height: 1.1; text-transform: uppercase; font-weight: 800;}
.content_box .char_container .inner_con .bg_con > .xi{ position: absolute; bottom: -.2em; right: -.05em; font-size: 20em; opacity: .15;}
.content_box .char_container .inner_con .char_listC{width: 60%;padding: 3em;box-sizing: border-box;background: #f9f9f9; height:28em}
.content_box .char_container .inner_con .char_listC .char_list{ display: flex; flex-wrap: wrap; margin: 0 0 -1em -1em;}
.content_box .char_container .inner_con .char_listC .char_list > li{ flex: 1 1 100%; max-width: 100%;}
.content_box .char_container .inner_con .char_listC .char_list > li.w100 {max-width: 100%; flex: 1 1 100%;}
.content_box .char_container .inner_con .char_listC .char_list > li > .con{position: relative; gap: .5em;margin: 0 0 1em 1em;padding: .6em;box-sizing: border-box;align-items: center;background: #fff;border-radius: 2rem;}
.content_box .char_container .inner_con .char_listC .char_list > li > .con > .icon{position: absolute;display: flex;background: var(--subColor);align-items: center;justify-content: center;top: 50%;left: 5px;width: 2.2em;height: 2.2em;border-radius: 2rem 0;transform: translateY(-50%);}
.content_box .char_container .inner_con .char_listC .char_list > li > .con > .icon > .xi{ color: #fff;}
.content_box .char_container .inner_con .char_listC .char_list > li > .con > .tt{ font-size: 1.05em; padding-left: 2.5em; font-weight: 500;}
.content_box .char_container .inner_con .tit_wrap .icon{background:#fff; border-radius:50%; width:5em; height:5em; display:inline-block; margin-right:1em; text-align:center}
.content_box .con_tx{margin-left:1em;margin-top: -4em;padding: 3em 0;border-radius:2rem 0}
.content_box .con_tx .tt{padding: .5em 3em;margin:3px 0; border-bottom: 1px dashed #ddd;}

.content_inner .content_box .content_tit{ margin-bottom: 1.5em;}
.content_inner .content_box .content_tit > .tt{ font-size: 2.15em; font-weight: 800;}



/* 계절별생태탐사 */
.season_wrap { display: flex; gap: 6em; } 
.season_wrap .careBox { display: flex; flex-direction: column; justify-content: space-between; width: 50%; } 
.season_wrap .careBox.st1{flex-direction:row; width:100%; gap:6em}
.season_wrap .careBox.st1 > div{width:50%;}
.season_wrap .careBox .careT.mb { margin-bottom: 4em; } 
.season_wrap .careBox .careT.mb2 {margin-bottom:2em;}
.season_wrap .careBox .careT > .tit { font-size: 2.125em; font-weight:600; margin-bottom: 1em; } 
.season_wrap .careBox .careT > .txt { font-size: 1.125em; line-height: 1.6; word-break: keep-all; margin-bottom: 1em;} 
.season_wrap .careBox .careT > .txt:last-child{margin-bottom: 0;}
.season_wrap .careBox .careImg { width: 100%; height: 50vh; border-radius:2rem; overflow:hidden } 
.season_wrap .careBox .careImg > img { width: 100%; height: 100%; object-fit: cover; } 
.season_wrap .careBox .careImg.st1{height:66vh}
.season_wrap .careBox .careImg.st2{height:37vh}
.story_wrap{padding-top:3em}
/*.story_wrap .page_txt > .txt{ font-size: 1.13em; line-height: 1.6; word-break: keep-all; color: var(--siteC3); }
.story_wrap .page_txt > .txt ~ .txt{margin-top: 1em;}
.story_wrap .page_txt .txt .big{ font-size: 1.22em;}
.story_wrap .page_txt .ceo{ margin-top: 2em; font-size: 1.5em;}
.story_wrap .page_txt .ceo .name{ font-size: 1.3em; margin-left: 0.2em;}*/
.story_wrap .img_list ul li{flex:1 1 33.33%;}
.story_wrap .img_list ul li .img_wrap{height: 18em; width: 100%; border-radius:2rem; overflow:hidden;}
.story_wrap .img_list ul li .img_wrap img{width: 100%; height: 100%; object-fit: cover;}
.story_wrap .img_list .flex.gap1{gap:2em}


/* 습지탐사단 */
.page_tit .line{ display: inline-block; position:relative;}
.page_tit .line:before{ position: absolute; bottom:0; left: 0; width: 100%; height: 30%; background: var(--siteC); opacity: .25; content: ''; z-index: -1;}
.page_tit .line2 {border-bottom: 1px solid #ddd; padding-bottom: 1em; position: relative;}
.page_tit .line2::before {position: absolute; bottom: -1px; right: 0; width: 6em; height: 2px; background: var(--subColor); content: '';}

.wideImg { position:relative; width: 100%; height: 30em; } 
.wideImg.blackBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; } 
.wideImg > img { width: 100%; height: 100%; object-fit: cover; } 
.wideImg .innterTxt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; } 
.wideImg.h1 { height: 18em; border-radius:var(--item_r); overflow:hidden; margin-bottom:3em; margin-top:-3em} 

.page_tit .t3{font-size:2em; font-weight:600}
.page_txt_wrap{}
.page_txt_wrap > .innerSec:first-child{padding-top:0 !important;}
.page_txt_wrap > .innerSec:last-child{padding-bottom:0 !important;}
.page_txt_wrap > .innerSec.flex > .wrap_tit{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_con{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img > .in_img{ height:100%;}
.page_txt_wrap.line > .innerSec{ border-bottom:1px dashed #d9d9d9;}
.page_txt_wrap.line > .innerSec:last-child{border-bottom-width:0;}

.page_txt_wrap.st4{padding:0}
.page_txt_wrap.st4 > .innerSec{ padding:.875em .25em;}
.page_txt_wrap.st4 > .innerSec:last-child{ border-bottom-width:0;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width:10em; background: #edf6e7; border-radius: 0.5em; overflow: hidden; border:1px solid #c0d4b3}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit .page_tit {padding: 1em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit .page_tit .tt{font-size:1.250em; font-weight:600}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{ padding-left:1.5em;}

.sub_con1 {}
.sub_con1 .tit {margin-bottom: 1em; font-size: 1.05em; font-weight: 500;}
.sub_con1 .tit:last-child {margin-bottom: unset;}
.sub_con1 .tit2 {}
.sub_con1 .tit .xi {background: var(--siteC); color: #fff; border-radius: 50%; width: 1.5em; height: 1.5em; font-size: 1em; text-align: center; line-height: 1.5em; margin-right: .5em;}
.sub_con1 .tbox {background: #f4f4f4;padding:1.5em 2em; border-radius: .5em; border:1px solid #dcdada; box-sizing:border-box}
.sub_con1 .tbox .tt {padding:.313em 0; font-size:1.063em}
.sub_con1 .tbox .tt:last-child {margin-bottom: unset;}
.sub_con1 .tbox .ttdot:before{top:.8em}
.sub_con1 .tbox .ttdot + .ttdot{margin:0}



/* 참고메모 */
.donation_list {gap: 1em; margin-top:5em;}
.donation_list li {border: 1px solid #ddd;padding: 1em 3em;flex: 100%;max-width: 100%;gap: 2em;background: #f4f4f4; border-radius:1rem;}
.donation_list li .icon {text-align: center;width: 3em;height: 3em;line-height: 3em;background: var(--mainColor);color: #fff;border-radius: 50%;}
.donation_list li .tbox {width: 80%;}
.donation_list li .tbox .t1 {font-size: 1.125em;font-weight: 700;margin-bottom: .3em;width: 5em;}
.donation_list li .tbox .t2 {margin-bottom: .3em; font-size: .96em;}
.donation_list li .tbox .t3 {padding-left:1em;position: relative;font-size: 1.063em;}
.donation_list li .tbox .t3::before {content: "";position: absolute;left: 0;top: .6em;width: .313em;height: .313em;background: var(--mainColor);border-radius: 50%;}
.donation_list li .icon .xi{font-size: 1.5em;}

/*회원가입 info*/
.donation_list.st li .tbox .t1{width: 12em;} 



/* 개인정보처리방침 */
.guide_box{}
.guide_box .guide_in{ padding: 3.5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem;}
.guide_box .guide_in div{ margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ddd;}
.guide_box .guide_in p{ font-size: 1rem; line-height: 1.4;}
.guide_box .guide_in p:last-of-type{ border-bottom: none;}
.guide_box .guide_in .tit{ font-size: 1.750rem; font-weight: 700; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 2px solid #111;}
.guide_box .guide_in strong{ font-size: 1.250rem; font-weight: 600; margin-bottom: .75rem; display:inline-block}

.email_top{ background: #f7f7f7; border-radius: 1rem; text-align: center; padding: 2.5rem; box-sizing: border-box; border-bottom: none !important;}
.email_top .Ttxt{ font-size: 1.215rem !important; font-weight: 500;}
.email_con{ padding-bottom: 0 !important; margin-bottom: 0 !important; border: none !important;}

.guide_box p strong,
.guide_box p {font-family: 'Noto Sans KR', sans-serif;}


/* 후원 */
.sponsor_wrap{}
.sponsor_wrap .in{background:#edf6e7; border-radius:1rem; padding:4em 3em}
.sponsor_wrap .in .left{gap:3em}
.sponsor_wrap .memo_box.st2{width:22em; padding:1.5em 2em}
.sponsor_wrap .page_tt.s3{font-weight:400} 
.sponsor_wrap .page_tt.s4{font-weight:400}
.sponsor_wrap .c1{color:#28883a !important}
.sponsor_wrap .icon{background: #ffffff; width: 8em; height: 8em; border-radius: 50%; text-align: center;}
.sponsor_wrap .info_btn{display: block; width: 180px; background: var(--mainColor); border-radius: 50px; margin: 40px auto 0; font-size: 1.068em; text-align: center; line-height: 1.6;}
.sponsor_wrap .info_btn a{color: #fff; padding: 10px 20px; display: inline-block;}

.info_tx{color:#666; font-size:.938em; margin-bottom: 10px; line-height: 1.2;}


.sponsor_info_wrap{background: #ddd; padding: 10em 0; margin: 8em 0 0;}
.sponsor_info_wrap .sponsor_info{width: 60%; background: #fff; margin: 0 auto; padding: 60px 40px; border-radius: .8em;}
.sponsor_info_wrap .sponsor_info .page_tit:not(:first-child) .page_stt{ margin-top: 2.5em;}
.sponsor_info_wrap .table_st{border-top: 0; }
.sponsor_info_wrap .table_st th{background: transparent; }
.sponsor_info_wrap .table_st th, .sponsor_info_wrap .table_st td{border: 0px; text-align: left;}
.sponsor_info_wrap .table_st td img{margin-bottom: 3px;}
.sponsor_info_wrap .table_st td span.ti{font-size: 1.5em; margin-left: 10px; line-height: 1;}
.sponsor_info_wrap .table_st td span.tt{font-size: .937em; color: #999; margin-left: 10px;}
.sponsor_info_wrap .price_list{}
.sponsor_info_wrap .price_list > li{margin-right: 5px; position: relative; user-select : none;}
.sponsor_info_wrap .price_list > li input{opacity: 0; position: absolute;}

.sponsor_info_wrap .price_list > li input[type="radio"] + label{background: #ddd; padding: 10px 20px; font-size: .937em; font-weight: 600; border-radius: 5px;}
.sponsor_info_wrap .price_list > li input[type="radio"]:checked + label{background: var(--subColor); color: #fff;}

.sponsor_info_wrap .info_box{padding: 20px; background: #f5f5f5; color: #999; border-radius: 10px; margin: 20px 0;}
.sponsor_info_wrap .label_box{margin-top: 2.5em; padding-top: 2.5em; border-top: 1px dashed #d9d9d9; }
.sponsor_info_wrap .input_st.info_btn{border: 0; color: #fff;}
.sponsor_info_wrap .input_st.info_btn:hover{color: #fff;}

.sponsor_info_wrap .label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{content: "\e98f";}
.sponsor_info_wrap .label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{content: "\e92d";}

/*참사 및 교육 참가신청*/
.app_info{margin-bottom: 20px;}
.app_info .info_btn{font-size: 1em; background: var(--mainColor); border-radius: 50px; margin-left: auto;}
.app_info .info_btn a{color: #fff; padding: 10px 20px; display: inline-block; }