@charset "UTF-8";

.clear {content: ""; display: block; clear: both;}    

.mobile{display:none;}
/*서브 header 공통사항 및 배경 하얀색*/
header #header_box {padding: 0 30px; border-bottom: 1px solid rgba(255,255,255,0.3); height: 100px;z-index:;position:relative;z-index:20;}
header .nav {display:flex;align-items:center;justify-content:space-between}
header .nav h1 {}
header .nav ul {margin: auto; }
header .nav ul li {display: inline-block; padding: 0 25px;}
header .nav ul li a {font-size: 20px; font-weight: 500; color: #fff; line-height: 100px;}

header .login a.app {display:inline-block;background-color:var(--color-point);color:#fff !important;border-radius:5px;font-size:20px;line-height:50px;padding:0 20px;font-weight:500}
header .login a.app img{vertical-align:middle;margin-right:5px;}


header.sub {background: #000 url('/image_0325/sub_bg1.jpg') no-repeat center/cover;}

.contentbox {position:inherit}
/*서브페이지 top_bg*/
.topbg {height: 210px; padding: 55px 0 45px; 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: 16px; color: #e2e2e2;}
.topbg .topbg_tit1 {padding: 25px 0 20px;font-size: 25px; color: #fff;}


/*left_menu*/
.sub_container_box {max-width: 1100px; margin: 0 auto; padding: 60px 0;}
.container .left_menu {margin-top:50px}
.container .left_menu h3 {padding-bottom: 20px; font-size: 25px; 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;}
.container .left_menu .lbanner{text-align: center;}
.container .left_menu .lbanner .ilovegn{display: block;padding: 17px 15px;}

/*contentbox*/
.container {padding-bottom:100px;}
.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;}






/*공지사항*/
.container .board {padding: 80px 0 50px 30px; margin-top:-70px}
.container .board .board_txt {width: 20%; float:left;}
.container .board .board_txt .board_sec {display: inline-block; padding: 45px 0 25px 0;}
.container .board .board_txt h2 {font-size: 25px; color: #222; }
.container .board .board_txt h3 {font-size: 15px; color: #222; font-weight: normal;}
.container .board .board_txt a.all {font-size: 14px; padding-bottom: 2px; margin: 55px 0;display: inline-block; color: #4b9127; border-bottom: 2px solid #4b9127;}
.container .board .board_cont {width: 80%; float: left; 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 {height:120px}
.container .board .board_cont .swiper-slide a {display: block; white-space: normal;}
.container .board .board_cont .swiper-slide a h4 {padding-top: 25px;font-size: 16px; 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 .intro {text-align: center; padding: 100px 0; background: #000 url(/image_0325/intro_bg.jpg) no-repeat center/cover;}
.container .intro h2 {font-size: 25px; 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: 55px 0;font-size: 15px; color: #e2e2e2;}
.container .intro .intro_tit strong {color: #fff;}
.container .intro_box {width: 700px; margin:  0 auto;}
.container .intro_box .intro_check {width: 57.14%; float:left; margin-right: 2.86%;}
.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: 20px;}
.container .intro_box .intro_info {width: 40%; float: left;}
.container .intro_box .intro_info li a {display: block; height: 130px;padding-top: 30px;background: rgba(184,208,162,0.6); border-right: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2)}
.container .intro_box .intro_info li {width: 50%; float: left;}
.container .intro_box .intro_info li a p {color: #fff; font-size: 14px;padding-top:10px}
.container .intro_box .intro_info li a img {display: inline-block; height: 40px;}


/*gall*/
.container .gall {padding: 80px 0 80px 0; background: #5e6f3d; text-align: center;}
.container .gall h2 {font-size: 25px; 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: 55px 0;font-size: 15px; color: #e2e2e2;}
.container .gall .gall_tit strong {color: #fff;}

.container .gall .gall_box {max-width: 1100px; margin: 0 auto; position: relative;}
.container .gall .gall_tab {padding-bottom: 35px;}
.container .gall .gall_tab li a {display: block; padding: 10px 25px; border-radius: 25px;background: #b8d0a2; font-size: 15px; color: #555; font-weight: 100;} 
.container .gall .gall_tab li.over a {background: #fff; color: #1c4225;}
.container .gall .gall_tab li {display: inline-block;padding: 0 5px;}
/**
.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:200px;overflow:hidden;} 
.container .gall .gall_list li {display: block;float:left;width:25%;padding: 0 5px;margin-bottom:10px}
.container .gall .gall_list li img{position:absolute;min-width:100%;max-width:none;height:200px;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.6);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:20px;margin-left:10px;padding:8px 30px;border:1px solid rgba(255,255,255,0.8);color:#fff;}


/*etc*/
.container .etc {padding: 100px 0;}
.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: 230px;padding: 30px; 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: 460px; background: #fff url(/image_0325/etc_bg1.jpg) no-repeat bottom;}
.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; 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;}
.container .etc ul li:nth-of-type(4) a {background: #fff url(/image_0325/etc_bg4.jpg) no-repeat bottom;}
.container .etc ul li:nth-of-type(5) a {background: #fff url(/image_0325/etc_bg5.jpg) no-repeat bottom;}

/*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-weight: 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;}




/*********************************** 메인 ***********************************/
.visual_box {height:810px;}
.visual_box .mainsliderbox {position: absolute; top: -100px;  left:0px; width: 100%;z-index:0;height:1010px;overflow:hidden}
.visual_box .mainsliderbox .cont {height:1010px;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 {position: relative;z-index:3;color:#fff;text-aligN:center;padding-top:130px}
.visual_box .main_cont .stit{display:inline-block;font-size:20px;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:47px;font-weight:400}
.visual_box .main_cont .tit{font-size:30px;color:#ccdab6;padding:20px 0 30px;font-weight:500}
.visual_box .main_cont h3{font-size:60px;line-height:70px;font-family:'Nanum Myeongjo';font-weight:100}

.visual_box .main_cont .info_board {max-width:565px;margin:auto;border-top:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4);padding:20px 0;margin-top:40px}
.visual_box .main_cont .info_slider {display:flex;justify-content:space-between;}
.visual_box .main_cont .info_slider .imgbox{width:250px;height:140px;overflow:hidden}
.visual_box .main_cont .info_slider .textbox{width:calc(100% - 250px);padding-left:20px;color:#fff;text-align:left}
.visual_box .main_cont .info_slider .textbox .state{background:var(--color-point);font-size:17px;padding:5px 8px;display:inline-block;}
.visual_box .main_cont .info_slider .textbox a{color:#fff;font-size:24px;line-height:30px; font-weight:500;letter-spacing:-0.5px;display:block;margin:15px 0 10px 0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:60px;}
.visual_box .main_cont .info_slider .textbox .date{font-size:18px}
.visual_box .main_cont .info_board .slick-dots {text-align:left;position:absolute;bottom:-30px}
.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);}


#quick {position: fixed; top: 200px; right: 15px; z-index: 100;}
#quick.active {position: fixed; top: 200px; right: -200px; z-index: 100;}
#quick.active .quic_tit{width:35px;line-height:35px}
#quick.active .close i{transform:rotate(-180deg);}
#quick .box{display:flex;margin-bottom:5px}
#quick .quic_tit a{display:block}
#quick .quic_tit .close {position:absolute;bottom:15px;}
#quick .quic_tit{width:28px;background-color:var(--color-sub);writing-mode: vertical-lr;display:inline-block;border-radius:5px;padding-top:15px;line-height:28px;color:#fff;position:relative;}
#quick .quic_tit.tit2{background-color:var(--color-point);}
#quick .quick_box1{width:200px;background-color:#fff;border-radius:5px;margin-left:2px;padding:15px}
#quick .quick_box1 .joinbanner{font-size:21px;font-weight:900;letter-spacing:-0.5px;color:#4e4e4e;border-bottom:1px solid #cecfce;padding:10px 0;display:block;}
#quick .quick_box1 .joinbanner span{color:#999;font-size:14px;font-weight:400;display:block;padding-top:10px}
#quick .quick_box1 .support {color:#999;font-size:14px;line-height:21px;padding:15px 0}
#quick .quick_box1 .support em{font-style:normal;color:#4e4e4e;font-size:17px;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:15px;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:18px;color:#4e4e4e;padding:20px 0 0 60px;display:block}
#quick .quick_box1 .forest_app span{font-size:14px;color:#999;display:block;padding-top:5px}

#quick .quick_box2 {width:200px;background-color:#fff;border-radius:5px;margin-left:2px;padding:15px}
#quick .quick_box2 .tbox {background:url('/images/search.jpg') left center no-repeat;font-size:18px;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;}


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




.vision_box {padding:60px 0;max-width:1200px;margin:auto}
.vision_box .titbox {display:flex;align-items:flex-end;font-size:17px;color:#999;font-weight:300;padding-bottom:20px;letter-spacing:-1}
.vision_box .titbox h3 {display:block;font-size:46px;color:#1c1a1a;font-weight:600;}
.vision_box .titbox p {padding-left:10px;line-height:26px}
.vision_box .list ul{display:flex;justify-content:space-between;}
.vision_box .list li span{display:inline-block;text-align:center;font-size:24px;color:#1c1a1a;font-weight:600}
.vision_box .list li img{display:block;padding-bottom:10px}


.activephoto  {background:var(--color-point);color:#fff}
.activephoto .box {max-width:1200px;margin:auto;display:flex;padding:60px 0}
.activephoto .box .txtbox {padding-left:40px}
.activephoto .box .txtbox h3{font-size:46px;font-weight:600;padding:50px 0 30px;display:block}
.activephoto .box .txtbox .txt{color:rgba(255,255,255,0.7);font-size:20px;line-height:34px;}
.activephoto .box .txtbox .gobtn{display:inline-block;border:1px solid #cecfce;font-size:20px;padding:20px 40px;color:#fff;margin-top:35px}


.econews {padding:60px 0;text-align:center}
.econews .titbox {font-size:17px;color:#999;font-weight:300;padding-bottom:30px;letter-spacing:-1;}
.econews .titbox h3 {display:block;font-size:46px;color:#1b1919;font-weight:600;padding-bottom:10px}
.econews .titbox p {padding-left:10px;line-height:26px}
.econews .newslider a{display:block;font-size:20px;font-weight:400;line-height:28px;padding-top:15px;width:300px;margin-right:30px}
.econews .newslider a span{display:block;text-align:left;color:#1b1919;padding-top:10px}


.gallery40box {background:url('/images/main_slider2.jpg') center center no-repeat;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:60px 0;text-align:center}
.gallery40box .titbox {font-size:17px;color:#fff;font-weight:300;padding-bottom:30px;letter-spacing:-1;position:relative;z-index:1}
.gallery40box .titbox h3 {display:block;font-size:46px;color:#fff;font-weight:600;padding-bottom:10px}
.gallery40box .titbox p {padding-left:10px;line-height:26px}

.galleryappend {width:1200px;margin:auto;display:flex;position:relative;z-index:5}


.galleryappend .appendslider {max-width:1200px;margin:auto;overflow:hidden}
.galleryappend .appendslider .boxs{display:grid;gap: 20px;grid-template-columns: repeat(4, minmax(200px, auto));}
.galleryappend .appendslider .cont{border-radius:5px;border:5px solid #fff;overflow:hidden;max-width:215px;margin:auto;position:relative;}
.galleryappend .appendslider .cont img{max-width:215px;min-height:255px;max-height:255px;max-width:none;;width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.galleryappend .appendslider .box1{width:215px;height:147px;}
.galleryappend .appendslider .box2{width:215px;height:255px;}
.galleryappend .appendslider .box3{width:158px;height:185px;margin-bottom:20px}
.galleryappend .appendslider .box4{width:195px;height:230px;}
.galleryappend .appendslider .box5{width:215px;height:255px;}
.galleryappend .appendslider{width:calc(100% - 240px)}
.galleryappend .taglist{width:240px;padding-left:40px;text-align:left;padding-top:85px}
.galleryappend .taglist a{color:#fff;font-size:20px;line-height:34px;}
.galleryappend .taglist .appbtn {color:#fffec4;font-size:20px;text-decoration:underline;display:inline-block;padding-top:15px}

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



.implement {background:var(--color-point);color:#fff;position:relative;padding:60px 0;}
.implement .box{width:1200px;margin:auto;display:flex;justify-content:space-between;}
.implement .box .titlebox {width:285px;}
.implement .box .titlebox h3{font-size:64px;font-family:'Nanum Myeongjo';COLOR:#FFF;line-height:90px;letter-spacing:6;}
.implement .box .titlebox h3 span{color:#fffec4}
.implement .box .titlebox .schbox {border-bottom:1px solid #fff;font-size:20px;line-height:28px;padding-top:50px;padding-bottom:5px}
.implement .box .txt {font-size:20px;color:rgba(255,255,255,0.7);position:relative;width:calc(100% - 285px);padding-left:60px;text-align:right;}

.implement .box .txt .impslider{margin-top:50px;padding-bottom:60px}
.implement .box .txt .impslider .cont{height:290px}
.implement .box .txt .impslider img{max-width:auto;height:290px}


.impslider .slick-prev  {position:absolute;right:49px;bottom:0px;display:block;width:50px;height:50px;border:1px solid #fff;color:#ffff;font-size:0px;z-index:800}
.impslider .slick-next  {position:absolute;right:0px;bottom:0px;display:block;width:50px;height:50px;border:1px solid #fff;color:#fff;font-size:0px;z-index:800}
.impslider .slick-prev:before  {color:#fff;content:"\e93d";font-family:xeicon;text-indent:0px;font-size:20px;display:block;width:50px;text-align:center;}
.impslider .slick-next:before  {color:#fff;content:"\e940";font-family:xeicon;text-indent:0px;font-size:20px;display:block;width:50px;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}

.join_detail li {padding-bottom:20px}
.join_detail strong {display:block;padding:3px 0;font-size:17px}
.join_detail p {padding-bottom:10px;}
.join_detail li input[type="text"] {width:100%;border-bottom:1px solid #333;padding:8px 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:8px 5px}
.join_detail li select {border-bottom:1px solid #333;padding:8px 5px;width:100%}
.join_detail li input[type="file"] {width:100%;border-bottom:1px solid #333;padding:8px 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 {display:flex;gap:50px}
.join1 > div {width:50%;}
.join1 h3 {font-size:17px;color:#333;border-bottom:2px solid #333;padding:10px 0;margin-bottom:15px}


    /*** 등록하기 **/
.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:150px;height:200px;background:#777;color:#fff;text-align:center;display:block;padding:0px !important; }
.btn_file span{display:inline-block;border:1px solid #fff;padding:3px 6px;border-radius:2px;margin-top:15px}

.flexban {display:flex;gap:20px}
.flexban .fileBox{width:150px}
.flexban .fileBox #fileImg {width:150px;height:200px;overflow:hidden}
.flexban .fileBox #fileImg img{width:150px;height:200px;}
.flexban .profiles{width:calc(100% - 150px);}

.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}


.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}
#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}



.join0 {display:flex;gap:50px;margin-top:20px}
.join0 .import1{color:var(--color-point);font-weight:bold}
.join0 > div{width:50%;}
.join0 pre {min-height:150px;}
.join0 .mbtn.import1_bg {background-color:var(--color-point);color:#fff;font-size:17px !important;line-height:1.6 !important;padding:12px 25px}