@charset "UTF-8";

.screen {display:none !important}

* {font-family:'NBG','나눔고딕','Nanum Gothic'; list-style: none; text-decoration: none; margin: 0; padding: 0; box-sizing: border-box;} 
p {line-height: 1.6;}
.clear {content: ""; display: block; clear: both;}    

.wrap {overflow:hidden}

/*서브 header 공통사항 및 배경 하얀색*/
header #header_box {}
header .nav h1 {background:url('/image_0325/logo_white2.png') 5px center no-repeat;background-size:185px;display:inline-block;width:200px;height:60px;margin-top:36px;}
header .nav h1 a{text-indent:-9999px;display:block;margin:Auto}
header .nav {text-align:Center   }
header .nav ul {margin: auto; display:table;width:100%;font-size:0px;border-collapse:collapse;}
header .nav ul li {display: table-cell; border-bottom:1px solid rgba(255,255,255,0.2);}
header .nav ul li a {font-size: 15px; font-weight: 100; color: #fff; line-height: 40px;text-align:center;text-align:center;display:block;}
header .login  {position:absolute;right:5px;top:5px;}
header .login  a {display: none; padding: 5px 3px; font-size: 12px; color: #fff; letter-spacing:-0.5px}
header .login  a:last-child {display:none}

header .login a.app {display: inline-block;background-color:#699514;color:#fff !important;border: 1px solid #699514;border-radius:3px;padding:5px 15px}
header .login a.app img{vertical-align:middle;margin-right:5px;height:15px}

/**header .login  a:nth-of-type(2) {border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
header .login  a:nth-of-type(1) {padding: 5px 10px 5px 20px;}
header .login  a:nth-of-type(3) {padding: 5px 20px 5px 10px;}
header .login {position: absolute; right: 30px; top: 25px; border: 1px solid #e2e2e2; border-radius: 20px;}
**/
/*메인.html header 배경 투명 추가사항
header {position: absolute; top: 0; left: 0; width: 100%; z-index: 100;}
header .nav ul li a {color: #fff;}
header #header_box {border-bottom: none;}
header .login a {color: #e2e2e2;}
header .login {border: 1px solid #999;}
header .login a:nth-of-type(2) {border-right: 1px solid #999;border-left: 1px solid #999;}
*/
    
   
header.main {background: #000}
header.sub {background: #000 url('/image_0325/sub_bg1.jpg') no-repeat center/cover;}

/*서브페이지 top_bg*/
.topbg { padding: 15px 0 ; text-align: center; }
.topbg .topbg_location {font-size: 13px; color: #b7b7b7;}
.topbg .topbg_location .arrow {font-size: 9px; color: #999;}
.topbg .topbg_location li {display: inline-block; padding: 0 3px;}
.topbg .topbg_location li img {vertical-align: middle;}
.topbg .topbg_tit2 {font-size: 13px; color: rgba(255,255,255,0.8);max-width:75vw;margin:auto}
.topbg .topbg_tit1 {padding: 15px 0 10px;font-size: 21px; color: #fff;font-weight:500}

.contentbox .sub_title {font-size:17px !important;padding:8px 0 !important}
/*left_menu
.sub_container_box {max-width: 1100px; margin: 0 auto; padding: 60px 0;}
.container .left_menu {width: 14.5%; float: left;}
.container .left_menu .left_menu_tit {padding-bottom: 20px; font-size: 21px; color: #444;}
.container .left_menu li a {display: block; padding: 25px 0 20px; color: #555; font-size: 16px; border-bottom: 1px solid #e2e2e2;}
.container .left_menu li a:hover {color: #679313; font-weight: bold;}

.left_menu h3  {font-size:18px;text-align:center;color:#999;line-height:1.8;border-top:1px solid #cecfce;}
*/
.leftbox  {clear:both;float:none;width:100%}
.contentbox   {clear:both;float:none;width:100%}
.leftbox :after {clear:both;float:none;content:'';display:block}
.left_menu h3 {display:none}
.left_menu ul{border-bottom:1px solid #0c4a0e;display:grid;grid-template-columns: 1fr 1fr 1fr;}
.left_menu ul:after {clear:both;content:'';display:block}
.left_menu li {padding:10px 5px;}
.left_menu li a:before{content:'';width:3px;height:12px;background-color:#ccc;display:block;position:absolute;left:0px;top:2px;}
.left_menu li a{display:block;display:block;color:#333;font-size:15px;letter-spacing:-0.5px;font-weight:400;position:relative;text-align:left;padding-left:7px}
.left_menu .active{color:#0c4a0e !important;}
.left_menu .active:before{background-color:var(--color-point);}

.lbanner {display:none}

/*contentbox*/
.container .sub_contentbox {float:right; width: 85.4%; padding-left: 5.29%;}
.container .contentbox .subtit {padding-bottom: 10px;font-size: 14px; color: #679313; font-weight: bold;}
.container .contentbox .subtit2 {color: #555; font-size: 15px;}
.container .contentbox .subtit2:after {content: ""; display: block; width: 20px; height: 2px; margin: 20px 0; background: #679313;}


/*****메인.html css*****/
.quick {padding-bottom:120px;}
.quick ul li a {display: block; float:left; width: 50%; padding: 15px 0;font-size: 14px; color: #555; background: #fff; text-align: center; border-bottom: 1px solid #f0f0f0; } 
.quick ul li:first-of-type a {background: #fc7612; color: #fff; width:100%; margin-bottom: 5px; border-bottom: none; font-weight: bold; line-height: 1.4;}
.quick ul li:nth-of-type(2) a {font-weight: bold; border-right:#f0f0f0 1px solid;}
.quick ul li:nth-of-type(2) a img {display: inline-block; margin-bottom: 5px;}
.quick ul li:nth-of-type(4) a {display:none;}
.quick ul li:nth-of-type(5) a {display:none;}

/* .quick {position: absolute; top: 130px; right: 2%; z-index: 100;}
.quick ul li a {display: block; width: 100px; padding: 25px 0;font-size: 14px; color: #555; background: #fff; text-align: center; border-bottom: 1px solid #f0f0f0;} 
.quick ul li:first-of-type a {background: #fc7612; color: #fff;margin-bottom: 5px; border-bottom: none; font-weight: bold; line-height: 1.4;}
.quick ul li:nth-of-type(2) a {font-weight: bold;}
.quick ul li:nth-of-type(2) a img {display: inline-block; margin-bottom: 5px;}
.quick ul li:nth-of-type(5) a {line-height: 1.4; border-radius: 0 0 25px 25px; padding-bottom: 40px;}
.quick ul li:last-of-type a {position: relative; top: -20px; right: -25px;border-radius:45px; font-size: 13px;padding: 0; line-height: 45px;background: #f0f0f0; border: 1px solid #e2e2e2; font-weight: bold; width: 45px; height: 45px;} */


/*메인슬라이드*/
.main_slider {position: relative; top: 0px; left: 0px; width: 100%;background: url(/image_0325/main_slider_bg1.jpg) no-repeat center/cover; padding:25px 10px 10px 10px;}
.main_slider .logo_info {position: absolute; top: 60px; left: 80px; font-size: 12px; color: #e2e2e2;}
.container .slider_con_box {}
.main_slider:after {clear:both;content:'';display:block}
.main_slider .slider_con1 img{max-width:260px}
.slider_con1 .title {font-size:17px;color:#fff;font-weight:bold;text-shadow:2px 2px 2px rgba(0,0,0,0.1)}

.main_slider .slider_con1 p {font-size: 12px; color: #fff;max-width:320px; padding:10px 0 20px ; line-height: 1.6;}
.main_slider .slider_con1 p strong:first-of-type {position: relative; }
.main_slider .slider_con1 p strong:first-of-type:after {position:absolute; bottom: -2px; left: 0;content: ""; display: block; width: 100px; height: 5px;  background: #699514;}
.main_slider .slider_con1 a {padding: 5px 15px; border-radius: 2px; font-size: 12px; color:#fff;background-color: #699514; border:1px solid #699514;letter-spacing:-1px}
.main_slider .slider_con2 {clear:both;padding-top:25px}
.main_slider .slider_con2 ul li {text-align: right;}
.main_slider .slider_con2 ul li a {display: block; padding: 12px 0 12px 15px; border-radius: 5px; background: #fff url(/image_0325/notice1_bg.jpg) no-repeat right; font-size: 16px; text-align: left;background-size:contain}
.main_slider .slider_con2 ul li:last-of-type a {background: #fcdf57 url(/image_0325/notce_bg2.png) no-repeat right;background-size:contain}
.main_slider .slider_con2 ul li:last-of-type a p {color: #a48700;}
.main_slider .slider_con2 ul li a p {font-size: 13px; color: #777; }
.main_slider .slider_con2 ul li a h6 {padding-top:10px;font-size: 14px; font-weight: normal; color: #777;}
.main_slider .slider_con2 ul li a h6 strong {display: block;padding-bottom: 5px; color: #111;font-size:16px}
.main_slider .slider_con2 ul li:last-of-type a h6 {color: #564d24;}
.main_slider .slider_con2 ul li:first-of-type {padding-bottom: 10px;}

.main_slider .slider_con1 p strong:first-of-type:after {display: none;}
.main_slider .slider_con1 img {width: 100%;}
.main_slider .logo_info {left:5%;}

.main_slider .slider_con2 ul li a h6 strong {display: block;}
.main_slider .slider_con2 ul li a img {display: none;}


/*공지사항*/
.container .board {padding: 25px 0 10px 10px;position:relative;}
.container .board .board_txt {padding-bottom:10px}
.container .board .board_txt .board_sec {display:none;}
.container .board .board_txt h2 {font-size: 21px; color: #222; ;padding-bottom:10px}
.container .board .board_txt h3 {font-size: 12px; color: #222; font-weight: normal;line-height:1.5}
.container .board .board_txt a.all {font-size: 14px;  display: inline-block; color: #4b9127; border-bottom: 2px solid #4b9127;padding:10px 0 5px 0}
.container .board .board_cont { white-space: nowrap; overflow:hidden;vertical-align:top}
/**.container .board .board_cont .swiper-slide {display: inline-block; width: 200px; margin-right: 50px;vertical-align:top}**/
.container .board .board_cont .swiper-slide .imgbox{height:150px;background-color:#f2f2f2;position:relative;overflow:hidden}
.container .board .board_cont .swiper-slide .imgbox img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.container .board .board_cont .swiper-slide .text {}
.container .board .board_cont .swiper-slide a {display: block; white-space: normal;}
.container .board .board_cont .swiper-slide a h4 {padding-top: 15px;font-size: 15px; color: #444; line-height: 1.4;}
.container .board .board_cont .swiper-slide a h4:after {content: ""; display: block; width: 35px; height: 1px; background: #dfdfdf; margin: 25px 0;}
.container .board .board_cont .swiper-slide a p {font-size: 14px; color: #777;}
.container .board .arrow_box {position:absolute;right:10px;top:260px;}



/*단체소개*/
.container .intro {text-align: center; padding: 25px 5px; background: #000 url(/image_0325/intro_bg.jpg) no-repeat center/cover;}
.container .intro h2 {font-size: 21px; color: #fff; font-weight: normal;}
.container .intro h2 strong {font-weight: bold;}
.container .intro h3 {font-size: 35px; color: #fff; padding-top: 10px;}
.container .intro h3 strong {color: #87c314;}
.container .intro h3 span {font-weight: lighter;}
.container .intro .intro_tit {padding:10px ;font-size: 12px; color: #e2e2e2;}
.container .intro .intro_tit strong {color: #fff;}
.container .intro_box { margin:  0 auto;}
.container .intro_box .intro_check {}
.container .intro_box .intro_check li a {display: block; height: 120px; padding: 35px 0 0 30px;background: #fff url(/image_0325/intro_bg2.jpg) no-repeat bottom; text-align: left; font-size: 16px; color: #444; line-height: 1.5;}
.container .intro_box .intro_check li:last-of-type a {background: #fff url(/image_0325/intro_bg3.jpg) no-repeat bottom;}
.container .intro_box .intro_check li a strong {color: #111;}
.container .intro_box .intro_check li:first-of-type {padding-bottom: 10px;}
.container .intro_box .intro_info {border-radius:10px;overflow:hidden}
.container .intro_box .intro_info li a {display: block; height: 80px;padding-top: 20px;background: rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.5);}
.container .intro_box .intro_info li {width: 50%; float: left;}
.container .intro_box .intro_info li a p {color: #fff; font-size: 14px;}
.container .intro_box .intro_info li a img {display: inline-block; height: 50px;}


/*gall*/
.container .gall {padding: 25px 0; background: #5e6f3d; text-align: center;}
.container .gall h2 {font-size: 21px; color: #fff; font-weight: normal;}
.container .gall h2 strong {font-weight: bold;}
.container .gall h3 {font-size: 35px; color: #fff; padding-top: 10px;}
.container .gall h3 strong {color: #87c314;}
.container .gall .gall_tit {padding: 10px 10px;font-size: 12px; color: #e2e2e2;}
.container .gall .gall_tit strong {color: #fff;}

.container .gall .gall_box { margin: 0 auto; position: relative;}
.container .gall .gall_tab {padding-bottom: 15px;}
.container .gall .gall_tab li a {display: block; padding: 3px 5px;  font-size: 14px; color: rgba(255,255,255,0.6); font-weight: 100;letter-spacing:-0.5px} 
.container .gall .gall_tab li:first-of-type a { color: #fff;}
.container .gall .gall_tab li {display: inline-block;}
/**
.container .gall .arrow_left {position: absolute; left: -5%; top: 55%;}
.container .gall .arrow_right {position: absolute; right: -5%; top: 55%;}
**/
.container .gall .gall_list li a {display: block; position:relative;height:150px;overflow:hidden;} 
.container .gall .gall_list li {display: block;float:left;width:50%;padding: 0 5px;margin-bottom:10px}
.container .gall .gall_list li img{position:absolute;min-width:100%;max-width:none;height:150px;left:50%;top:0;transform:translate(-50%,0);}
.container .gall .gall_list li span{position:absolute;left:10px;top:10px;background:rgba(0,0,0,0.8);color:#fff;padding:3px 5px}
.container .gall .gall_list:after {clear:both;content:'';display:block;}

.container .gall .viewmore {display:inline-block;clear:both;margin-top:10px;border-bottom:1px solid rgba(255,255,255,0.8);color:#fff;margin-left:5px}


/*etc*/
.container .etc .etc_box {max-width: 1100px; margin: 0 auto;}
.container .etc ul {border: 1px solid #e2e2e2;}
.container .etc ul li a {display: block; height: 160px;padding: 15px; font-size: 17px; color: #111; font-weight: bold;}
.container .etc ul li a p {padding: 20px 0 10px;font-size: 14px; color: #444; font-weight: normal;}
.container .etc ul li:first-of-type a {height: 160px; background: #fff url(/image_0325/etc_bg1.jpg) no-repeat top left; background-size: cover; }
.container .etc ul li {width: 33.333%; float: left;}

.container .etc ul li:nth-of-type(2) a {background: #fff url(/image_0325/etc_bg2.jpg) no-repeat bottom;background-size:cover; border-bottom: 1px solid #e2e2e2;}
.container .etc ul li:nth-of-type(3) a {background: #fff url(/image_0325/etc_bg3.jpg) no-repeat bottom;background-size:cover;}
.container .etc ul li:nth-of-type(4) a {background: #fff url(/image_0325/etc_bg4.jpg) no-repeat bottom;background-size:cover;}
.container .etc ul li:nth-of-type(5) a {background: #fff url(/image_0325/etc_bg5.jpg) no-repeat bottom;background-size:cover;}

/*partner*/
.container .partner {background: #f8f8f8; padding: 50px 0;}
.container .partner .partner_box {position: relative; max-width: 1100px; margin: 0 auto;}
.container .partner .partner_box .partner_arrow {position: absolute; right: 0; top: 0;}
.container .partner .partner_box h2 {padding-bottom: 25px;font-size: 20px; color: #333; font-weight: normal; }
.container .partner .partner_box h2 strong {font-wequickight: bold;}
.container .partner .partner_box ul li a {display: block; background: #fff; text-align: center; border: 1px solid #e2e2e2; border-radius: 10px; overflow: hidden;}
.container .partner .partner_box ul li {float: left; width: 18.5%; margin-right: 1.875%;}
.container .partner .partner_box ul li:last-of-type {margin-right: 0;}


/*footer*/
footer {padding: 60px 0;background: #333; color: #fff; text-align: center;}
footer .footer_menu {padding: 20px 0 30px;}
footer .footer_menu li {display: inline-block;}
footer .footer_menu li a {margin: 0 5px;font-size: 15px; font-weight: bold; color: #fff;}
footer .footer_info {padding-bottom: 40px; color: #999; font-size: 13px;}
footer .copy {color: #555; font-size: 13px;}



@media screen and (max-width:640px) {
    
    .container .intro h2 {font-size: 20px;}
    .container .intro h3 {padding: 10px; font-size: 21px;}
    .container .intro_box .intro_check li {width: 100%;}
    .container .intro_box .intro_check li:first-of-type a {margin-right: 0;}
    .container .intro_box .intro_check li:last-of-type a {}
    .container .intro_box .intro_check li:last-of-type {padding-bottom: 20px;}
    .container .intro_box .intro_check li a br {display: none;}
    .container .intro_box .intro_check li a {height: auto; padding: 30px; border-radius: 10px;}
    
    .container .intro_box .intro_info li a img {height: 50%;}
    
    .container .gall {}
    .container .gall h2 {font-size: 20px;}
    .container .gall h3 {font-size: 21px;}
    
    .container .partner .partner_box h2 {font-size: 16px;}

    
    footer {padding: 60px 10px;}
    footer .footer_menu li a {font-size: 12px;}
    footer .footer_info {padding-bottom: 20px;}
    
    
}



@media screen and (max-width:620px) { 
    /*header*/
   
    .container .intro_box .intro_check li a br {display: block;}
    
    .container .etc ul li {width: 100%;}
    
    
    
}

@media screen and (max-width:420px) { 
    
    .container .intro h3 strong {display: block; line-height: 1.2;}
    .container .intro h3 {padding: 5px;}
    .container .intro_box .intro_check li:first-of-type a {background-position: right 35px; background-size: 250px;}
    
    .container .intro_box .intro_check li:last-of-type a {background-position: right 35px; background-size: 250px;}
    
    
}





.visual_box {height:calc(90vh - 200px);position: relative;}
.visual_box .mainsliderbox {position: absolute; top: 0px;  left:0px; width: 100%;z-index:0;height:calc(90vh - 200px);overflow:hidden}
.visual_box .mainsliderbox .cont {height:calc(100vh - 200px);top:0;}

.visual_box .mainsliderbox:before {content:'';display:block;width:100%;height:100%;z-index:1;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.4)}
.visual_box .main_cont {z-index:3;color:#fff;text-aligN:center;padding-top:10vh}
.visual_box .main_cont .stit{display:inline-block;font-size:3vw;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:47px;font-weight:400}
.visual_box .main_cont .tit{font-size:3.4vw;color:#ccdab6;padding:20px 0 30px;font-weight:500}
.visual_box .main_cont h3{font-size:6.8vw;line-height:1.2;font-family:'나눔명조';font-weight:100}

.visual_box .main_cont .info_board {max-width:90vw;margin:auto;border-top:1px solid rgba(255,255,255,0.4);padding:20px 0;margin-top:70px;}
.visual_box .main_cont .info_slider {display:flex;justify-content:space-between;}
.visual_box .main_cont .info_slider .imgbox{width:170px;overflow:hidden}
.visual_box .main_cont .info_slider .textbox{width:calc(100% - 170px);padding-left:10px;color:#fff;text-align:left}
.visual_box .main_cont .info_slider .textbox .state{background:var(--color-point);font-size:13px;padding:5px 8px;display:inline-block;}
.visual_box .main_cont .info_slider .textbox a{color:#fff;font-size:17px;line-height:1.4; font-weight:500;letter-spacing:-0.5px;display:block;margin:10px 0 10px 0;}
.visual_box .main_cont .info_slider .textbox .date{font-size:14px}
.visual_box .main_cont .info_board .slick-dots {text-align:left;position:absolute;top:-20px}
.visual_box .main_cont .info_board .slick-dots li {display:inline-block;margin-right:10px}
.visual_box .main_cont .info_board .slick-dots li button {background-color:rgba(255,255,255,0.5);text-indent:-9999px;border-radius:100%;width:10px;height:10px}
.visual_box .main_cont .info_board .slick-dots .slick-active button {background-color:rgba(255,255,255,1);}


.ilovegn_box{position: absolute;z-index:10;left: 5%;top: 2%;}
.ilovegn_box a{display:block;}
.ilovegn_box a img{border-radius: 5px;}



#quick {position: fixed; left: 10px; bottom: 15px; z-index: 1200;width:200px;}
#quick.active {position: fixed; left: 10px; bottom: -484px; z-index: 100;}
#quick.active .quic_tit a{line-height:42px;}
#quick .close i{transform:rotate(-270deg);}
#quick.active .close i{transform:rotate(-90deg);}
#quick .box{margin-bottom:5px}
#quick .quic_tit .close {position:absolute;right:15px;}
#quick .quic_tit{position:relative;}
#quick .quic_tit a{display:block;padding-left:10px;border-radius:5px;line-height:32px;color:#fff;border-radius:5px;background-color:var(--color-sub);}

#quick .quic_tit.tit2 a{background-color:var(--color-point);}
#quick .quick_box1{border:1px solid var(--color-sub);background-color:#fff;border-radius:5px;padding:15px}
#quick .quick_box1 .joinbanner{font-size:17px;font-weight:500;letter-spacing:-0.5px;color:#4e4e4e;border-bottom:1px solid #cecfce;padding:5px 0;display:block;}
#quick .quick_box1 .joinbanner span{color:#999;font-size:13px;font-weight:400;display:block;padding-top:5px}
#quick .quick_box1 .support {color:#999;font-size:13px;line-height:21px;padding:15px 0}
#quick .quick_box1 .support em{font-style:normal;color:#4e4e4e;font-size:16px;display:block;}
#quick .quick_box1 .bt_join_down {border:1px solid var(--color-sub);color:var(--color-sub);display:block;padding:8px 0;font-size:14px;text-align:center}

#quick .quick_box1 .btntotal {display:flex;justify-content:space-between;text-align:center;margin-top:5px}
#quick .quick_box1 .btntotal  .bt_join2 {border:1px solid #cecfce;color:#999;padding:8px 0;text-align:center;width:49%}

#quick .quick_box1 .forest_app {background:url('/images/forest.jpg') -5px 20px no-repeat;font-size:15px;color:#4e4e4e;padding:20px 0 0 60px;display:block}
#quick .quick_box1 .forest_app span{font-size:13px;color:#999;display:block;padding-top:5px}

#quick .quick_box2 {border:1px solid var(--color-point);background-color:#fff;border-radius:5px;padding:15px}
#quick .quick_box2 .tbox {background:url('/images/search.jpg') left center no-repeat;font-size:15px;color:#333;padding-left:60px}
#quick .quick_box2 .tbox2 {display:flex;justify-content:space-between;padding-top:10px}
#quick .quick_box2 .tbox2 input[type="text"]{background-color:var(--color-point-light);color:var(--color-point);
height:31px;border:none;line-height:31px;padding:0 5px;width:calc(100% - 59px);}
#quick .quick_box2 .tbox2 input[type="text"]::placeholder{color:var(--color-point);}
#quick .quick_box2 .tbox2 .schbtn {display:inline-block;background-color:var(--color-point);color:#fff;width:54px;text-aligN:center;line-height:31px;}




.vision_box {padding:20px 10px;margin:auto}
.vision_box .titbox {font-size:15px;color:#999;font-weight:300;padding-bottom:20px;letter-spacing:-1}
.vision_box .titbox h3 {display:block;font-size:21px;color:#1c1a1a;font-weight:600;}
.vision_box .titbox p {padding-top:10px;font-size:13px;}
.vision_box .list ul{display:flex;justify-content:space-between;}
.vision_box .list li span{display:inline-block;text-align:center;font-size:15px;color:#1c1a1a;font-weight:600}
.vision_box .list li img{display:block;padding-bottom:10px}


.activephoto  {background:var(--color-point);color:#fff}
.activephoto .box {margin:auto;padding:20px 10px}
.activephoto .box .txtbox {}
.activephoto .box .txtbox h3{font-size:21px;font-weight:600;padding:10px 0 5px;display:block}
.activephoto .box .txtbox .txt{color:rgba(255,255,255,0.7);font-size:13px;line-height:1.4}
.activephoto .box .txtbox .gobtn{display:inline-block;border:1px solid #cecfce;font-size:15px;padding:10px 20px;color:#fff;margin-top:15px}


.econews {padding:20px 10px;text-align:center}
.econews .titbox {font-size:15px;color:#999;font-weight:300;padding-bottom:30px;letter-spacing:-1;}
.econews .titbox h3 {display:block;font-size:21px;color:#1b1919;font-weight:600;padding-bottom:10px}
.econews .titbox p {font-size:13px;}
.econews .newslider {overflow:hidden;}
.econews .newslider a{display:block;font-size:15px;font-weight:500;line-height:24px;width:230px;margin-right:10px}
.econews .newslider a span{display:block;text-align:left;color:#1b1919;padding-top:5px}


.gallery40box {background:url('/images/main_slider2.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;position:relative;}
.gallery40box:before {content:'';display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.4)}

.gallery40box {padding:20px 10px;text-align:center}
.gallery40box .titbox {font-size:15px;color:#fff;font-weight:300;padding-bottom:15px;letter-spacing:-1;position:relative;z-index:1}
.gallery40box .titbox h3 {display:block;font-size:21px;color:#fff;font-weight:600;padding-bottom:10px}
.gallery40box .titbox p {font-size:13px;}

.galleryappend {margin:auto;position:relative;z-index:5}

.galleryappend .appendslider {margin:auto;padding-bottom:40px;overflow:hidden}
.galleryappend .appendslider .boxs{display:flex;justify-content:space-between;}
.galleryappend .appendslider .cont{border-radius:5px;border:5px solid #fff;overflow:hidden;width:40vw;margin:auto;height:180px;position:relative;}
.galleryappend .appendslider .cont img{max-width:40vw;min-height:180px;max-height:180px;max-width:none;width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.galleryappend .appendslider .cont.area{display:none}
.galleryappend .appendslider .cont.box3{display:none}
.galleryappend .appendslider .cont.box4{display:none}
.galleryappend .appendslider .cont.box5{display:none}

.appendslider .slick-prev  {position:absolute;right:39px;bottom:0;display:block;width:30px;height:30px;border:1px solid #fff;color:#ffff;font-size:0px;z-index:100}
.appendslider .slick-next  {position:absolute;right:10px;bottom:0;display:block;width:30px;height:30px;border:1px solid #fff;color:#fff;font-size:0px;z-index:100}
.appendslider .slick-prev:before  {color:#fff;content:"\e93d";font-family:xeicon;text-indent:0px;font-size:18px;display:block;width:30px;text-align:center;}
.appendslider .slick-next:before  {color:#fff;content:"\e940";font-family:xeicon;text-indent:0px;font-size:18px;display:block;width:30px;text-align:center;}




.galleryappend .appendslider{}
.galleryappend .taglist{text-align:left;padding-top:15px}
.galleryappend .taglist li{display:inline-block;padding:5px}
.galleryappend .taglist a{color:#fff;font-size:14px;line-height:1.4;display:block;border-radius:5px;border:1px solid #fff;padding:5px 10px;}
.galleryappend .taglist .appbtn {color:#fffec4;font-size:15px;text-decoration:underline;display:inline-block;padding-top:10px;border:none;}


.implement {background:var(--color-point);color:#fff;position:relative;padding:20px 10px;}
.implement .box{margin:auto;}
.implement .box .titlebox {text-aligN:center;}
.implement .box .titlebox h3{display:block;font-size:21px;color:#fff;font-weight:600;padding-bottom:10px}
.implement .box .titlebox h3 br{display:none}
.implement .box .titlebox h3 span{color:#fffec4;}
.implement .box .titlebox .schbox {display:none;}
.implement .box .txt {font-size:13px;color:rgba(255,255,255,0.7);position:relative;text-align:center;padding-bottom:10px;line-height:1.4}

.implement .box .txt .impslider {padding-bottom:40px}
.implement .box .txt .impslider .cont{height:200px}
.implement .box .txt .impslider img{max-width:auto;height:200px}
.implement .box .txt .impslider .photo{overflow:hidden}


.impslider .slick-prev  {position:absolute;left:0px;bottom:0px;display:block;width:30px;height:30px;border:1px solid #fff;color:#ffff;font-size:0px;z-index:100}
.impslider .slick-next  {position:absolute;left:30px;bottom:0px;display:block;width:30px;height:30px;border:1px solid #fff;color:#fff;font-size:0px;z-index:100}
.impslider .slick-prev:before  {color:#fff;content:"\e93d";font-family:xeicon;text-indent:0px;font-size:18px;display:block;width:30px;text-align:center;}
.impslider .slick-next:before  {color:#fff;content:"\e940";font-family:xeicon;text-indent:0px;font-size:18px;display:block;width:30px;text-align:center;}





/*************** 회원가입 *********************/

.join_box:after {clear:both;content:'';display:block}

.join_box .agree_tit{font-weight:bold;padding-bottom:5px;padding-top:30px;font-size:14px;font-weight:bold;vertical-align:middle}
.join_box .agree_box {border:1px solid #e6e6e6; height:130px;overflow-y:auto; overflow-x:hidden; line-height:1.5em;background-color:#f9f9f9;padding:13px;line-height:21px;}
.join_box .agree_text {padding-top:10px;vertical-align:middle;}
.join_box .agree_text strong{color:#333}
.join_box .agree_text input{padding-bottom:2px;}
.join_box .input_check input{padding-bottom:3px;}

.join_box h4{padding:20px 0;clear:both;}
.join_box .agree_way li{float:left;width:25%;text-align:center;}
.join_box .agree_way li p{padding-bottom:10px}
.join_box .agree_way li img,input{vertical-align:middle}
.join_box .agree_way {border:1px solid #cecfce;padding:15px;width:100%;}
.join_box .agree_way ul{display:block;width:600px;margin:auto}


.join_box .canvas_wrap{}
.join_box .canvas_wrap canvas{touch-action: none; user-select: none;border: 1px solid #cecfce;margin:auto}

.join_box .canvas_wrap a{width:90px;line-height:25px;background-color: #999;color: #fff;border: 1px solid #999;display:block;border-radius: 3px;font-size: 14px !important;text-align:center;margin:auto;}

.canvas_wrap { width:100%;padding:10px 0;text-align:center; position: relative;   -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select:none;}

.table_print {color:#000;line-height:1.6}
.table_print .stit {font-size:14px;font-weight:bold;position:relative;border-bottom:5px solid #999;padding:15px 0}
.table_print .stit img{position:absolute;right:0px;top:0px;width:150px}
.table_print h3 {font-size:15px;font-weight:900;border-left:3px solid #000;margin:10px 0 15px 0;display:block;line-height:1;padding-left:5px}
.table_print tr{display:block;}
.table_print th{display:block;text-align:left;padding:5px 0 2px 0;}
.table_print td{padding-bottom:5px}
.table_print td.text textarea{height:250px;vertical-align:top}
.table_print .sign {position:relative;}

.table_print td input[type="text"] {width:100%;border-bottom:1px solid #333;padding:5px}
.table_print td input[type="password"] {width:100%;border-bottom:1px solid #cecfce;padding:5px}
.table_print td select {border-radius:5px;border:1px solid #cecfce;padding:5px}
.table_print td input[type="file"] {width:100%;border-bottom:1px solid #cecfce;padding:5px}
.table_print td input.inputmail {width:28%}
.table_print td label {display:inline-block;padding:5px 0}
.table_print td input[type="checkbox"] {width:20px;height:20px;}
.table_print td input[type="radio"] {width:20px;height:20px;}
.table_print td textarea {width:100%;background-color:#f2f2f2;border-bottom:1px solid #cecfce;padding:10px}

input[size="4"] {width:80px !important}
input[size="5"] {width:90px !important}
input[size="6"] {width:100px !important}
input[size="8"] {width:120px !important}
input[size="10"] {width:160px !important}

.sub_title {color:#333;font-weight:600;display:block;font-size:26px;text-aligN:center;}
.sub_title2 {font-size:17px;margin:5px 0 15px 0;background-color:var(--color-point);color:#fff;padding:5px;text-aligN:center;}
.join_detail li {padding-bottom:10px}
.join_detail strong {display:block;padding:3px 0;font-size:14px}
.join_detail p {padding-bottom:10px;}
.join_detail li input[type="text"] {width:100%;border-bottom:1px solid #333;padding:5px}
.join_detail li input:focus {border-bottom:1px solid var(--color-point);color:var(--color-point)}
.join_detail li input[type="password"] {width:100%;border-bottom:1px solid #333;padding:5px}
.join_detail li select {border-bottom:1px solid #333;padding:5px;width:100%}
.join_detail li input[type="file"] {width:100%;border-bottom:1px solid #333;padding:5px}
.join_detail li input.inputmail {width:28%}
.join_detail li label {display:inline-block;padding:5px 0}
.join_detail li label.m_agree {font-size:13px;}
.join_detail li input[type="checkbox"] {width:20px;height:20px;}
.join_detail li input[type="radio"] {width:20px;height:20px;}
.join_detail li textarea {width:100%;border-bottom:1px solid #333;padding:10px;min-height:100px}
.join_detail li ::placeholder {coloR:#bbb}
.join_detail li input:read-only {background-color:#fff;}
.join_detail .help {font-size:13px;color:#999;padding-top:3px}



.import1 {color:red}

.grid11 {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid1111 {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}

.cholist li{font-size:13px;letter-spacing:-0.5px;padding:3px 0;white-space:nowrap;}
.cholist .nemo {width:15px;height:15px;background-color:#ccc;display:inline-block;}

.join1 .chkbtn {border:1px solid var(--color-point);coloR:var(--color-point);font-size:15px;display:inline-block;padding:3px 15px;border-radius:3px;}

.join1 h3 {font-size:17px;color:#333;border-bottom:2px solid #333}

    /*** 등록하기 **/
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


.btn_file {width:100px;height:133px;background:#777;color:#fff;text-align:center;display:block; font-size:14px;padding:0px !important;}
.btn_file br{display:none}
.btn_file span{display:inline-block;border:1px solid #fff;padding:3px 6px;border-radius:2px;}

.flexban {display:flex;gap:10px}
.flexban .fileBox{width:100px}

.flexban .fileBox #fileImg {width:100px;height:133px;overflow:hidden}
.flexban .fileBox #fileImg img{width:100px;height:133px;}
.flexban .profiles{width:calc(100% - 100px);}

.join1 .sub_title {color:#333;font-weight:600;display:block;font-size:26px;text-aligN:center;}
.join1 .sub_title2 {font-size:15px;background-color:var(--color-point);color:#fff;padding:5px;text-aligN:center;border-bottom:none;margin:0px;}


.agreebox h3{font-size:21px;font-weight:900;text-align:center;margin:10px 0 15px 0;display:block;line-height:1;}	
.agreebox pre{font-size:13px;line-height:1.4;}	

.join1 .agreebox {border:2px solid var(--color-point);}
.join1 .agreebox .box{padding:10px;}

.join1 .agreebox .middle_agree {padding:5px 0;border-bottom:1px solid #333;font-size:14px}
#forest_box pre{font-size:13px;line-height:1.4}
			

.join1 .canvas_wrap{}
.join1 .canvas_wrap canvas{touch-action: none; user-select: none;border: 1px solid #cecfce;margin:auto}

.join1 .canvas_wrap a{width:90px;line-height:25px;background-color: #999;color: #fff;border: 1px solid #999;display:block;border-radius: 3px;font-size: 14px !important;text-align:center;margin:auto;}

.canvas_wrap { width:100%;padding:10px 0;text-align:center; position: relative;   -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select:none;}

.join1 .grid111 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}


.join0 {}
.join0 .import1{color:var(--color-point);font-weight:bold}
.join0 > div{margin-bottom:20px}
.join0 pre {min-height:150px;}
.join0 .mbtn.import1_bg {background-color:var(--color-point);color:#fff;font-size:15px !important;line-height:1.6 !important;padding:8px 25px}
.join0 .sub_title2 {border:2px solid var(--color-point);color:var(--color-point);background:#fff;}