@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre,select{font-family:'Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:16px;color:#0e0e0e; letter-spacing:-0.5px; }
body{text-align:left; word-break:break-word; overflow-x:hidden;}
img,fieldset,iframe{border:0 none}
img {max-width:100%;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none; }
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}


* {box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body {overflow-x:hidden;}


select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance:none;-webkit-border-radius:0 }
select::-ms-expand {display: none;}


::-webkit-input-placeholder { color:#c9c9c9;  font-weight: normal; font-size: 18px;  font-weight: 400; opacity:1; }

.mob {display: none;}

.inner {max-width:1440px; padding:0 20px; margin:0 auto;}
.inBox {max-width:1400px; margin:0 auto;}

.head .member {background: #FAFAFA; }
.head .member .inner{display: flex; align-items: center; justify-content: flex-end; height: 40px; gap:40px; width: 100%;}
.head .member a {font-size:14px; color:#5F5F5F; font-size: 14px; }
.head .headCont  {border-bottom: 1px solid #CDCDCD;}
.head .headCont .h1Logo {text-align: center;padding:24px 0 20px; border-bottom: 1px solid #CDCDCD;}
.head .headCont .gnbWrap {}
.head .headCont .gnbWrap > ul {display: flex; max-width:1400px; margin:0 auto; position: relative; }
.head .headCont .gnbWrap > ul > li {flex:1; }
.head .headCont .gnbWrap > ul > li > a {border-left:1px solid #CDCDCD; font-size: 20px; color:#1E1E1E;  font-weight: 600; font-family: 'S-CoreDream'; height: 60px; display: flex; justify-content: center; align-items: center;}
.head .headCont .gnbWrap > ul > li > a.myBtn {background: #2DAF40; color:#fff;}
.head .headCont .gnbWrap > ul > li > a.myBtn span {padding:5px 0 5px 38px; background:url('../images/ico_member.svg') left center no-repeat;}
.head .headCont .gnbWrap > ul > li:last-child > a {border-right:1px solid #CDCDCD;}
.head .headCont .gnbWrap > ul > li .subGnb {position: absolute; left:50%; top:60px; width: 1920px; border-top: 1px solid #cdcdcd;   margin-left:-960px; background: #fff; display: none; z-index: 100; }
.head .headCont .gnbWrap > ul > li.active .subGnb {display: block;}
.head .headCont .gnbWrap > ul > li .subGnb .inner {position: relative; max-width:1400px; margin:0 auto; display: flex; gap:50px; padding:0;}
.head .headCont .gnbWrap > ul > li .subGnb .inner:after {content:''; position: absolute; right:-600px; width: 600px; height: 100%; background: #fff;}
.head .headCont .gnbWrap > ul > li .subGnb .inner {max-width:1400px; margin:0 auto; display: flex; gap:50px; padding:0;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .leftTit {position: relative; width: 350px; font-size: 30px; color:#1E1E1E; font-family: 'S-CoreDream'; font-weight: 600; text-align: center; padding-top: 40px }
.head .headCont .gnbWrap > ul > li .subGnb .inner .leftTit:after {content:''; position: absolute; top:0; right:0; width: 1024px; background:rgba(246,250,247,1); height: 100%; border-bottom-right-radius:50px;z-index: 0;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .leftTit span {position: relative; z-index: 1;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box {flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:30px 60px;  padding:40px 50px 40px 0;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a {border-radius:4px; display: flex; width: 100%; height: 57px; align-items: center;	 padding-left:20px; position: relative; font-size: 18px; color:#5F5F5F; border:1px solid #CDCDCD}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a:after {content:''; position: absolute; right:20px; top:50%; margin-top:-5px; background:url('../images/ico_arrow_gray.svg') center no-repeat;  width:5px; height:10px;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a:hover { color:#fff; background: #2DAF40;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a:hover:after { background:url('../images/ico_arrow_white.svg') center no-repeat;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul {padding:20px;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li { margin-bottom:16px;  }
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li:last-child {margin-bottom: 0;}
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li a { position: relative; padding-left:10px; margin-bottom:16px;font-size: 16px; color:#5F5F5F; font-weight: 500; }
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li a:after {content:''; position: absolute; left:0; top:50%; width: 3px; height: 3px; border-radius:10px; background: #2DAF40; }
.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li a:hover {color:#3A3A3A;}

.mainSec {overflow:hidden;}
.mainSlideWrap { position: relative;margin-bottom:80px; height: 560px;}
.mainSlideWrap .txtBox {position: absolute; top:160px; width: 100%; z-index: 10; text-align: center; color:#fff; }
.mainSlideWrap .txtBox .tit { font-size:26px;  opacity:0; visibility: hidden; transform:translateY(50px);}
.mainSlideWrap .txtBox .txt {margin-top:16px; font-size:60px; font-weight: 600; font-family: 'S-CoreDream';   opacity:0; visibility: hidden; transform:translateY(50px); }
.mainSlideWrap .mainSlide {position: absolute; left:50%; transform:translateX(-50%); top:0; width: 100%; height: 100%; }
.mainSlideWrap .mainSlide .inSlide{  overflow:hidden; height: 100%; }
.mainSlideWrap .mainSlide .img {height: 100%;}
.mainSlideWrap .mainSlide img {width: 100%; height: 100%; object-fit:cover;}
.mainSlideWrap .controler {margin-top: 80px; }
.mainSlideWrap .controler .count {display: flex; justify-content: center; align-items: center;  gap:16px;}
.mainSlideWrap .controler .count span {color:#fff; font-size: 16px; font-weight: 700;}
.mainSlideWrap .controler .count span.current {opacity:1;}
.mainSlideWrap .controler .count .swiper-pagination {opacity:1; width:180px; height: 4px; background: rgba(255,255,255,.5); position: relative;}
.mainSlideWrap .controler .count .swiper-pagination span {background: #fff;}

.mainSlideWrap .bgRound {position: absolute; left:50%; margin-left:-184px; bottom:0; width: 368px; height: 66px; background:url('../images/round.png') center no-repeat; padding-top: 16px; z-index: 50;}
.mainSlideWrap .bgRound .mouse { position: relative; width:24px; height: 37px; background:url('../images/mouse.svg') center no-repeat; margin:0 auto;}
.mainSlideWrap .bgRound .mouse .ball {position: absolute; left:50%; margin-left:-2px; top:4px; background:url('../images/ball.svg') center no-repeat; width: 4px; height: 9px;  animation: updown 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;   }

body.load .mainSlideWrap .txtBox .tit {  opacity:1; visibility: visible; transition:1s;  transform:translateY(0); transition-delay:200ms;}
body.load .mainSlideWrap .txtBox .txt {  opacity:1; visibility: visible; transition:1s;  transform:translateY(0); transition-delay:500ms;}


@keyframes updown {
	0% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(6px);
	}

	100% {
		transform:translateY(0);
	}
}

.pressWrap {margin-bottom: 100px;}
.pressWrap .innerBox {  background: linear-gradient(to bottom right, #2DAF40, #00822B); width: 1560px; margin:0 auto; border-radius:80px; border-top-right-radius:20px; border-bottom-left-radius:20px; padding:60px 0;}
.pressWrap .innerBox .inBox {position: relative;}
.pressWrap .innerBox .inBox .title {font-size: 30px; color:#fff;  font-weight: 600; font-family: 'S-CoreDream'; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #CDCDCD;}
.pressWrap .innerBox .inBox .more {position: absolute; right:0; top:5px; }
.pressWrap .innerBox .inBox .more a {font-size: 16px; color:#fff; padding-right: 20px; position: relative; background:url('../images/ico_arrow_white.svg') right center no-repeat; background-size:6px auto;}
.pressWrap .innerBox .inBox .list {width: 1400px; margin:0 auto; overflow:hidden;}
.pressWrap .innerBox .inBox .list .swiper-slide {flex:1; background: #fff; border-radius:15px; }
.pressWrap .innerBox .inBox .list .swiper-slide a {display: block; padding:24px 30px;  height: 192px; width: 320px;}
.pressWrap .innerBox .inBox .list .swiper-slide a .tit {height: 62px; margin-bottom: 55px; font-size: 20px; font-weight: 700; color:#1E1E1E; display: block;  overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp:2;   -webkit-box-orient: vertical; }
.pressWrap .innerBox .inBox .list .swiper-slide a .date {font-size:16px; color:#5F5F5F;display: block; }

.subSlide .controlMore{display: flex; gap:12px}
.subSlide .controlMore a {height: 48px; width: 48px; border-radius:100px; text-indent:-999em;}
.subSlide .controlMore a.arrow {border:1px solid #CDCDCD;}
.subSlide .controlMore a.prev {background:#fff url('../images/ico_arrow_left.svg') center no-repeat;}
.subSlide .controlMore a.next {background:#fff url('../images/ico_arrow_right.svg') center no-repeat;}
.subSlide .controlMore a.more {background:#00822B url('../images/ico_more.svg') center no-repeat;}

.mainGal {margin-bottom: 100px;}
.mainGal .titWrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.mainGal .titWrap .txt {display: flex; align-items: center; gap:33px;}
.mainGal .titWrap .txt .tit01 {font-size: 30px; h  font-weight: 600; font-family: 'S-CoreDream'; color:#1E1E1E; overflow: hidden;  }
.mainGal .titWrap .txt .tit02 {font-size: 18px;  color:#5F5F5F;}

.prdSlide {position: relative;}
.prdSlide .slides {overflow:hidden;}
.prdSlide .swiper-wrapper {padding:0 0 20px 0;}
.prdSlide .swiper-slide {width: 364px; height: 361px;box-shadow:4px 4px 20px rgba(154,166,148,.15); border-radius:15px; overflow:hidden; }
.prdSlide .text {background: #fff; padding:24px 30px;}
.prdSlide .text .tit{font-size: 20px; font-weight: 700; color:#1E1E1E; height: 56px;  margin-bottom: 35px;overflow:hidden;  text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical; }
.prdSlide .text .date{font-size: 16px;  color:#5F5F5F;}

.cardNews {margin-bottom: 80px;}
.cardNews .prdIn {position: relative; width: 1560px; margin:0 auto;  height: 480px; padding:80px;}
.cardNews .prdIn:after {content:''; position: absolute; right:0; top:0;  background: url('../images/bg_card.png') center no-repeat; width: 1740px; height: 100%;}
.cardNews .prdIn .inBox {position: relative; z-index: 1; display: flex; justify-content: space-between;}
.cardNews .prdIn .inBox .titWrap {display: flex; flex-direction:column; justify-content: space-between;}
.cardNews .prdIn .inBox .titWrap .txt .tit01 {font-size: 30px;  font-weight: 600; font-family: 'S-CoreDream'; color:#fff; margin-bottom: 30px;}
.cardNews .prdIn .inBox .titWrap .txt .tit02 {font-size: 18px; font-weight: 500; color:#CDCDCD;}

.cardNews .prdSlide {width: 1040px;}
.cardNews .prdSlide .swiper-wrapper{padding:0;}
.cardNews .prdSlide .swiper-slide {width: 320px; height: 320px;box-shadow:none; border-radius:5px; overflow:hidden; }
.cardNews .prdSlide .swiper-slide img {width: 100%; height: 100%; object-fit:cover;}

.mainLinks {margin-bottom: 160px;}
.mainLinks ul {display: flex; gap:40px;}
.mainLinks ul li {flex:1; }
.mainLinks ul li a {height: 140px; padding:40px; display: flex; justify-content: space-between; align-items: center;  border-radius:15px; box-shadow:4px 4px 20px rgba(154,166,148,.15);}
.mainLinks ul li a .tit01 {font-weight: 600; font-family: 'S-CoreDream'; color:#1E1E1E; font-size: 24px; line-height: 24px; margin-bottom:18px; }
.mainLinks ul li a .tit02 { color:#5F5F5F; font-size: 16px;  }
.mainLinks ul li a .tit02 span {padding-right: 20px; background:url('../images/ico_arrow_gray.svg') right center no-repeat; background-size:7px auto;}

.footer {background: #2B2C2F; padding:30px 0 80px;}
.footer .inner {position: relative;}
.footer .link {display: flex; gap:30px; margin-bottom: 30px;}
.footer .link a {font-size: 16px; color:#fff; font-weight:500;}
.footer .link a.bold {color:#E69E02;}
.footer .addr {font-size: 16px; color:#fff;}
.footer .addr .info span {position: relative; padding-right: 10px; margin-right: 10px;}
.footer .addr .info span:after {content:''; position: absolute; right:-2px; top:5px; width: 1px; height: 14px; background: #CDCDCD;}
.footer .addr .info span:last-child:after {display: none;}
.footer .copy {font-size: 14px; color:#5F5F5F; margin-top: 8px;}
.footer .btnTop {position: absolute; right:0; top:50px;} 

.lnb {border-bottom:1px solid #cdcdcd; padding:16px 0;}
.lnb .inner {display: flex; align-items: center; gap:44px; font-size: 16px; line-height: 16px; color:#1e1e1e; font-weight: 600;}
.lnb .inner .ico_home {text-indent:-999em; width:17px; height: 17px; background:url('../images/ico_home_m.png') center / 17px auto no-repeat;}
.lnb .inner span {position: relative;}
.lnb .inner span:after {content:''; position: absolute; left:-22px; top:50%; width: 1px; height: 14px; margin-top:-7px; background: #cdcdcd;}
.lnb .inner em {position: relative; margin-left: 100px; padding-left: 50px; font-weight: 700;}
.lnb .inner em:after {content:''; position: absolute; left:0; top:50%; width: 8px; height: 14px; margin-top:-7px; background: url('../images/ico_lnb.png') center no-repeat;}
.lnb .inner:has(em) span {color:#666666; font-weight: 400;}

.subSec {margin:80px 0 160px;}

.h2Wrap {text-align: center; margin-bottom: 80px;}
.h2Wrap h2 {font-size: 30px;  color:#1e1e1e; font-family: 'S-CoreDream';  font-weight:700; position: relative;}
.h2Wrap .subH2 {margin-top: 25px;}
.h2Wrap.border h2 {padding-bottom: 20px; line-height: 30px;}
.h2Wrap.border h2:after{content:''; position: absolute; left:50%; bottom:0; height: 6px; background: #149c27; border-radius:10px; width:64px; margin-left:-32px; }
.subH2 {font-size: 24px; color:#313131; text-align: center;}
.subH2 strong { font-weight:700;}

.loginWrap {max-width:525px; margin:0 auto;}
.loginWrap .line {margin-bottom: 15px;}
.loginWrap .line .ico_id {padding-left: 52px; background:url('../images/ico_id_m.png') 21px center no-repeat; background-size:17px auto;}
.loginWrap .line .ico_pw {padding-left: 52px; background:url('../images/ico_pw_m.png') 21px center no-repeat; background-size:17px auto;}
.loginWrap .line .btnType1 {width: 100%;}
.loginWrap .etcLogin {display: flex; padding-left: 10px; justify-content: space-between;  align-items: center;}
.loginWrap .etcLogin .idpw a {font-size: 18px; color:#c9c9c9; }
.loginWrap .etcLogin .idpw a:first-child {margin-right: 28px; position: relative;}
.loginWrap .etcLogin .idpw a:first-child:after {content:'';  position: absolute; right:-14px; top:50%; margin-top:-6px; width: 1px; height: 12px; background: #c9c9c9;}
.loginWrap .joinInfo {text-align: center; padding-top: 45px; margin-top: 45px; border-top: 1px solid #dcdcdc;}
.loginWrap .joinInfo .tit {font-size: 18px; color:#000000; margin-bottom: 20px;}
.loginWrap .joinInfo .tit strong {font-weight: 500; color:#0c9620;}


.ipType1 {border:1px solid #dcdcdc; width: 100%; height:65px; padding-left:25px;}
.ipType1.mini {height: 49px;}
input:read-only {background: #f4f4f4;}

.btnType1 {display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; color:#fff; background: #0c9620; border-radius:5px; min-width:260px; padding:0 24px; height: 65px; border:0px; }
.btnType1.white {background: #fff; border:1px solid #7dc788; color:#0c9620;}
.btnType1.line {background: #fff; border:1px solid #aaaaaa; color:#aaaaaa;}
.btnType1.gray {background: #eeeeee; border:1px solid #eeeeee; color:#aaaaaa;}
.btnType1.green {background: #fff; border:1px solid #0ea624; color:#0ea624;}
.btnType1.mini {min-width:146px; height: 49px;}
.btnType1.mini2 {min-width:104px; height: 35px; font-size: 16px; font-weight: 400;}
.btnType1.mini3 {min-width:240px; height: 50px; }

.checkLable {display: flex;}
.checkLable input {position: absolute; visibility: hidden; }
.checkLable label {font-size: 18px; line-height: 18px; color:#313131; padding:10px 0 10px 42px; position: relative;}
.checkLable label:after {content:''; position: absolute; left:0; top:50%; margin-top:-15px; width: 28px; height: 28px; border:1px solid #bebebe; border-radius:100px; background:url('../images/ico_check.png') center no-repeat;}
.checkLable input:checked + label:after {background:url('../images/ico_check_on.png') center no-repeat; border-color:#0c9620}

.checkLable.mini label {padding-left: 35px;}
.checkLable.mini label:after {margin-top:-11px; width: 22px; height:22px; border:1px solid #bebebe; border-radius:100px; background-size:10px auto;}
.checkLable.mini input:checked + label:after {background-size:10px auto;}


.radioType1 {display: flex;}
.radioType1 input {position: absolute; visibility: hidden; }
.radioType1 label {font-size: 18px; line-height: 18px; color:#313131; padding:10px 0 10px 40px; position: relative;}
.radioType1 label:after {content:''; position: absolute; left:0; top:50%; margin-top:-13px; width: 25px; height: 25px; border:1px solid #bebebe; border-radius:100px;}
.radioType1 input:checked + label:before {content:''; position: absolute; left:8px; top:50%; margin-top:-5px; background:#0c9620; width: 11px; height: 11px; border-radius:100px;}

.inner.marginBig {margin:150px auto 190px;}
.snsLogin { margin-top: 65px;}
.snsLogin .box {margin-bottom: 12px;}
.snsLogin .box a {display: flex; align-items: center; justify-content: center; height: 65px; border:1px solid #e3e3e3; padding-left: 65px; font-size: 18px; color:#313131; font-weight: 500; position: relative;}
.snsLogin .box a:after {content:''; position: absolute; left:0; top:0; height: 100%; width: 65px; border-right:1px solid #e3e3e3;background: #f9e000 url('../images/ico_kakao.png') center no-repeat;}
.snsLogin .box a.pass:after {background: #ff3a4a url('../images/ico_pass.png') center no-repeat;  border-right:1px solid #e3e3e3;}

.typeLogin { margin-top: 65px;}
.typeLogin .box {margin-bottom: 12px;}
.typeLogin .box a {display: flex; align-items: center; justify-content: center; height: 65px; border:1px solid #e3e3e3; padding-left: 65px; font-size: 18px; color:#313131; font-weight: 500; position: relative;}
.typeLogin .box a span {position: absolute; left:0; top:0; height: 100%; width: 65px; border-right:1px solid #e3e3e3; font-size: 48px; color:#2DAF40; display: flex; align-items: center; justify-content: center;}



.completeBox { text-align: center; padding-top: 200px; background:url('../images/ico_complete.png') center top no-repeat; padding-top: 180px;}
.completeBox.big {margin:200px 0 230px; text-align: center; padding-top: 200px; background:url('../images/ico_complete.png') center top no-repeat; padding-top: 180px;}
.completeBox .btn {margin-top:120px;}
.completeBox .txt {font-size: 24px; color:#313131; text-align: center; margin-bottom: 80px;}


.joinWrap {max-width:1100px; margin:0 auto; }

.stepList ul {display: flex; align-items: center; justify-content: center; gap:57px; margin-bottom: 70px;}
.stepList ul li {position: relative; display: flex; align-items: center; justify-content: center; height:56px; border:1px solid #ececec; border-radius:100px; width: 140px; font-size: 18px; color:#c9c9c9;}
.stepList ul li:after {content:''; position: absolute; right:-30px; top:50%; margin-top:-6px; width:7px; height: 12px; background:url('../images/ico_step.png') center no-repeat;}
.stepList ul li.active {color:#0c9620; border-color:#0c9620;}
.stepList ul li.active:after {background:url('../images/ico_step_on.png') center no-repeat;}
.stepList ul li:last-child:after {display: none;}

.idpwSearch {max-width:700px; margin:0 auto; }

.agreeWrap .agreeBox {margin-bottom: 65px;}
.agreeWrap .agreeBox.mb0 {margin-bottom: 0;}
.agreeWrap .agreeBox .tit {font-size: 24px; font-weight: 700; color:#313131; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #313131;}
.agreeWrap .agreeBox .agreeText {font-size: 18px; color:#aaaaaa; padding:20px; border:1px solid #e3e3e3; margin-bottom: 35px; min-height:180px; max-height:180px; overflow-y:auto;}
.agreeWrap .agreeBox .agreeCheck {display: flex; align-items: center; justify-content: space-between;}
.agreeWrap .agreeBox .agreeCheck .info {font-size: 18px; color:#313131; }
.agreeWrap .agreeBox .agreeCheck .checkList {display: flex; gap:36px;}
.agreeWrap .btnCenter {padding-top:80px; margin-top:35px; border-top: 1px solid #dcdcdc;}
.btnCenter {display: flex; align-items: center; justify-content: center; gap:13px;}

.join_auth {max-width:520px; margin:140px auto 0;}


.joinTeacher {max-width:950px; margin:0 auto;text-align: center;}
.joinTeacher .authTit {font-size: 24px; color:#313131; margin-bottom: 65px;}
.joinTeacher .fileBox .dropzone {border-radius:10px; border:2px dashed #dcdcdc; height: 330px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center;  cursor:pointer; background: #fff; width: 100%;}
.joinTeacher .fileBox .dropzone button {font-size: 24px; color:#b5b5b5; display: block; background:none; border:none; padding-top: 100px; background:url('../images/ico_drag.png') center top no-repeat;}
.joinTeacher .fileBox #dropzone-preview {display: flex; gap:30px; flex-wrap:wrap;}
.joinTeacher .fileBox #dropzone-preview li { font-size: 18px; font-size: 18px; color:#313131; display: flex; align-items: center; }
.joinTeacher .fileBox #dropzone-preview li .name {padding:5px 0 5px 40px; background:url('../images/ico_img.png') left center no-repeat;}
.joinTeacher .fileBox #dropzone-preview li .delete {min-width: 14px; height: 13px; background:url('../images/ico_delete.png') left center no-repeat; text-indent:-999em; margin-left: 16px; border:none;}
.joinTeacher .btnCenter {margin-top: 70px;}

.joinSchool .schoolForm {max-width:930px; margin:70px auto;}
.joinSchool .schoolForm .selectWrap {display: flex; gap:16px; margin-bottom: 20px;}
.joinSchool .schoolForm .searchBox {display: flex; align-items: center; gap:15px;}
.joinSchool .schoolForm .searchBox .tit {font-size: 18px; color:#313131; min-width:80px; }
.joinSchool .schoolForm .searchBox .ipType1 {min-width: 324px;}
.joinSchool .schoolForm .searchBox .btnType1 {min-width:180px; width: 184px;}
.joinSchool .searchResult .tit { font-size: 24px; color:#313131; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 2px solid #313131;}
.joinSchool .searchResult .list {padding:25px; border:2px solid #ececec; height: 250px; overflow-y:auto;}
.joinSchool .searchResult .list li {margin-bottom: 12px;}
.joinSchool .searchResult .list li input {position: absolute; visibility: hidden;}
.joinSchool .searchResult .list li label{font-size: 18px; color:#898989;}
.joinSchool .searchResult .list li input:checked + label{color:#0c9620; text-decoration: underline;}
.joinSchool .emptyResult {border-top:2px solid #313131; border-bottom: 1px solid #ececec; font-size: 18px; color:#b5b5b5; padding:20px 0; text-align: left; margin-top: 40px;}
.joinSchool .btnCenter {margin-top: 100px;}

.selType1 {padding:0 42px 0 23px; background:url('../images/ico_select.png') right 23px center no-repeat; border:1px solid #dcdcdc; height: 65px; width: 100%; font-size: 18px; color:#333;}
.selType1.mini {height: 49px;}

.formBox.borderTop {border-top: 2px solid #313131;}
.formBox .tit {font-size: 24px; line-height: 24px; color:#313131; font-weight: 700; padding-bottom: 24px; border-bottom: 2px solid #313131;}
.formBox .formTable .line {display: flex; border-bottom: 1px solid #dcdcdc; align-items: center;}
.formBox .formTable .line .th {padding:26px 0 26px 25px; font-size: 18px; color:#000000; min-width:180px;}
.formBox .formTable .line .th .req {color:#0c9620;}
.formBox .formTable .line .td {padding:16px 0; font-size: 18px; color:#898989; }
.formBox .formTable .line .td .txt {padding:10px 0;}
.formBox .formTable .line .td .ipType1 {width:725px; vertical-align: top;}
.formBox .formTable .line .td .size01 {width:325px;}
.formBox .formTable .line .td .size02 {width:220px;}
.formBox .formTable .line .td .btnType1 {min-width:150px; margin-left: 16px; border:0px;}
.formBox .formTable .line .td .emailBox {display: flex; align-items: center ; gap:15px; color:#313131;}
.formBox .formTable .line .td .tdBox {margin-bottom:15px; display: flex; align-items: center;}
.formBox .formTable .line .td .tdBox:last-child {margin-bottom: 0;}
.formBox .formTable .line .td .radioBox {padding:5px 0;}
.formBox .formTable .line .td .radioBox .radio {margin-bottom: 5px; display: flex; align-items: center; gap:30px;}
.formBox .formTable .line .td .radioBox .etc {font-size: 18px; color:#c9c9c9;}
.formBox .formTable .btnCenter {margin-top: 100px;}

.idpwSearch .formBox {margin-bottom: 70px;}
.idpwSearch .formBox .formTable .line .td {width: 100%; display: flex; gap:15px; align-items: center; padding-right: 30px;}
.idpwSearch .formBox .formTable .line .td .ipType1 {width: 100%; height: 50px;}
.idpwSearch .formBox .formTable .line .td .size01 {max-width: 325px;}
.idpwSearch .formBox .formTable .line .td .count {font-size: 18px; color:#c9c9c9; white-space:nowrap;}
.idpwSearch .formBox .formTable .line .td .btnType1 {margin-left: 0; height: 50px;}
.idpwSearch .formBox .formTable .btnCenter {margin-top: 60px;}

.markTit {position: relative; text-align: center; max-width:745px; margin:90px auto; font-size: 24px; color:#1e1e1e; padding:0 60px;}
.markTit:after {content:''; position: absolute; left:0; top:-15px; width: 53px; height: 40px; background:url('../images/ico_mark1.png') center no-repeat;}
.markTit:before {content:''; position: absolute; right:0; top:-15px; width: 53px; height: 40px; background:url('../images/ico_mark2.png') center no-repeat;}
.markTit strong {font-weight: 700;}
.markTit span {color:#2daf40;}
.markTit.type2 {max-width:98%; text-align: justify; word-break:keep-all;}
.docList ul li {margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #eeeeee;}
.docList ul li:last-child {border-bottom:none;}
.docList ul li .tit {font-size: 24px; color:#1e1e1e; font-weight: 500; margin-bottom: 15px; position: relative; padding-left: 15px;}
.docList ul li .tit:after {content:''; position: absolute; left:0; top:50%; width: 4px; height: 4px; background: #43b754; border-radius:10px; margin-top:-2px;}
.docList ul li .txt {font-size: 18px; color:#666666; }

.docList ul li .tit2 {font-size: 24px; color:#1e1e1e; font-weight: 500; margin-bottom: 15px;}
.docList ul li .txt2 {font-size: 18px; color:#666666;   position: relative; padding-left: 15px; margin-bottom: 5px;}
.docList ul li .txt2:after {content:''; position: absolute; left:0; top:11px; width: 4px; height: 4px; background: #43b754; border-radius:10px; }

.tabType1 { display: flex;  align-items: center; width: 100%; margin-bottom: 100px;  }
.tabType1 li{flex:1;height:100%; margin-left: -1px;}
.tabType1 li,.tab_elem{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px;font-weight:400;cursor:pointer;box-sizing:border-box;border:0;gap:6px; width: 100%; color:#1e1e1e; height: 75px;}
.tabType1.border_top li .tab_elem{color:#1e1e1e;border:1px solid #b3b3b3;border-bottom-color:#008d15; border-bottom-width:2px; text-align: center; word-break:keep-all; line-height: 18px;}
.tabType1.border_top li:nth-child(n+2) .tab_elem{margin-left:-1px}
.tabType1.border_top li .tab_elem.active{color:#008d15; border:2px solid #008d15;border-bottom:0;background-color:#fff;container-type:inline-size;font-weight:500;position:relative}

.organ {margin-top: 55px; padding:100px 10px; border:1px solid #b3b3b3; text-align: center;}

.uiArea .sec.first {margin-bottom:40px; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc;}
.uiArea .sec .tit {font-size: 24px; color:#313131; font-weight: 700; margin-bottom: 25px;}
.uiArea .sec .txt {font-size: 18px; color:#313131; }
.uiArea .sec .img {background: #000; margin:25px 0; border:1px solid #dcdcdc; height: 310px; background: #f6f6f6; display: flex; align-items: center; justify-content: center;}
.uiArea .sec.side {display: flex; justify-content: space-between;}
.uiArea .sec.side .color {display: flex; align-items: center;justify-content: flex-end;}
.uiArea .sec.side .color .box {display: flex; align-items: center; gap:26px; width: 300px; }
.uiArea .sec.side .color .box:last-child {width: auto;}
.uiArea .sec.side .color .box .bg {width: 77px; height: 77px; border:1px solid #dcdcdc;}
.uiArea .sec.side .color .box.no1 .bg {background: #b4c63c;}
.uiArea .sec.side .color .box.no2 .bg {background: #6dae98;}
.uiArea .sec.side .color .box.no3 .bg {background: #000000;}
.uiArea .sec.side .color .box .info {font-size: 18px; color:#313131;}
.uiArea .sec.side .color .box .info1 {font-weight: 700; margin-bottom:5px;}

.btnRight {text-align: right;}
.btnRight.mt25 {margin-top: 25px;}

.btnType2 {height: 57px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; color:#fff; font-weight: 700; border-radius:4px; background: #acacac; width: 260px; }
.btnType2 .ico_down {padding-right: 32px; background:url('../images/ico_down.png') right center no-repeat;}
.btnType2.green {background: #2daf40;}

.mentWrap {}
.mentWrap .list {margin-top: 120px;}
.mentWrap .list ul {display:grid; grid-template-columns:repeat(3,1fr); gap:60px 50px;}
.mentWrap .list ul .num {font-size: 42px; color:#2daf40; font-weight: 600; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #1e1e1e; font-family: 'S-CoreDream';}
.mentWrap .list ul .txt {font-size: 22px; color:#666666; word-break:keep-all;}

.greeting .imgBox {display: flex;  gap:110px;}
.greeting .imgBox .text .tit {position: relative; margin-bottom: 100px; font-size: 24px; color:#000000; }
.greeting .imgBox .text .tit:after {content:''; position: absolute; left:-40px; top:-17px; width: 53px; height: 40px; background:url('../images/ico_mark1.png') center no-repeat;  z-index: -1;}
.greeting .imgBox .text .tit strong {font-weight: 500;}
.greeting .imgBox .text .tit span {color:#2daf40;}
.greeting .imgBox .text .box {font-size: 18px; line-height:1.6; color:#000000; margin-bottom: 40px; font-size: 18px; color:#313131;}
.greeting .imgBox .text .box strong {font-weight: 500;}
.greeting .imgBox .text .box p {padding-left: 13px; position: relative;}
.greeting .imgBox .text .box p:after {content:''; position: absolute; left:3px; top:12px; width: 3px; height: 3px; border-radius:10px; background: #2daf40;}

.ruleWrap .sec {margin-bottom: 24px;}
.ruleWrap .sec .tit {cursor:pointer; font-size: 22px; color:#313131; text-align: center; border-top: 2px solid #313131; border-bottom: 1px solid #dcdcdc; padding:15px;}
.ruleWrap .sec .text { padding:30px; display: none; }
.ruleWrap .sec.notice .text { border:2px solid #ececec; padding:20px; display: block; margin-top: 25px;}
.ruleWrap .sec.active .text {display: block;}

.searchWrap {display: flex; justify-content: flex-end; margin-bottom: 25px;}
.searchWrap .rightArea {display: flex; align-items: center; }
.searchWrap .rightArea .selType1 {width: 148px; height:47px; margin-right: -1px;}
.searchWrap .rightArea .ipType1 {width: 285px; height:47px; margin-right: -1px;}
.searchWrap .rightArea .btn {width:96px; height:47px; background: #2daf40; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 18px; border:0px; }

.brochureWrap .list {margin-top: 80px;}
.brochureWrap .list .sec{display: flex;  position: relative; margin-bottom: 120px;}
.brochureWrap .list .sec:after {content:''; position: absolute; left:50%; margin-left:-960px; width: 1920px; bottom:-60px; height: 240px; background: #f5f5f5; }
.brochureWrap .list .sec .box {display: flex; flex:1; width: 50%; gap:70px; position: relative; z-index: 1;}
.brochureWrap .list .sec .box .img {width: 253px; height:368px; overflow:hidden; border-radius:10px; }
.brochureWrap .list .sec .box .img img {width: 100%; height:100%; object-fit:cover;}
.brochureWrap .list .sec .box .info {position: relative; flex:1; max-width:280px;}
.brochureWrap .list .sec .box .info .text .tit {padding-top: 20px; font-size: 30px; color:#1e1e1e; font-weight: 600;  font-family: 'S-CoreDream'; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #313131;;}
.brochureWrap .list .sec .box .info .text .date {font-size: 24px; color:#aaaaaa; font-weight: 500;}
.brochureWrap .list .sec .box .info .btnType2 {position: absolute; left:0; bottom:0;}

.paging {display: flex; align-items: center; justify-content: center; margin-top: 100px;}
.paging .num {margin:0 15px;}
.paging .num a.active {background: #2daf40; color:#fff;}
.paging a {width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color:#1b1b1b;}
.paging a.arrow {text-indent:-999em; border:1px solid #bbbbbb;}
.paging a.arrow.prev {background: url('../images/ico_arrow_left.svg') center no-repeat; background-size:9px auto;}
.paging a.arrow.next {background: url('../images/ico_arrow_right.svg') center no-repeat; background-size:9px auto;}

.locationWrap .map {}
.locationWrap .map .root_daum_roughmap { width: 100% !important;}
.locationWrap .map .root_daum_roughmap * {border:none;}
.locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
.locationWrap .map .root_daum_roughmap .cont  {display: none;}
.locationWrap .infoLoca {border:2px solid #efefef; padding:0 28px;}
.locationWrap .infoLoca .sec {padding:40px 0; border-bottom: 1px solid #dcdcdc; display: flex; }
.locationWrap .infoLoca .sec:last-child {border-bottom: none;} 
.locationWrap .infoLoca .sec .tit {min-width:128px; font-weight: 700; color:#313131; font-size:18px ;}
.locationWrap .infoLoca .sec .numList {display: flex; gap:20px 33px;  flex-wrap:wrap;}
.locationWrap .infoLoca .sec .numList li {display: flex; align-items: center; gap:9px; font-size: 18px; color:#313131;}
.locationWrap .infoLoca .sec .numList li .num {display: inline-flex; align-items: center; min-width:20px; height: 20px; border-radius:100px; font-size: 13px; color:#fff; font-weight: 700; justify-content: center; padding:0 7px; line-height: 12px;}
.locationWrap .infoLoca .sec .numList li .num.no5 {background: #9149dd;}
.locationWrap .infoLoca .sec .numList li .num.no9 {background: #ca9e2f;}
.locationWrap .infoLoca .sec .numList li .num.noSin {background: #6789ca;}

.locationWrap .infoLoca .sec .numList.white li .num { border:1px solid #323232;  color:#313131;  padding:0;}
.locationWrap .infoLoca .sec .bus li {display: flex; gap:9px; margin-bottom: 13px; flex-wrap:wrap; font-size: 18px; color:#313131;}
.locationWrap .infoLoca .sec .bus li:last-child {margin-bottom: 0;}
.locationWrap .infoLoca .sec .bus li .num {display: inline-flex; align-items: center; min-width:36px; height: 20px; border-radius:100px; font-size: 13px; color:#fff; font-weight: 700; justify-content: center; padding:0 7px; line-height: 12px;}
.locationWrap .infoLoca .sec .bus li .num.color1 {background: #6475ec;}
.locationWrap .infoLoca .sec .bus li .num.color2 {background: #5eb63a;}
.locationWrap .infoLoca .sec .bus li .num.color3 {background: #00b0ad;}
.locationWrap .infoLoca .sec .bus li .num.color4 {background: #339df2;}
.locationWrap .infoLoca .sec .bus li .num.color5 {background: #60b83d;}
.locationWrap .infoLoca .sec .bus li .num.color6 {background: #fb6f56;}
.locationWrap .infoLoca .sec .bus li .num.color7 {background: #aa8773;}

.tabType2 {display: flex; flex-wrap:wrap; gap:21px; justify-content: center; align-items: center; margin-bottom: 85px;}
.tabType2 li a {width: 174px; height: 51px; display: flex; align-items: center; justify-content: center; background: #eeeeee; border-radius:100px; font-size: 20px; color:#1e1e1e; overflow:hidden;}
.tabType2 li a.active {background: url('../images/bg_tab.png') center no-repeat; background-size:100% 100%; font-weight: 500; color:#fff;}

.tbType1 table {width: 100%;}
.tbType1 table thead {border-top: 2px solid #3a3a3a;}
.tbType1 table thead th {font-size: 16px; color:#434343; font-weight: 500; text-align: center;  border-bottom: 1px solid #e6e6e6; padding:18px 0; width: 160px;}
.tbType1 table thead th.number {width: 110px;}
.tbType1 table thead th.multiDate {width: 230px;}
.tbType1 table thead th.boardName {width: 160px;}
.tbType1 table thead th.boardDate {width: 230px;}
.tbType1 table thead th.mini {width:120px;}
.tbType1 table thead th.tit {width: auto;}
.tbType1 table tbody td {font-size: 16px; color:#888888; text-align: center;  border-bottom: 1px solid #e6e6e6;;  padding:18px 0;}
.tbType1 table tbody td.tit a {color:#888888; }
.tbType1 table tbody td.tit {text-align: left; padding-left: 25px;}
.tbType1 table tbody td .new {display: inline-flex; width: 20px; height: 20px; background:url('../images/ico_new.png') center no-repeat; vertical-align: middle; margin-left: 10px;}

.viewType1 {margin-bottom: 70px;}
.viewType1 .top {border-top: 2px solid #3a3a3a;}
.viewType1 .top .line {padding:15px 0; border-bottom: 1px solid #e8e8e8;}
.viewType1 .top .line.double{display: flex;}
.viewType1 .top .line.double .box {flex:1; width: 50%;}
.viewType1 .top .line .box {display: flex;}
.viewType1 .top .line .box .tit {min-width:115px; text-align: center; font-size: 16px; color:#434343; font-weight: 700;}
.viewType1 .top .line .box .text {font-size: 16px; color:#888888;}
.viewType1 .top .line .box .text.bold { color:#1b1b1b;}
.viewType1 .top .line .box .text.green a { color:#1aa12e;}
.viewType1 .bottomText {font-size: 16px; color:#888888; padding:28px; border-bottom: 1px solid #e8e8e8;  min-height:300px;}

.replyWrap {margin-top: 70px; border-top: 1px solid #e8e8e8;}
.replyWrap .replyBox .replyBase{padding:30px 25px; font-size: 18px;  border-bottom:1px solid #d9d9d9;}
.replyWrap .replyBox .replyBase.replyArea {padding-left: 65px; position: relative;}
.replyWrap .replyBox .replyBase.replyArea:after {content:''; position: absolute; left:27px; top:31px; background:url('../images/ico_replyNext.png') center no-repeat; width: 17px; height: 17px;}
.replyWrap .replyBox .replyBase .info {display: flex; align-items: center; margin-bottom: 20px;}
.replyWrap .replyBox .replyBase .info .name {color:#000;}
.replyWrap .replyBox .replyBase .info .date {color:#b5b5b5; padding-left: 30px; position: relative;}
.replyWrap .replyBox .replyBase .info .date:after {content:''; position: absolute; left:15px; top:50%; width: 3px; height: 3px; background: #b5b5b5; border-radius:10px;}
.replyWrap .replyBox .replyBase .text  {color:#1b1b1b; margin-bottom: 20px;}
.replyWrap .replyBox .replyBase .btns {display: flex; align-items: center; gap:15px;}
.replyWrap .replyBox .replyBase .btns a {font-size: 16px; color:#b5b5b5;}
.replyWrap .replyBox .replyWrite {position: relative;border-bottom:1px solid #d9d9d9; display: flex; gap:15px; padding:20px 20px 20px 70px; background: #f5f5f5; display: none;}
/* .replyWrap .replyBox .replyWrite:after {content:''; position: absolute; left:27px; top:25px; background:url('../images/ico_replyNext.png') center no-repeat; width: 17px; height: 17px;} */
.replyWrap .replyBox .replyWrite:after {content:''; position: absolute; left:27px; top:25px; width: 17px; height: 17px;}
.replyWrap .replyBox .replyWrite textarea {width: 100%;background: #fff; border:1px solid #d9d9d9; height: 150px; resize:vertical; padding:15px;}
.replyWrap .replyBox .replyWrite .upload {min-width:155px; min-height: 150px; text-align: center;  border:1px solid #d9d9d9; border-radius:4px; display: flex; align-items: center; justify-content: center; font-size: 18px; color:#aaaaaa; background: #fff; }
.replyWrap .replyBox.active .replyWrite {display: flex;}

.photoList ul {display:grid; grid-template-columns:repeat(4,1fr); gap:30px 15px;}
.photoList ul li {  border-bottom: 1px solid #d2d2d2;; min-width:0;}
.photoList ul li .img{border:1px solid #d2d2d2; border-radius:10px; height: 335px; overflow:hidden;}
.photoList ul li .img img {object-fit:cover; height:100%; width: 100%;}
.photoList ul li .text {padding:20px 25px 20px 15px; position: relative; background:url('../images/ico_link_arrow.png') right center no-repeat; }
.photoList ul li .text .tit {font-size: 20px; color:#1e1e1e; font-weight: 500; margin-bottom: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.photoList ul li .text .txt {font-size: 16px; color:#c9c9c9;}
.photoList ul li .title {text-align: center; font-size: 20px; color:#1e1e1e; font-weight: 500; margin-top: 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.photoList ul li:has(.title) {border-bottom: none;}


.cardList ul {display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.cardList ul li {  }
.cardList ul li .img{border:1px solid #d2d2d2; border-radius:10px; height: 335px; overflow:hidden;}
.cardList ul li .img img {object-fit:cover; height:100%;}

.cardSlide {margin: 30px 0; position: relative;}
.cardSlide .swiper-slide {width: 900px; height: 751px; display: flex; align-items: center; justify-content: center;}
.cardSlide .swiper-slide img {width: 400px; transition:.3s all;}
.cardSlide .swiper-slide.swiper-slide-active { }
.cardSlide .swiper-slide.swiper-slide-active img{width: 800px; }
.cardSlide .btns {position: absolute; display: flex; left:0; top:50%; margin-top:-30px; width: 100%; justify-content: space-between; z-index: 10; padding:0 120px;}
.cardSlide .btns a {width:34px; height: 60px; background:url('../images/ico_slide_prev.png') center no-repeat;}
.cardSlide .btns a.next {transform:rotate(180deg);}
.cardSlide .swiper-pagination {position: static; display: flex; justify-content: center; gap:10px; margin-top: 40px;}
.cardSlide .swiper-pagination span {width: 10px; height: 10px; border-radius:50px; background: #dcdcdc;}
.cardSlide .swiper-pagination span.swiper-pagination-bullet-active {background: #1aa12e;}


.viewType2 .top {display: flex; gap:45px; margin-bottom: 110px;}
.viewType2 .top .img {border:1px solid #b3b3b3; min-width: 546px; width: 546px; height: 401px; display: flex; align-items: center; justify-content: center;}
.viewType2 .top .img img {object-fit:cover; width: 100%; height: 100%;}
.viewType2 .top .rightBox {width: 100%;}
.viewType2 .top .btnRight {margin-top: 25px;}
.viewType2 .bottom .descBox {border:1px solid #dcdcdc; padding:20px; font-size: 18px; color:#aaaaaa; min-height:480px;}


.tbBox {border-top: 2px solid #3a3a3a;}
.tbBox .tr {display: flex; border-bottom: 1px solid #e6e6e6;}
.tbBox .tr .th {min-width:170px; font-size: 18px; line-height: 18px; color:#434343; font-weight: 700;  padding:0 0 0 30px; min-height:60px; display: inline-flex; flex-direction:column; justify-content: center;}
.tbBox .tr .th .info {color:#c9c9c9; font-weight: 400; margin-top: 10px;}
.tbBox .tr .td {font-size: 18px; color:#888888;  padding:6px 0; display: flex; align-items: center; width: 100%;}
.tbBox .tr .td .radio {display: flex; align-items: center; gap:10px 33px; flex-wrap:wrap;} 
.tbBox .tr .td textarea {width: 100%; border:1px solid #e8e8e8; height: 86px; resize:none;}

.titBorder {position: relative; font-size: 24px; line-height: 24px; font-weight: 700; color:#313131; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #313131;}
.titBorder.none {border-bottom: none; padding-bottom: 0;}
.titBorder .more {position: absolute; right:0; top:5px; width: 16px; height: 16px; text-indent:-999em; background:url('../images/ico_more_pc.png') center no-repeat; background-size:16px auto;}


.eventWrite .tbBox {margin-bottom: 75px;}
.eventWrite .tbBox .tr .th {min-width:180px;}
.eventWrite .tbBox .tr .td {min-height:76px; padding:15px 0; }
.eventWrite .tbBox .tr .td .txt {color:#313131;}
.eventWrite .tbBox .tr .td.block {display: block;}
.eventWrite .tbBox .tr .td .tdBox {display: flex; margin-bottom: 15px; gap:20px; align-items: center;}
.eventWrite .tbBox .tr .td .tdBox:last-child {margin-bottom: 0;}
.eventWrite .tbBox .tr .td .ipType1 {height: 50px; width: 730px;}
.eventWrite .tbBox .tr .td .size01 {width: 320px;}

.unionJoin .top {text-align: center; margin-bottom: 135px;}
.unionJoin .top .tit01 {font-size: 40px; color:#1b1b1b; font-weight: 500; margin-bottom: 40px; }
.unionJoin .top .tit01 strong {display: block; color:#1aa12e;}
.unionJoin .top .tit02 {font-size: 18px; color:#aaaaaa;  margin-bottom: 40px; }
.unionJoin .top .tit03 {font-size: 24px; color:#313131;  }
.unionJoin .grayBox {background: #f4f4f4; padding:135px 0 250px; margin-bottom: 120px;}
.unionJoin .unionList {display:grid; grid-template-columns:repeat(2,1fr); gap:70px 60px; }
.unionJoin .unionList .box {background: #fff; border-radius:20px; border-bottom-left-radius:0; padding:40px; box-shadow:5px 5px 15px 15px rgba(0,0,0,.03)}
.unionJoin .unionList .box:nth-child(2) {position: relative; top:120px;}
.unionJoin .unionList .box:nth-child(4) {position: relative; top:120px;}
.unionJoin .unionList .box .tit {font-size: 30px; color:#1b1b1b;font-family: 'S-CoreDream';   font-weight: 600; padding-bottom: 35px; margin-bottom: 40px; border-bottom: 3px solid #1b1b1b;  }
.unionJoin .unionList .box .tit strong{color:#1aa12e; font-weight: 600;}
.unionJoin .unionList .box ul li {display: flex;  gap:5px; margin-bottom: 25px;}
.unionJoin .unionList .box ul li:last-child {margin-bottom: 0;}
.unionJoin .unionList .box ul li .num {min-width:35px; font-size: 30px; color:#1aa12e; font-weight: 700; }
.unionJoin .unionList .box ul li .txt {font-size: 30px; color:#313131;}
.unionJoin .unionList .box ul.dot li .txt {position: relative; padding-left: 22px; font-size: 22px; color:#313131;}
.unionJoin .unionList .box ul.dot li .txt:after {content:''; position: absolute; left:2px; top:20px; width:6px; height: 6px; border-radius:10px; background: #1aa12e;}
.unionJoin .unionList .box ul.dot li .txt strong {font-size: 30px; color:#313131; font-weight: 600;}
.unionJoin .unionList .box ul.dot li .txt .green {color:#1aa12e; }
.unionJoin .unionList .box ul.dot li .txt .greenBox {color:#fff; background: #1aa12e; padding:0 6px;}
.unionJoin .unionList .box ul.dot li .txt .big {font-size: 30px;}


.tbBox.type1 {margin-bottom: 85px;}
.tbBox.type1 .tr .td {padding:14px 0;}
.tbBox.type1 .tr .td .size01 {width: 730px;}
.tbBox.type1 .tr .td .size02 {width: 325px;}
.tbBox.type1 .tr .td .areaSelect {display: flex; align-items: center; gap:10px;}
.tbBox.type1 .tr .td .areaSelect .row {display: flex; align-items: center; gap:10px;}
.tbBox.type1 .tr .td .areaSelect .row select {width: 230px;}
.tbBox.type1 .tr .td textarea.big {height:500px;}

input[type='date']{
	position: relative;
	background: url('../images/ico_cal.png') right 10px center no-repeat;     
	-webkit-appearance: none;
    appearance: none;
}


input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button { 
	display: none;
} 

input[type='date']::-webkit-calendar-picker-indicator {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor:pointer;

  }


.fileWrap {}
.fileWrap .info {font-size: 18px; margin-top: 10px; color:#c9c9c9; }
.fileWrap .fileBox {position: relative;  display: flex; align-items: center; }
.fileWrap .fileBox .fileName {margin-left: 180px; display: flex; align-items: center; gap:17px;}
.fileWrap .fileBox .fileName em {color:#1aa12e; font-size: 18px;}
.fileWrap .fileBox .fileName .btnDelete {display: inline-block; width: 14px; height: 13px; background:url('../images/ico_delete.png') center no-repeat; text-indent:-999em; }
.fileWrap .fileText {width: 325px; height: 47px; border:1px solid #dcdcdc;  font-size: 18px; background: #fff; padding-left: 15px;}
.fileWrap .fileInput{position: absolute; left:0; top:0; overflow: hidden; width: 490px; height: 47px; cursor:pointer; padding-right: 120px;}
.fileWrap .fileInput .fileInputButton{width: 150px; height: 100%; position: absolute; right:0; top: 0px; background:#fff; color:#1aa12e; border:1px solid #1aa12e; border-radius:4px; font-size:18px; font-weight:700; }
.fileWrap .fileInput .fileInputHidden{font-size: 45px;position: absolute;right: 0px;top: 0px;opacity: 0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; cursor:pointer;}


.listType1 { border-top: 1px solid #3a3a3a; padding:15px 0;}
.listType1 ul li {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.listType1 .info {display: flex; align-items: center; gap:20px; margin-bottom: 10px; }
.listType1 .info .date {font-size: 13px;color:#888888;}
.listType1 .info .state {font-size: 14px; font-weight: 700; color:#008d15;}
.listType1 .info .state.end { color:#d2d2d2;}
.listType1 .point {font-size: 14px; color:#c9c9c9; font-weight: 500; margin-top: 7px;}
.listType1 .point .green{font-size: 16px; color:#0ea624;}
.listType1 .title {font-size: 16px; font-weight: 500; color:#434343; }
.listType1 .btns {display: flex; align-items: center; gap:10px; margin-top: 15px;}
.listType1 .btns a {width: 100%; height: 40px;}

.btnMore a {width: 100%;}

.surveyList {margin-bottom: 70px;}
.surveyList ul li {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.surveyList ul li .question {font-size:20px; color:#1b1b1b; margin-bottom: 20px;}
.surveyList ul li .question strong {margin-right: 5px;}
.surveyList ul li .answer .checkList {padding-left: 20px;}
.surveyList ul li .answer textarea {width: 100%; padding:15px; border:1px solid #e3e3e3; height: 115px;}
.fileArea {display: flex;}
.fileArea .th {min-width:150px; padding-top: 10px; font-size: 18px; font-weight: 700; color:#313131;}


.listType2 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:23px; }
.listType2 ul li {border:1px solid #d2d2d2; border-radius:15px; padding:34px 39px; display: flex; gap:36px; }
.listType2 ul li .img {min-width:270px; width: 270px; height: 310px; border-radius:10px; overflow:hidden; background: #aaaaaa;}
.listType2 ul li .img img {width: 100%; height: 100%; object-fit:cover;}
.listType2 ul li .text {width: 100%; padding-top: 30px; display: flex; flex-direction:column; justify-content: space-between;}
.listType2 ul li .text .area {font-size: 22px; line-height: 22px; color:#008d15; font-weight: 500; margin-bottom: 20px;}
.listType2 ul li .text .name {font-size: 30px; line-height: 30px; color:#1e1e1e; font-weight: 700; margin-bottom: 20px;}
.listType2 ul li .text .op {font-size: 22px; color:#aaaaaa; font-weight: 500; margin-bottom: 20px;}
.listType2 ul li .text .btnType1 {width: 100%; height: 60px; font-size: 20px; font-weight: 400;}


.fullGray {position: relative; margin-bottom: 70px;}
.fullGray:after {content:''; position: absolute; left:50%; top:0; width: 1920px; margin-left:-960px; background: #f6f6f6; height: 100%; z-index: -1;}
.fullGray .in {position: relative; padding:55px 0; display: flex; align-items: center; gap:50px; }
.fullGray .in .img {min-width:312px; height: 312px; border-radius:500px; overflow:hidden; width: 312px;}
.fullGray .in .img img {width: 100%; height: 100%; object-fit:cover;}
.fullGray .in .text .area {font-size: 30px; color:#008d15; font-weight: 500; margin-bottom: 5px;}
.fullGray .in .text .name {font-size: 40px; color:#1e1e1e; font-weight: 700; margin-bottom: 10px;}
.fullGray .in .text .op {font-size: 24px; color:#aaaaaa; font-weight: 500;}


.dbSec { margin-bottom: 90px;}
.dbSec.flex {display: flex; gap:30px; gap:36px; margin-bottom: 90px;}
.dbSec .box {width: 100%;}
.dbSec .box .tbType1 .number {width:65px;}
.dbSec .box .tbType1 .name {width:75px;}
.dbSec .box .tbType1 .date {width:100px;}

.imgListType1 ul {display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.imgListType1 ul a {display: block;}
.imgListType1 ul a .img {display: block; height: 215px; border:1px solid #d2d2d2; border-radius:10px; margin-bottom: 20px; overflow:hidden;}
.imgListType1 ul a .img img {object-fit:cover; width: 100%; height: 100%;}
.imgListType1 ul a .txt {font-size: 20px; color:#1e1e1e; font-weight: 500;}

.tbType1 .replyTd {background: #f5f5f5; padding:25px 0;}
.tbType1 .replyTd .replyTdBox {display: flex; gap:20px; font-size: 16px; color:#888888;}
.tbType1 .replyTd .replyTdBox .info {display: flex;}
.tbType1 .replyTd .replyTdBox .info .nameBoard {width: 160px; }
.tbType1 .replyTd .replyTdBox .info .nameBoard span {padding-left: 18px; background:url('../images/ico_replyNext.png') left center / 8px auto no-repeat;}
.tbType1 .replyTd .replyTdBox .info .dateBoard {width: 150px;}
.tbType1 .replyTd .replyTdBox .titBoard {font-size: 18px; color:#1b1b1b; text-align: left;}

.myCard {max-width:1000px; margin:0 auto;}
.myCard .box{ display: flex; margin-bottom: 30px; border:1px solid #dcdcdc; border-radius:15px; padding:64px 0 64px 47px; }
.myCard .box .info {display: flex; gap:34px; width: 100%; align-items: center; border-right: 1px solid #dcdcdc;}
.myCard .box .info .img {width:194px; height: 194px; display: flex; align-items: center; justify-content: center;  padding:15px;}
.myCard .box .info .img img {width: 100%;}
.myCard .box .info .img .disabled {background: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; color:#c9c9c9;}
.myCard .box .info .img:has(.disabled) {background: #f5f5f5; border:2px solid #dfdfdf; }
.myCard .box .info .text .area {font-size: 22px; color:#008d15; font-weight: 500; margin-bottom: 15px;}
.myCard .box .info .text .name {font-size: 30px; color:#1e1e1e; font-weight: 600; margin-bottom: 15px;}
.myCard .box .info .text .etc {font-size: 18px; color:#aaaaaa; }
.myCard .box .info .text .etc .warn {color:#f05a77}
.myCard .box .btn { min-width:330px;  display: flex; align-items: center; justify-content: center; }
.myCard .box .btn a {width: 220px;}

.myWrap .formBox .formTable .line .td .txt {color:#313131;}


.popup {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; display: none;}
.popup .dim{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,.4);}
.popup .in{position: fixed; left:50%; transform:translate(-50%,-50%); top:50%;  z-index:20; }
.popup .in .btnClose {position: absolute; right:0; top:-40px; background: url('../images/ico_close_pop.png') center no-repeat; width: 26px; height: 26px; text-indent:-999em; }
.popup .in .inBox{width: 610px;  z-index:20; background: #fff; max-height:90vh; overflow-y:auto; padding:60px 34px; }
.popup .in .inBox .tit01 { font-size: 24px; color:#1b1b1b;  font-weight: 700; margin-bottom: 10px; text-align: center; }
.popup .in .inBox .tit01 span {color:#2daf40;}
.popup .in .inBox .tit02 {font-size: 18px; color:#313131; text-align: center;}
.popup .in .inBox .checkTit {font-size: 22px; color:#0ea624; text-align: center; padding-top: 60px; margin-top: 28px; background:url('../images/ico_check_green.png') center top no-repeat;}
.popup .in .inBox .btn {text-align: center; margin:28px 0; }
.popup .in .inBox .tbBox {padding-top: 10px; border:none; margin-bottom: 0;}
.popup .in .inBox .tbBox .tr {border:none; }
.popup .in .inBox .tbBox .tr .td {padding:7px 0;}
.popup .in .inBox .tbBox .tr.block {display: block; }
.popup .in .inBox .tbBox .tr .th {width: auto;min-width:96px; padding:0; font-size: 16px; min-height: auto; display: block; font-weight: 400;}
.popup .in .inBox .tbBox .tr.block .th {}
.popup .in .inBox .tbBox .tr.files .th {padding-top: 23px;}
.popup .in .inBox .tbBox .tr.files .td {width: 100%;}
.popup .in .inBox .tbBox .fileWrap { width: 100%;}
.popup .in .inBox .tbBox .fileWrap .fileBox {display: block; width: 100%;}
.popup .in .inBox .tbBox .fileWrap .fileBox .fileInput {width: 100%;}
.popup .in .inBox .tbBox .fileWrap .fileName {margin-left: 0; margin-top: 10px;}
.popup .in .inBox .tbBox .fileWrap .fileText {width:calc(100% - 170px);}
.popup .in .inBox .lastEtc {text-align: center;  font-size: 16px; color:#c9c9c9; margin:30px 0;}
.popup .in .inBox .lastEtc span {color:#0ea624;}


.myWrap .eventWrite .tbBox .th {display: flex; align-items:  flex-start; justify-content: center; text-align: left; padding-left: 10px;}

.pointInfo {display: flex; align-items: center; border-top: 2px solid #3a3a3a; margin-bottom: 70px; border-bottom: 1px solid #e6e6e6;}
.pointInfo .th {text-align: center; min-width:233px; padding:15px 0; background: #eeeeee; font-size: 16px; font-weight: 700; color:#434343;   }
.pointInfo .td {padding:15px 0 15px 28px; font-size: 16px;  color:#434343;   }

.policyWrap .policyText { font-size: 18px; color:#434343;}
.policyWrap .policyText strong {font-weight:700; display: block; margin-top: 30px; margin-bottom: -20px;}


.link_coop a {display: block; padding:100px 0; text-align: center; border:1px solid #ccc; border-radius:4px;}

.introWrap .grayBox {font-size: 18px; color:#313131; padding:30px; background: #f6f6f6; border:1px solid #dcdcdc; margin-bottom: 60px;}
.introWrap .policy {font-size: 20px; color:#000; padding-top: 60px; border-top: 1px solid #eeeeee;}
.introWrap .policy .last{font-size:16px; color:#aaaaaa; }


.historyBox .line {display: flex; gap:25px;}
.historyBox .line .year {min-width:234px;border-bottom: 3px solid #2cae3f; color:#2cae3f; min-height: 112px; padding-top: 30px; font-size: 30px; line-height: 30px; }
.historyBox .line:first-child .year { border-top: 3px solid #2cae3f; }
.historyBox .line:last-child .year { border-bottom:none;}
.historyBox .line .text { flex:1; border-top: 1px solid #e2e2e2;}
.historyBox .line .text ul li {border-bottom: 1px solid #e2e2e2; display: flex; height: 80px; font-size: 20px;   line-height: 20px;  }
.historyBox .line .text ul li:first-child {border-top: none;}
.historyBox .line .text ul li .month {min-width:118px; padding-top: 30px;  padding-left: 25px; color:#313131; font-family: 'S-CoreDream'; font-weight: 600;}
.historyBox .line .text ul li .txt {padding-top: 30px;  color:#898989; }
.historyBox .line.mb .text {padding-bottom: 30px;}

@media all and (max-width:1280px) {


	::-webkit-input-placeholder {font-size: 14px;  }

	.mob {display: block;}
	.pc {display: none;}


	.head {position: fixed; top:0; width: 100%; z-index: 100; background: #fff;}
	.head .member { display: none; }
	.head .member .inner{display: flex; align-items: center; justify-content: flex-end; height: 30px; gap:30px; width: 100%;}
	.head .member a {font-size:14px; color:#5F5F5F; font-size: 14px; }
	.head .headCont {border:none;}
	.head .headCont .h1Logo {text-align: left;padding:12px; border-bottom: 1px solid #CDCDCD; height: 58px;}
	.head .headCont .h1Logo img {width:139px;}
	.head .headCont .gnbWrap {position: fixed; left:0; top:58px; display:none; height:calc(100svh - 58px); overflow-y:auto; background: #fff; width: 100%; z-index: 300;}
	.head .headCont .gnbWrap > ul {display: block; max-width:1400px; margin:0 auto; position: relative; padding:20px 30px;}
	.head .headCont .gnbWrap > ul > li {flex:1; margin-bottom: 20px; width: 100%; }
	.head .headCont .gnbWrap > ul > li > a {border:1px solid #CDCDCD; font-size: 20px; color:#1E1E1E;  height: 60px; display: flex; justify-content: flex-start; align-items: center;}


	.head .headCont .gnbWrap > ul > li > a {border-radius:4px; display: flex; width: 100%; height: 50px;  font-weight: 600; font-family: 'S-CoreDream'; align-items: center;	 padding-left:16px; position: relative; font-size: 16px; color:#1E1E1E; border:1px solid #CDCDCD}
	.head .headCont .gnbWrap > ul > li > a:after {content:''; position: absolute; right:20px; top:50%; margin-top:-5px; background:url('../images/ico_arrow_gray.svg') center no-repeat;  width:5px; height:10px;}
	.head .headCont .gnbWrap > ul > li.active > a { color:#fff; background: #2DAF40; border:none;}
	.head .headCont .gnbWrap > ul > li.active > a:after { background:url('../images/ico_arrow_white.svg') center no-repeat;}


	.head .headCont .gnbWrap > ul > li .subGnb {position: static;  width: 100%; border-top:none;   margin-left:0; background: #fff; display: none; z-index: 100; }
	.head .headCont .gnbWrap > ul > li.active .subGnb {display: block;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner {max-width:1400px; margin:0 auto; display: block; gap:50px; padding:0;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner:after {display: none;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner .leftTit {display: none; }
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box {flex:1; display:block; grid-template-columns:repeat(3,1fr); padding:0;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a { width: 100%; height: 48px; align-items: center;	 padding-left:16px; position: relative; font-size: 16px; color:#1E1E1E; border:none}
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a:after {display: none;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a:hover { color:#1E1E1E; background: #ffff; }
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .subTit a:hover:after { background:url('../images/ico_arrow_white.svg') center no-repeat;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul {padding:20px; background:rgba(246,250,247,1); }
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li { margin-bottom:16px;  }
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li:last-child {margin-bottom: 0;}
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li a { position: relative; padding-left:10px; margin-bottom:16px;font-size: 14px; color:#1E1E1E; font-weight: 500; }
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li a:after {content:''; position: absolute; left:0; top:50%; width: 3px; height: 3px; border-radius:10px; background: #2DAF40; }
	.head .headCont .gnbWrap > ul > li .subGnb .inner .box .grid ul li a:hover {color:#3A3A3A;}
	.head .btnMemu button {position: absolute; right:0; top:0; width:58px;height: 58px;background:url('../images/btn_menu.svg') center no-repeat; border:none;}
	.head.gnbOpen .btnMemu button {background:url('../images/btn_close.svg') center no-repeat;}
	.head .btnMy a {text-indent:-999em;position: absolute; right:58px; top:0; width:58px;height: 58px;background:url('../images/ico_member_b.svg') center no-repeat;  border:none; border-left: 1px solid #CDCDCD;}


	.container {padding-top: 58px;}

	.mainSec {overflow:hidden;}
	.mainSlideWrap { position: relative;margin-bottom:30px; height: 420px;}
	.mainSlideWrap .txtBox {position: absolute; top:140px; width: 100%; z-index: 10; text-align: center; color:#fff; }
	.mainSlideWrap .txtBox .tit { font-size:16px;}
	.mainSlideWrap .txtBox .txt {margin-top:18px; font-size:24px; font-weight: 600; font-family: 'S-CoreDream'; }
	.mainSlideWrap .mainSlide {position: absolute; left:50%; transform:translateX(-50%); top:0; width: 100%; height: 100%; }
	.mainSlideWrap .mainSlide .inSlide{  overflow:hidden; height: 100%; }
	.mainSlideWrap .mainSlide .img {height: 100%;}
	.mainSlideWrap .mainSlide img {width: 100%; height: 100%; object-fit:cover;}
	.mainSlideWrap .controler {margin-top: 50px; }
	.mainSlideWrap .controler .count {display: flex; justify-content: center; align-items: center;  gap:16px;}
	.mainSlideWrap .controler .count span {color:#fff; font-size: 14px; font-weight: 700;}
	.mainSlideWrap .controler .count span.current {opacity:1;}
	.mainSlideWrap .controler .count .swiper-pagination {opacity:1; width:130px; height: 2px; background: rgba(255,255,255,.5); position: relative;}
	.mainSlideWrap .controler .count .swiper-pagination span {background: #fff;}


	.mainSlideWrap .bgRound {position: absolute; left:50%; margin-left:-120px; bottom:0; width: 240px; height: 43px; background:url('../images/round.png') center no-repeat; background-size:240px auto; padding-top: 9px; z-index: 50;}
	.mainSlideWrap .bgRound .mouse { position: relative; width:16px; height: 27px;background-size:16px auto; margin:0 auto;}
	.mainSlideWrap .bgRound .mouse .ball {position: absolute; left:50%; margin-left:-1px; top:4px; background-size:2px auto;  width: 2px; height:9px;  animation: updown 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;   }

	@keyframes updown {
		0% {
			transform:translateY(0);
		}
		50% {
			transform:translateY(6px);
		}

		100% {
			transform:translateY(0);
		}
	}

	.pressWrap {margin-bottom: 40px;}
	.pressWrap .innerBox {  background: linear-gradient(to bottom right, #2DAF40, #00822B); width: 100%; margin:0 auto; border-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; padding:30px 0;}
	.pressWrap .innerBox .inBox {position: relative; padding:0;}
	.pressWrap .innerBox .inBox .title {font-size: 18px; color:#fff;  font-weight: 600; font-family: 'S-CoreDream'; padding-bottom: 12px; margin: 0 25px 20px; border-bottom: 1px solid #CDCDCD;}
	.pressWrap .innerBox .inBox .more {position: absolute; right:25px; top:5px; }
	.pressWrap .innerBox .inBox .more a {font-size: 13px; color:#fff; padding-right: 15px; position: relative; background-size:5px auto;}
	.pressWrap .innerBox .inBox .list { width: 100%;}
	.pressWrap .innerBox .inBox .list .swiper-slide {width:290px; }
	.pressWrap .innerBox .inBox .list .swiper-slide a {display: block; padding:20px;  height: 132px; width:295px; }
	.pressWrap .innerBox .inBox .list .swiper-slide a .tit {height: 48px; margin-bottom: 30px; font-size: 16px; font-weight: 700; color:#1E1E1E; }
	.pressWrap .innerBox .inBox .list .swiper-slide a .date {font-size:13px; color:#5F5F5F;display: block; }


	.subSlide .controlMore{display: flex; gap:12px}
	.subSlide .controlMore a {height: 48px; width: 48px; border-radius:100px; text-indent:-999em;}
	.subSlide .controlMore a.arrow {border:1px solid #CDCDCD; display: none;}
	.subSlide .controlMore a.more {background-size:18px auto;}

	.mainGal {margin-bottom: 40px;}
	.mainGal .titWrap {display: flex; justify-content: space-between;  align-items: flex-start; margin-bottom: 20px;padding:0 20px;}
	.mainGal .titWrap .txt {display: block;gap:33px;}
	.mainGal .titWrap .txt .tit01 {font-size: 18px; margin-bottom: 6px; font-weight: 600; font-family: 'S-CoreDream'; color:#1E1E1E;}
	.mainGal .titWrap .txt .tit02 {font-size: 14px;  color:#5F5F5F;}

	.prdSlide {position: relative;}
	.prdSlide .slides {overflow:hidden;}
	.prdSlide .swiper-wrapper {padding:0 0 20px 0;}
	.prdSlide .swiper-slide {width: 295px; height: auto;box-shadow:4px 4px 20px rgba(154,166,148,.15); border-radius:15px; overflow:hidden; }
	.prdSlide .text {background: #fff; padding:20px;}
	.prdSlide .text .tit{font-size: 16px; font-weight: 700; color:#1E1E1E; height: 50px; }
	.prdSlide .text .date{font-size: 13px;  color:#5F5F5F;}

	.cardNews {margin-bottom: 40px;}
	.cardNews .prdIn {position: relative; width: 100%; margin:0 auto;  background: url('../images/bg_card_m.png') center no-repeat; width: 100%; height: auto; padding:40px 0; background-size:100% auto;}
	.cardNews .prdIn:after {display: none; }
	.cardNews .prdIn .inBox {position: relative; z-index: 1; display: block; }
	.cardNews .prdIn .inBox .titWrap {display: flex; flex-direction:row; justify-content: space-between; padding:0 20px; margin-bottom: 20px;}
	.cardNews .prdIn .inBox .titWrap .txt .tit01 {font-size: 18px;  font-weight: 600; font-family: 'S-CoreDream'; color:#fff; margin-bottom: 15px;}
	.cardNews .prdIn .inBox .titWrap .txt .tit02 {font-size: 14px; font-weight: 500; }

	.cardNews .prdSlide {width: 100%;}
	.cardNews .prdSlide .swiper-wrapper{padding:0;}
	.cardNews .prdSlide .swiper-slide {width: 295px; height: 295px;box-shadow:none; border-radius:5px; overflow:hidden; }
	.cardNews .prdSlide .swiper-slide img {width: 100%; height: 100%; object-fit:cover;}

	.mainLinks {margin-bottom: 60px; padding:0 20px;}
	.mainLinks ul {display: block; gap:40px;}
	.mainLinks ul li {flex:1; margin-bottom: 20px; }
	.mainLinks ul li a {height: 98px; padding:23px 20px; display: flex; justify-content: space-between; align-items: center;  border-radius:15px; box-shadow:4px 4px 20px rgba(154,166,148,.15);}
	.mainLinks ul li a img {width: 58px;}
	.mainLinks ul li a .tit01 {font-weight: 600; font-family: 'S-CoreDream'; color:#1E1E1E; font-size:16px; line-height: 16px; margin-bottom:10px; }
	.mainLinks ul li a .tit02 { color:#5F5F5F; font-size: 13px;  }
	.mainLinks ul li a .tit02 span {padding-right: 15px; background:url('../images/ico_arrow_gray.svg') right center no-repeat; background-size:5px auto;}

	.footer {background: #2B2C2F; padding:20px 20 40px; text-align: center;}
	.footer .inner {position: relative;}
	.footer .link {display: flex; justify-content: center; gap:30px; margin-bottom: 30px;}
	.footer .link a {font-size: 12px; color:#fff; font-weight:500;}
	.footer .link a.bold {color:#E69E02;}
	.footer .addr {font-size: 13px; color:#fff; text-align: center;}
	.footer .addr .info {text-align: center; display: flex; gap:5px; flex-wrap:wrap; justify-content: center;}
	.footer .addr  p {margin-bottom: 5px;}
	.footer .addr .info span {position: relative; padding-right: 10px; margin-right: 10px;}
	.footer .addr .info span:after {content:''; position: absolute; right:-2px; top:5px; width: 1px; height: 10px; background: #CDCDCD;}
	.footer .addr .info span:nth-child(2) {padding-right: 0; margin-right: 0;}
	.footer .addr .info span:nth-child(2):after {display: none;}
	.footer .addr .info span:last-child {padding-right: 0; margin-right: 0;}
	.footer .addr .info span:last-child:after {display: none;}
	.footer .copy {font-size: 13px; color:#5F5F5F; margin-top: 8px;}
	.footer .btnTop {position: static; text-align: center; margin-top: 30px; } 
	.footer .btnTop img {width: 58px;}

	.lnb {border-bottom:1px solid #cdcdcd; padding:10px 0;}
	.lnb .inner {display: flex; align-items: center; gap:30px; font-size: 14px; line-height: 16px; color:#1e1e1e; font-weight: 600;}
	.lnb .inner .ico_home {text-indent:-999em; width:14px; height: 14px; background:url('../images/ico_home_m.png') center / 14px auto no-repeat;}
	.lnb .inner span {position: relative;}
	.lnb .inner span:after {content:''; position: absolute; left:-15px; top:50%; width: 1px; height: 12px; margin-top:-6px; background: #cdcdcd;}
	.lnb .inner em {margin-left: -20px; padding-left: 20px; font-weight: 700;}
	.lnb .inner em:after {content:''; position: absolute; left:0; top:50%; width: 6px; height: 10px; margin-top:-5px; background-size:6px auto;}

	.subSec {margin:30px 0 70px;}

	.h2Wrap {text-align: center; margin-bottom: 30px;}
	.h2Wrap h2 {font-size: 24px; color:#1e1e1e; font-family: 'S-CoreDream';  font-weight:700;}
	.h2Wrap .subH2 {margin-top: 15px;}
	.subH2 {font-size: 15px; color:#313131; text-align: center;}
	.subH2 strong { font-weight:700;}
	.h2Wrap.border h2 {padding-bottom: 15px; line-height: 24px;}
	.h2Wrap.border h2:after{height: 3px; width:40px; margin-left:-20px; }

	.loginWrap {max-width:525px; margin:0 auto;}
	.loginWrap .line {margin-bottom: 15px;}
	.loginWrap .line .ico_id {padding-left: 32px; background:url('../images/ico_id_m.png') 11px center no-repeat; background-size:12px auto;}
	.loginWrap .line .ico_pw {padding-left: 32px; background:url('../images/ico_pw_m.png') 11px center no-repeat; background-size:12px auto;}
	.loginWrap .line .btnType1 {width: 100%;}
	.loginWrap .etcLogin {display: flex; padding-left: 0; justify-content: space-between;  align-items: center;}
	.loginWrap .etcLogin .idpw a {font-size: 14px; color:#c9c9c9; }
	.loginWrap .etcLogin .idpw a:first-child {margin-right: 20px; position: relative;}
	.loginWrap .etcLogin .idpw a:first-child:after {content:'';  position: absolute; right:-10px; top:50%; margin-top:-5px; width: 1px; height: 10px; background: #c9c9c9;}
	.loginWrap .joinInfo {text-align: center; padding-top: 25px; margin-top: 25px; border-top: 1px solid #dcdcdc;}
	.loginWrap .joinInfo .tit {font-size: 16px; color:#000000; margin-bottom: 20px;}
	.loginWrap .joinInfo .tit strong {font-weight: 500;}
	.loginWrap .joinInfo .btnType1 {width: 100%;}


	.ipType1 {height:45px; padding-left:15px;}
	.ipType1.mini {height: 40px;}

	.btnType1 {display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color:#fff; background: #0c9620; border-radius:5px; min-width:140px; padding:0 12px; height: 45px; }
	.btnType1.white {background: #fff; border:1px solid #7dc788; color:#0c9620;}
	.btnType1.line {background: #fff; border:1px solid #aaaaaa; color:#aaaaaa;}
	.btnType1.mini {height: 40px;}
	.btnType1.mini3 {min-width:200px; height: 40px; }


	.checkLable {display: flex;}
	.checkLable input {position: absolute; visibility: hidden; }
	.checkLable label {font-size: 14px; line-height: 14px; color:#313131; padding:5px 0 5px 32px; position: relative;}
	.checkLable label:after {content:''; position: absolute; left:0; top:50%; margin-top:-12px; width: 22px; height: 22px; border:1px solid #bebebe; border-radius:100px; background-size:10px auto !important;}

	.radioType1 {display: flex;}
	.radioType1 input {position: absolute; visibility: hidden; }
	.radioType1 label {font-size: 14px; line-height: 14px; color:#313131; padding:5px 0 5px 25px; position: relative;}
	.radioType1 label:after {content:''; position: absolute; left:0; top:50%; margin-top:-10px; width: 18px; height: 18px; border:1px solid #bebebe; border-radius:100px;}
	.radioType1 input:checked + label:before {content:''; position: absolute; left:6px; top:50%; margin-top:-4px; background:#0c9620; width: 8px; height:8px; border-radius:100px;}

	.inner.marginBig {margin:50px auto 90px;}
	.snsLogin { margin-top: 55px;}
	.snsLogin .box {margin-bottom: 12px;}
	.snsLogin .box a {display: flex; align-items: center; justify-content: center; height: 45px; border:1px solid #e3e3e3; padding-left: 45px; font-size: 16px; color:#313131; font-weight: 500; position: relative;}
	.snsLogin .box a:after {content:''; position: absolute; left:0; top:0; height: 100%; width: 45px; background: #f9e000 url('../images/ico_kakao.png') center no-repeat; background-size:25px auto;}
	.snsLogin .box a.pass:after {background: #ff3a4a url('../images/ico_pass.png') center no-repeat;   background-size:25px auto;}

	.completeBox { text-align: center;padding-top: 160px !important; background-size:120px auto !important;}
	.completeBox.big {margin:100px 0 130px;  }
	.completeBox .btn {margin-top:60px;}
	.completeBox .txt {font-size: 16px; color:#313131; text-align: center; margin-bottom: 40px;}
	.completeBox .subH2 {font-size: 18px; }


	.joinWrap {max-width:1100px; margin:0 auto; }
	.stepList ul {display: flex; flex-wrap:wrap; align-items: center; justify-content: center; gap:15px 10px;  margin:0 -20px 40px;}
	.stepList ul li {position: relative; display: flex; align-items: center; justify-content: center; height:30px; border:1px solid #ececec; border-radius:100px; width: 60px; font-size: 10px; color:#999;}
	.stepList ul li:after {content:''; position: absolute; right:-9px; top:50%; margin-top:-6px; width:4px; height: 12px; background:url('../images/ico_step.png') center no-repeat; background-size:4px auto !important;}
	.stepList ul li.active {color:#0c9620; border-color:#0c9620;}
	.stepList ul li.active:after {background:url('../images/ico_step_on.png') center no-repeat;}
	.stepList ul li:last-child:after {display: none;}

	.agreeWrap .agreeBox {margin-bottom: 45px;}
	.agreeWrap .agreeBox.mb0 {margin-bottom: 0;}
	.agreeWrap .agreeBox .tit {font-size: 16px; font-weight: 700; color:#313131; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #313131;}
	.agreeWrap .agreeBox .agreeText {font-size: 14px; color:#aaaaaa; padding:15px; border:1px solid #e3e3e3; margin-bottom: 25px; min-height:140px; max-height:180px; overflow-y:auto;}
	.agreeWrap .agreeBox .agreeCheck {display: flex; align-items: center; justify-content: space-between; gap:10px;}
	.agreeWrap .agreeBox .agreeCheck .info {font-size: 13px; color:#313131; }
	.agreeWrap .agreeBox .agreeCheck .checkList {display: flex; gap:10px; min-width:172px;}
	.agreeWrap .btnCenter {padding-top:40px; margin-top:25px; border-top: 1px solid #dcdcdc;}
	.btnCenter {display: flex; align-items: center; justify-content: center; gap:10px;}

	.join_auth {max-width:520px; margin:70px auto 0;}


	.joinTeacher {max-width:950px; margin:0 auto;text-align: center;}
	.joinTeacher .authTit {font-size: 16px; color:#313131; margin-bottom: 35px;}
	.joinTeacher .fileBox .dropzone {border-radius:10px; border:2px dashed #dcdcdc; height: 200px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center;  cursor:pointer; background: #fff; width: 100%;}
	.joinTeacher .fileBox .dropzone button {font-size: 16px; color:#b5b5b5; display: block;  border:none;padding:50px 20px 0; word-break:keep-all;  background-size:35px auto;}
	.joinTeacher .fileBox #dropzone-preview {display: flex; gap:20px;}
	.joinTeacher .fileBox #dropzone-preview li { font-size: 14px; font-size: 14px; color:#313131; display: flex; align-items: center;}
	.joinTeacher .fileBox #dropzone-preview li .name {padding:5px 0 5px 30px; background:url('../images/ico_img.png') left center no-repeat;  background-size:20px;}
	.joinTeacher .fileBox #dropzone-preview li .delete {width: 14px; height: 13px; background:url('../images/ico_delete.png') left center no-repeat; text-indent:-999em; margin-left: 10px; border:none;}
	.joinTeacher .btnCenter {margin-top: 30px;}

	.joinSchool .schoolForm {max-width:930px; margin:40px auto;}
	.joinSchool .schoolForm .selectWrap {display: flex; gap:6px; margin-bottom: 10px;}
	.joinSchool .schoolForm .searchBox {display: flex; align-items: center; gap:6px;}
	.joinSchool .schoolForm .searchBox .tit {font-size: 12px; color:#313131; min-width:45px; }
	.joinSchool .schoolForm .searchBox .ipType1 {min-width:100px;}
	.joinSchool .schoolForm .searchBox .btnType1 {min-width:50px; width: 50px; padding:0;}
	.joinSchool .searchResult .tit { font-size: 16px; color:#313131; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #313131;}
	.joinSchool .searchResult .list {padding:15px; border:2px solid #ececec; height: 200px; overflow-y:auto;}
	.joinSchool .searchResult .list li {margin-bottom: 6px;}
	.joinSchool .searchResult .list li input {position: absolute; visibility: hidden;}
	.joinSchool .searchResult .list li label{font-size: 14px; color:#898989;}
	.joinSchool .searchResult .list li input:checked + label{color:#0c9620; text-decoration: underline;}
	.joinSchool .emptyResult {border-top:2px solid #313131; border-bottom: 1px solid #ececec; font-size: 14px; color:#b5b5b5; padding:10px 0; text-align: left; margin-top: 30px;}
	.joinSchool .btnCenter {margin-top: 30px;}

	.selType1 {padding:0 15px 0 15px; background:url('../images/ico_select.png') right 10px center no-repeat; background-size:10px auto; border:1px solid #dcdcdc; height: 45px; width: 100%; font-size: 14px; color:#333;}
	.selType1.mini {height: 40px;}

	.formBox .tit {font-size: 16px; line-height: 16px; color:#313131; font-weight: 700; padding-bottom: 15px; border-bottom: 2px solid #313131;}
	.formBox .formTable .line {display: block; margin-top: 10px;  border:none; }
	.formBox .formTable .line:first-child {margin-top: 0;}
	.formBox .formTable .line .th {padding:13px 0 13px 0; font-size: 16px; color:#000000; min-width:180px; }
	.formBox .formTable .line .th .req {color:#0c9620;}
	.formBox .formTable .line .td {padding:0; font-size: 14px; color:#898989; display: flex; align-items: center;}
	.formBox .formTable .line .td .txt {padding:10px 0; font-size: 16px;}
	.formBox .formTable .line .td .ipType1 {width:100%; vertical-align: top;}
	.formBox .formTable .line .td .size01 {width:100%;}
	.formBox .formTable .line .td .size02 {width:100%;}
	.formBox .formTable .line .td .btnType1 {min-width:110px; margin-left: 10px; padding:0 10px;}
	.formBox .formTable .line .td .emailBox {display: flex; align-items: center ; gap:5px; color:#313131;}
	.formBox .formTable .line .td .tdBox {margin-bottom:10px; display: flex; align-items: center;}
	.formBox .formTable .line .td .tdBox:last-child {margin-bottom: 0;}
	.formBox .formTable .line .td:has(.tdBox) {display: block;}
	.formBox .formTable .line .td:has(.radioBox) {display: block;}
	.formBox .formTable .line .td .radioBox {padding:5px 0;}
	.formBox .formTable .line .td .radioBox .radio {margin-bottom: 5px; display: flex; align-items: center; gap:30px;}
	.formBox .formTable .line .td .radioBox .etc {font-size: 14px; color:#c9c9c9;}
	.formBox .formTable .btnCenter {margin-top: 30px;}

	.idpwSearch .formBox {margin-bottom: 60px;}
	.idpwSearch .formBox .formTable .line .td {width: 100%; display: flex; gap:15px; align-items: center; padding-right: 10px;}
	.idpwSearch .formBox .formTable .line .td .ipType1 {width: 100%; height: 45px;}
	.idpwSearch .formBox .formTable .line .td .size01 {max-width: 100%;}
	.idpwSearch .formBox .formTable .line .td .count {font-size: 14px; color:#c9c9c9; white-space:nowrap;}
	.idpwSearch .formBox .formTable .line .td .btnType1 {margin-left: 0; height: 45px;}
	.idpwSearch .formBox .formTable .btnCenter {margin-top: 30px;}

	.markTit {position: relative; text-align: center; max-width:745px; margin:50px auto; font-size: 18px; color:#1e1e1e; padding:0 30px;}
	.markTit:after {content:''; position: absolute; left:0; top:-10px; width: 23px; height: 40px; background-size:23px auto;}
	.markTit:before {content:''; position: absolute; right:0; top:-10px; width: 23px; height: 40px;background-size:23px auto;}
	.markTit strong {font-weight: 700;}
	.markTit span {color:#2daf40;}
	.markTit.type2 {font-size: 16px; text-align: left; width: 100%; word-break:break-all;}
	.docList ul li {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee;}
	.docList ul li:last-child {border-bottom:none;}
	.docList ul li .tit {font-size: 16px; color:#1e1e1e; font-weight: 500; margin-bottom: 15px; position: relative; padding-left: 10px;}
	.docList ul li .tit:after {content:''; position: absolute; left:0; top:50%; width: 2px; height: 2px; background: #43b754; border-radius:10px; margin-top:-1px;}
	.docList ul li .txt {font-size: 14px; color:#666666; }

	.docList ul li .tit2 {font-size: 16px; color:#1e1e1e; font-weight: 500; margin-bottom: 15px;}
	.docList ul li .txt2 {font-size: 14px; color:#666666;   position: relative; padding-left: 10px; margin-bottom: 5px;}
	.docList ul li .txt2:after {content:''; position: absolute; left:0; top:9px; width: 4px; height: 4px; background: #43b754; border-radius:10px; }

	.tabType1 { display: flex;  align-items: center; width: 100%; margin-bottom: 30px;  }
	.tabType1 li{flex:1;height:100%; margin-left: -1px;}
	.tabType1 li,.tab_elem{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;font-weight:400;cursor:pointer;box-sizing:border-box;border:0;gap:6px; width: 100%; color:#1e1e1e; height: 45px;}
	.tabType1.border_top li .tab_elem{color:#5E666E;border:1px solid #b3b3b3;border-bottom-color:#008d15; border-bottom-width:1px;}
	.tabType1.border_top li:nth-child(n+2) .tab_elem{margin-left:-1px}
	.tabType1.border_top li .tab_elem.active{color:#008d15; border:1px solid #008d15;border-bottom:0;background-color:#fff;container-type:inline-size;font-weight:500;position:relative}
	.tabType1.number2 li .tab_elem {font-size: 16px;}

	.organ {margin-top: 35px; padding:30px 10px; border:1px solid #b3b3b3; text-align: center;}

	.uiArea .sec.first {margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;}
	.uiArea .sec .tit {font-size: 16px; color:#313131; font-weight: 700; margin-bottom: 15px;}
	.uiArea .sec .txt {font-size: 14px; color:#313131; }
	.uiArea .sec .img {background: #000; margin:25px 0; border:1px solid #dcdcdc; height: 150px; background: #f6f6f6; display: flex; align-items: center; justify-content: center; padding:0 20px}
	.uiArea .sec.side {display: block; justify-content: space-between;}
	.uiArea .sec.side .color {display: block; align-items: center;justify-content: flex-start; margin-top: 20px;}
	.uiArea .sec.side .color .box {display: flex; align-items: center; gap:20px; width: 100%; margin-bottom: 20px; }
	.uiArea .sec.side .color .box:last-child {width: auto;}
	.uiArea .sec.side .color .box .bg {width: 57px; height: 57px; border:1px solid #dcdcdc;}
	.uiArea .sec.side .color .box.no1 .bg {background: #b4c63c;}
	.uiArea .sec.side .color .box.no2 .bg {background: #6dae98;}
	.uiArea .sec.side .color .box.no3 .bg {background: #000000;}
	.uiArea .sec.side .color .box .info {font-size: 16px; color:#313131;}
	.uiArea .sec.side .color .box .info1 {font-weight: 700; margin-bottom:5px;}

	.btnRight {text-align: right;}

	.btnType2 {height: 40px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color:#fff; font-weight: 700; border-radius:4px; background: #acacac; width: 160px; }
	.btnType2 .ico_down {padding-right: 20px; background-size:13px auto;}
	.btnType2.green {background: #2daf40;}

	.mentWrap {}
	.mentWrap .list {margin-top: 50px;}
	.mentWrap .list ul {display:block;}
	.mentWrap .list ul li {margin-bottom: 30px;}
	.mentWrap .list ul .num {font-size: 22px; color:#2daf40; font-weight: 600; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #1e1e1e; font-family: 'S-CoreDream';}
	.mentWrap .list ul .txt {font-size: 16px; color:#666666; word-break:keep-all;}

	.greeting .imgBox {display: block;  gap:110px;}
	.greeting .imgBox .img {text-align: center; padding:0 20px;}
	.greeting .imgBox .img img {width: 100%;}
	.greeting .imgBox .text {margin-top: 30px;}
	.greeting .imgBox .text .tit {position: relative; margin-bottom: 30px; font-size: 17px; color:#000000; }
	.greeting .imgBox .text .tit:after {content:''; position: absolute; left:-40px; top:-10px; width: 23px; height: 30px; background-size:23px auto;  z-index: -1;}
	.greeting .imgBox .text .tit strong {font-weight: 500;}
	.greeting .imgBox .text .tit span {color:#2daf40;}
	.greeting .imgBox .text .box {font-size: 14px; line-height:1.6; color:#000000; margin-bottom: 20px; color:#313131;}
	.greeting .imgBox .text .box strong {font-weight: 500;}
	.greeting .imgBox .text .box p {padding-left: 9px; position: relative;}
	.greeting .imgBox .text .box p:after {content:''; position: absolute; left:2px; top:12px; width: 2px; height: 2px; border-radius:10px; background: #2daf40;}

	.ruleWrap .sec {margin-bottom: 24px;}
	.ruleWrap .sec .tit {cursor:pointer; font-size:15px; color:#313131; text-align: center; border-top: 2px solid #313131; border-bottom: 1px solid #dcdcdc; padding:10px 5px;}
	.ruleWrap .sec .text { padding:15px; display: none; font-size: 14px; }
	.ruleWrap .sec.notice .text { border:2px solid #ececec; padding:10px; display: block; margin-top: 15px;}
	.ruleWrap .sec.active .text {display: block;}

	.searchWrap {display: flex; justify-content: flex-end;  margin-bottom:20px; }
	.searchWrap .rightArea {display: flex; align-items: center;overflow:hidden; border-radius:100px; border:1px solid #d4d4d4; background: #f6f6f6; padding:5px;}
	.searchWrap .rightArea .selType1 {min-width: 80px; height:37px; margin-right: -1px; border:none;}
	.searchWrap .rightArea .ipType1 {width: 100%; height:37px; margin-right: -1px; border:none; background: #f6f6f6;}
	.searchWrap .rightArea .btn {text-indent:-999em;min-width:35px; height:35px; background:url('../images/ico_search_img.png') center no-repeat; background-size:35px;; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 14px; }

	.brochureWrap .list {margin-top: 40px;}
	.brochureWrap .list .sec{display: block;  position: relative; margin-bottom: 30px;}
	.brochureWrap .list .sec:after {display: none;}
	.brochureWrap .list .sec .box {display: block; flex:1; width: 100%; gap:70px; position: relative; z-index: 1; margin-bottom: 70px;}
	.brochureWrap .list .sec .box .img {width: 253px; height:368px; overflow:hidden; border-radius:10px; margin:0 auto 20px;}
	.brochureWrap .list .sec .box .img img {width: 100%; height:100%; object-fit:cover;}
	.brochureWrap .list .sec .box .info {position: relative; flex:1; max-width:100%;}
	.brochureWrap .list .sec .box .info .text .tit {padding-top: 10px; font-size: 20px; color:#1e1e1e; font-weight: 600;  font-family: 'S-CoreDream'; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #313131;;}
	.brochureWrap .list .sec .box .info .text .date {font-size: 16px; color:#aaaaaa; font-weight: 500; margin-bottom: 30px;}
	.brochureWrap .list .sec .box .info .btnType2 {position: static; left:0; bottom:0; width: 100%;}

	.paging {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
	.paging .num {margin:0 10px;}
	.paging .num a.active {background: #2daf40; color:#fff;}
	.paging a {width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color:#1b1b1b;}
	.paging a.arrow {text-indent:-999em; border:1px solid #bbbbbb;}
	.paging a.arrow.prev {background: url('../images/ico_arrow_left.svg') center no-repeat; background-size:9px auto;}
	.paging a.arrow.next {background: url('../images/ico_arrow_right.svg') center no-repeat; background-size:9px auto;}

	.locationWrap .map .wrap_map {height: 300px !important;}
	.locationWrap .infoLoca {border:1px solid #efefef; padding:0 18px;}
	.locationWrap .infoLoca .sec {padding:20px 0; border-bottom: 1px solid #dcdcdc; display: block; }
	.locationWrap .infoLoca .sec:last-child {border-bottom: none;} 
	.locationWrap .infoLoca .sec .tit {min-width:128px; font-weight: 700; color:#313131; font-size:16px ; margin-bottom: 15px;}
	.locationWrap .infoLoca .sec .numList {display: flex; gap:10px 15px;  flex-wrap:wrap;}
	.locationWrap .infoLoca .sec .numList li {display: flex; align-items: center; gap:9px; font-size: 14px; color:#313131;}
	.locationWrap .infoLoca .sec .numList li .num {display: inline-flex; align-items: center; min-width:20px; height: 20px; border-radius:100px; font-size: 13px; color:#fff; font-weight: 700; justify-content: center; padding:0 7px; line-height: 12px;}


	.locationWrap .infoLoca .sec .numList.white li .num { border:1px solid #323232;  color:#313131;  padding:0;}
	.locationWrap .infoLoca .sec .bus li {gap:9px; margin-bottom: 13px; flex-wrap:wrap; font-size: 14px; color:#313131; display: block; margin-bottom: 15px;}
	.locationWrap .infoLoca .sec .bus li:last-child {margin-bottom: 0;}
	.locationWrap .infoLoca .sec .bus li .name {margin-top: 10px;}
	.locationWrap .infoLoca .sec .bus li .num { display: inline-flex; align-items: center; min-width:36px; height: 20px; border-radius:100px; font-size: 13px; color:#fff; font-weight: 700; justify-content: center; padding:0 7px; line-height: 12px;}

	.tabType2 {display: flex; flex-wrap:wrap; gap:15px 10px; justify-content: center; align-items: center; margin-bottom: 35px;}
	.tabType2 li a {width: 134px; height: 41px; display: flex; align-items: center; justify-content: center; background: #eeeeee; border-radius:100px; font-size: 15px; color:#1e1e1e; overflow:hidden; font-weight: 500;}
	.tabType2 li a.active {background: url('../images/bg_tab.png') center no-repeat; background-size:100% 100%; font-weight: 500; color:#fff;}

	.tbType1 table {width: 100%;}
	.tbType1 table thead {border-top: 2px solid #3a3a3a;}
	.tbType1 table thead th {font-size: 15px; color:#434343; font-weight: 500; text-align: center;  border-bottom: 1px solid #e6e6e6; padding:12px 0; width:80px;}
	.tbType1 table thead th.tit {width: auto;}
	.tbType1 table tbody td {font-size: 13px; color:#888888; text-align: center;  border-bottom: 1px solid #e6e6e6;;  padding:12px 0;}
	.tbType1 table tbody td.tit {text-align: left; padding-left: 10px;}
	.tbType1 table tbody td .new {position: relative; top:-2px; display: inline-flex; width: 18px; height: 18px; background:url('../images/ico_new_m.png') center no-repeat; background-size:18px auto; vertical-align: middle; margin-left: 5px;}
	
	.mob_hidden {display: none !important;}

	.viewType1 {margin-bottom: 30px;}
	.viewType1 .top {border-top: 2px solid #3a3a3a;}
	.viewType1 .top .line {padding:15px 0; border-bottom: 1px solid #e8e8e8;}
	.viewType1 .top .line.double{display: flex;}
	.viewType1 .top .line.double .box {flex:1; width: 50%;}
	.viewType1 .top .line .box {display: flex;}
	.viewType1 .top .line .box .tit {min-width:70px; text-align: center; font-size: 14px; color:#434343; font-weight: 700;}
	.viewType1 .top .line .box .text {font-size: 14px; color:#888888;}
	.viewType1 .top .line .box .text.bold { color:#1b1b1b;}
	.viewType1 .top .line .box .text.green a { color:#1aa12e;}
	.viewType1 .bottomText {font-size: 14px; color:#888888; padding:20px 15px; border-bottom: 1px solid #e8e8e8;  min-height:200px;}

	.replyWrap {margin:40px -20px 0; border-top: 1px solid #e8e8e8;}
	.replyWrap .replyBox .replyBase{padding:20px 15px; font-size: 15px;  border-bottom:1px solid #d9d9d9;}
	.replyWrap .replyBox .replyBase.replyArea {padding-left: 45px; position: relative;}
	.replyWrap .replyBox .replyBase.replyArea:after {content:''; position: absolute; left:17px; top:25px; background-size:13px auto ;width: 13px; height: 13px;}
	.replyWrap .replyBox .replyBase .info {display: flex; align-items: center; margin-bottom: 20px;}
	.replyWrap .replyBox .replyBase .info .name {color:#000;}
	.replyWrap .replyBox .replyBase .info .date {color:#b5b5b5; padding-left: 30px; position: relative;}
	.replyWrap .replyBox .replyBase .info .date:after {content:''; position: absolute; left:15px; top:50%; width: 3px; height: 3px; background: #b5b5b5; border-radius:10px;}
	.replyWrap .replyBox .replyBase .text  {color:#1b1b1b; margin-bottom: 20px;}
	.replyWrap .replyBox .replyBase .btns {display: flex; align-items: center; gap:10px;}
	.replyWrap .replyBox .replyBase .btns a {font-size: 15px; color:#b5b5b5;}
	.replyWrap .replyBox .replyWrite {position: relative;border-bottom:1px solid #d9d9d9; gap:15px; padding:10px 20px; background: #f5f5f5;}
	.replyWrap .replyBox .replyWrite:after {display: none;}
	.replyWrap .replyBox .replyWrite textarea {width: 100%;background: #fff; border:1px solid #d9d9d9; border-radius:100px; height: 40px; resize:vertical; padding:5px 10px;}
	.replyWrap .replyBox .replyWrite .upload {text-indent:-999em; min-width:40px; min-height:40px; text-align: center;  border:none; border-radius:100px; display: flex; background:#d2d2d2 url('../images/ico_reply.png') center no-repeat; background-size:20px auto;}

	.photoList ul {display:block;}
	.photoList ul li {  border-bottom:none; margin-bottom: 25px; }
    .photoList ul li .img {border: 1px solid #d2d2d2; border-radius: 5px; height: auto; aspect-ratio: 1 / 1; overflow: hidden;}
	.photoList ul li .img img {object-fit:cover; height:100%;}
	.photoList ul li .text {padding:10px 15px 10px 10px; position: relative; background-size:8px auto; }
	.photoList ul li .text .tit {font-size: 16px; color:#1e1e1e; font-weight: 500; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
	.photoList ul li .text .txt {font-size: 13px; color:#c9c9c9;}
	.photoList ul li .title {font-size: 16px; margin-top: 10px;}


	.cardList ul {display:grid; grid-template-columns:repeat(2,1fr); gap:15px;}
	.cardList ul li {  }
	.cardList ul li .img{border:1px solid #d2d2d2; border-radius:5px; overflow:hidden; height: auto; aspect-ratio: 1 / 1;}
	.cardList ul li .img img {object-fit:cover; height:100%;}

	.cardSlide {margin: 10px 0; position: relative;  overflow:hidden;}
	.cardSlide .swiper-slide {width: 100%; height: auto; display: flex; align-items: center; justify-content: center;}
	.cardSlide .swiper-slide img {width: 100%; transition:.3s all;}
	.cardSlide .swiper-slide.swiper-slide-active { }
	.cardSlide .swiper-slide.swiper-slide-active img{width: 100%; }
	.cardSlide .btns {display: none;}
	.cardSlide .swiper-pagination {position: static; display: flex; justify-content: center; gap:10px; margin-top: 30px;}
	.cardSlide .swiper-pagination span {width: 7px; height: 7px; border-radius:50px; background: #dcdcdc;}
	.cardSlide .swiper-pagination span.swiper-pagination-bullet-active {background: #1aa12e;}

	.viewType2 .top {display: block; gap:45px; margin-bottom: 60px;}
	.viewType2 .top .img {border:1px solid #b3b3b3; min-width: 100%; width: 100%; height: auto; margin-bottom: 40px;}
	.viewType2 .top .btnRight {margin-top: 10px;}
	.viewType2 .top .btnRight a {width: 100%;}
	.viewType2 .bottom .descBox {border:1px solid #dcdcdc; padding:10px; font-size: 16px; color:#aaaaaa; min-height:380px;}


	.tbBox {border-top: 2px solid #3a3a3a;}
	.tbBox .tr {display: flex; border-bottom: 1px solid #e6e6e6;}
	.tbBox .tr .th {min-width:100px; font-size: 14px; line-height: 18px; color:#434343; font-weight: 700;  padding:0; min-height:45px; display: block; padding-top: 13px; flex-direction:column; justify-content: center;}
	.tbBox .tr .th .info {color:#c9c9c9; font-weight: 400; margin-top:5px; display: inline-block; margin-left: 10px;}
	.tbBox .tr .td {font-size: 14px; color:#888888;  padding:8px 0; display: flex; align-items: center; width: 100%;}
	.tbBox .tr .td .radio {display: flex; align-items: center; gap:10px;}
	.tbBox .tr .td textarea {width: 100%; border:1px solid #e8e8e8; height: 86px; resize:none;}
	.tbBox .tr.block {display: block;}

	.titBorder {font-size: 16px; line-height: 16px; font-weight: 700; color:#313131; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #313131;}
	.titBorder .more {top:0; width: 16px; height: 16px; background-size:14px auto;}


	.eventWrite .tbBox {margin-bottom: 35px;}
	.eventWrite .tbBox .tr {align-items: center;}
	.eventWrite .tbBox .tr .th {min-width:120px; padding:10px 0; }
	.eventWrite .tbBox .tr .th .info {display: block; margin:5px 0 0 0;}
	.eventWrite .tbBox .tr .td {min-height:56px; padding:10px 0; }
	.eventWrite .tbBox .tr .td .tdBox { margin-bottom: 10px; gap:10px; align-items: center;}
	.eventWrite .tbBox .tr .td .tdBox:last-child {margin-bottom: 0;}
	.eventWrite .tbBox .tr .td .ipType1 {height: 40px; width: 100%;}
	.eventWrite .tbBox .tr .td .size01 {width: 100%;}
	.eventWrite .tbBox .tr .td .btnType1 {min-width:120px;; height: 40px;}
	.eventWrite .tbBox .tr.block .th {padding-bottom: 10px; min-height:auto}
	.eventWrite .tbBox .tr.block .td {padding-top: 0;}
	.eventWrite .btnCenter a {width: 100%;}


	.unionJoin .top {text-align: center; margin-bottom:60px;}
	.unionJoin .top .tit01 {font-size: 20px; color:#1b1b1b; font-weight: 600; margin-bottom: 20px; }
	.unionJoin .top .tit01 strong {display: block; color:#1aa12e; font-weight: 600;}
	.unionJoin .top .tit02 {font-size: 14px; color:#aaaaaa;  margin-bottom: 20px; }
	.unionJoin .top .tit03 {font-size: 16px; color:#313131;  }
	.unionJoin .grayBox {background: #f4f4f4; padding:30px 5px; margin-bottom: 60px;}
	.unionJoin .unionList {display:block; }
	.unionJoin .unionList .box {background: #fff; border-radius:20px; border-bottom-left-radius:0; padding:25px 15px; box-shadow:5px 5px 15px 15px rgba(0,0,0,.03); margin-bottom: 30px;}
	.unionJoin .unionList .box:nth-child(2) {position: relative; top:0;}
	.unionJoin .unionList .box:nth-child(4) {position: relative; top:0;}
	.unionJoin .unionList .box .tit {font-size:18px; color:#1b1b1b;font-family: 'S-CoreDream';   font-weight: 600; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #1b1b1b;  }
	.unionJoin .unionList .box .tit strong{color:#1aa12e; font-weight: 600;}
	.unionJoin .unionList .box ul li {display: flex;  gap:5px; margin-bottom:15px;}
	.unionJoin .unionList .box ul li:last-child {margin-bottom: 0;}
	.unionJoin .unionList .box ul li .num {min-width:15px; font-size:15px; color:#1aa12e; font-weight: 700; }
	.unionJoin .unionList .box ul li .txt {font-size: 15px; color:#313131;}
	.unionJoin .unionList .box ul.dot li .txt {position: relative; padding-left: 12px; font-size: 14px; color:#313131;}
	.unionJoin .unionList .box ul.dot li .txt:after {content:''; position: absolute; left:2px; top:13px; width:3px; height: 3px; border-radius:10px; background: #1aa12e;}
	.unionJoin .unionList .box ul.dot li .txt strong {font-size:16px; color:#313131; font-weight: 600;}
	.unionJoin .unionList .box ul.dot li .txt .green {color:#1aa12e; font-size: 13px; }
	.unionJoin .unionList .box ul.dot li .txt .greenBox {color:#fff; background: #1aa12e; padding:0 3px;}
	.unionJoin .unionList .box ul.dot li .txt .big {font-size: 16px;}
	.unionJoin .unionList .box ul.dot li .txt br {display: none;}

	.tbBox.type1 {margin-bottom: 45px;}
	.tbBox.type1 .tr {align-items: center;}
	.tbBox.type1 .tr .th {min-width:80px;}
	.tbBox.type1 .tr .td {padding:14px 0; display: block;}
	.tbBox.type1 .tr .td .size01 {width: 100%;}
	.tbBox.type1 .tr .td .size02 {width: 100%;}
	.tbBox.type1 .tr .td .areaSelect {display: block; align-items: center; gap:10px;}
	.tbBox.type1 .tr .td .areaSelect .row {display: flex; align-items: center; gap:10px;}
	.tbBox.type1 .tr .td .areaSelect .row:first-child {margin-bottom: 10px;}
	.tbBox.type1 .tr .td .areaSelect .row select {width: 100%;}
	.tbBox.type1 .tr .td textarea.big {height:300px;}
	.tbBox.type1 .tr.block .th {min-height: auto;}

	input[type='date']{
		position: relative;
		background: url('../images/ico_cal_m.png') right 10px center no-repeat;     
		background-size:18px auto;
		
	}


	input[type="date"]::-webkit-clear-button,
	input[type="date"]::-webkit-inner-spin-button { 
		display: none;
	} 

	input[type='date']::-webkit-calendar-picker-indicator {
		position:absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		color: transparent;
		cursor:pointer;
	  }


	.fileWrap {}
	.fileWrap .info {font-size: 14px; margin-top: 5px; color:#c9c9c9; }
	.fileWrap .fileBox {position: relative;  display: flex; align-items: center; }
	.fileWrap .fileBox .fileName {display: none;}
	.fileWrap .fileText {width: calc(100% - 90px); height: 40px; border:1px solid #dcdcdc;  font-size: 14px; background: #fff; padding-left: 10px;}
	.fileWrap .fileInput{position: absolute; left:0; top:0; overflow: hidden; width: 100%; height: 40px; cursor:pointer; padding-right: 120px;}
	.fileWrap .fileInput .fileInputButton{width: 80px; height: 100%; position: absolute; right:0; top: 0px; background:#fff; color:#1aa12e; border:1px solid #1aa12e; border-radius:4px; font-size:14px; font-weight:700; }
	.fileWrap .fileInput .fileInputHidden{font-size: 45px;position: absolute;right: 0px;top: 0px;opacity: 0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; cursor:pointer;}


	.surveyList {margin-bottom: 30px;}
	.surveyList ul li {padding-bottom: 10px; margin-bottom: 15px; border-bottom:none;}
	.surveyList ul li .question {font-size:15px; color:#1b1b1b; margin-bottom: 15px;}
	.surveyList ul li .question strong {margin-right: 3px;}
	.surveyList ul li .answer .checkList {padding-left: 10px;}
	.surveyList ul li .answer .checkList .checkLable {margin-bottom: 10px;}
	.surveyList ul li .answer textarea {width: 100%; padding:15px; border:1px solid #e3e3e3; height: 80px;}
	.fileArea {display: block;}
	.fileArea .th {min-width:150px; padding-top: 10px; font-size: 15px; font-weight: 700; color:#313131; margin-bottom: 15px;}

	.listType2 ul {display:block;  }
	.listType2 ul li {border:1px solid #d2d2d2; border-radius:10px; padding:14px; display: flex; gap:16px;  margin-bottom: 20px;}
	.listType2 ul li .img {min-width:134px; width: 134px; height: 200px; border-radius:10px; overflow:hidden; background: #aaaaaa;}
	.listType2 ul li .img img {width: 100%; height: 100%; object-fit:cover;}
	.listType2 ul li .text {width: 100%; padding-top:15px; display: flex; flex-direction:column; justify-content: space-between;}
	.listType2 ul li .text .area {font-size: 16px; line-height: 22px; color:#008d15; font-weight: 500; margin-bottom: 10px;}
	.listType2 ul li .text .name {font-size: 18px; line-height: 30px; color:#1e1e1e; font-weight: 700; margin-bottom: 10px;}
	.listType2 ul li .text .op {font-size: 13px; color:#aaaaaa; font-weight: 500; margin-bottom: 20px;}
	.listType2 ul li .text .btnType1 {width: 100%; height: 40px; font-size: 16px; font-weight: 400; min-width:100%;}

	.fullGray {position: relative; margin-bottom: 40px;}
	.fullGray:after {content:''; position: absolute; left:50%; top:0; width: 1920px; margin-left:-960px; background: #f6f6f6; height: 100%; z-index: -1;}
	.fullGray .in {position: relative; padding:25px 0; display: flex; align-items: center; gap:20px; justify-content: center;}
	.fullGray .in .img {min-width:150px; height: 150px; border-radius:500px; overflow:hidden; width: 150px;}
	.fullGray .in .img img {width: 100%; height: 100%; object-fit:cover;}
	.fullGray .in .text .area {font-size: 16px; color:#008d15; font-weight: 500; margin-bottom: 5px;}
	.fullGray .in .text .name {font-size: 22px; color:#1e1e1e; font-weight: 700; margin-bottom: 10px;}
	.fullGray .in .text .op {font-size: 14px; color:#aaaaaa; font-weight: 500;}

	.dbSec { margin-bottom: 40px;}
	.dbSec.flex {display: block; gap:30px; gap:36px; margin-bottom: 0;}
	.dbSec .box {width: 100%; margin-bottom: 40px;}
	.dbSec .box .tbType1 .number {width:65px;}
	.dbSec .box .tbType1 .name {width:75px;}
	.dbSec .box .tbType1 .date {width:100px;}

	.imgListType1 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:20px 14px; }
	.imgListType1 ul a {display: block;}
	.imgListType1 ul a .img {display: block; height: 165px; border:1px solid #d2d2d2; border-radius:6px; margin-bottom: 10px; overflow:hidden;}
	.imgListType1 ul a .img img {object-fit:cover; width: 100%; height: 100%;}
	.imgListType1 ul a .txt {font-size: 14px; color:#1e1e1e; font-weight: 500;}

	.tbType1 .replyTd {background: #f5f5f5; padding:15px 10px;}
	.tbType1 .replyTd .replyTdBox {display: block; gap:20px; font-size: 13px; color:#888888;}
	.tbType1 .replyTd .replyTdBox .info {display: flex; justify-content: space-between; margin-bottom: 15px;}
	.tbType1 .replyTd .replyTdBox .info .nameBoard {width: auto; }
	.tbType1 .replyTd .replyTdBox .info .nameBoard span {padding-left: 15px; background:url('../images/ico_replyNext.png') left center / 8px auto no-repeat;}
	.tbType1 .replyTd .replyTdBox .info .dateBoard {width: auto;}
	.tbType1 .replyTd .replyTdBox .titBoard {font-size: 13px; color:#1b1b1b; text-align: left; padding:0 15px}
	
	
	.myCard {max-width:1000px; margin:0 auto;}
	.myCard .box{ display: block; margin-bottom: 30px; border:1px solid #dcdcdc; border-radius:10px; padding:20px; }
	.myCard .box .info {display: flex; gap:15px; width: 100%; align-items: center; border-right:none; margin-bottom: 20px;}
	.myCard .box .info .img {min-width:124px; height: 124px; display: flex; align-items: center; justify-content: center; padding:10px;}
	.myCard .box .info .img img {width: 100%;}
	.myCard .box .info .img .disabled {background: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; color:#c9c9c9;}
	.myCard .box .info .img:has(.disabled) {background: #f5f5f5;  border:2px solid #dfdfdf; }
	.myCard .box .info .text .area {font-size: 13px; color:#008d15; font-weight: 500; margin-bottom: 5px;}
	.myCard .box .info .text .name {font-size: 16px; color:#1e1e1e; font-weight: 600; margin-bottom: 10px;}
	.myCard .box .info .text .etc {font-size: 12px; color:#aaaaaa; }
	.myCard .box .info .text .etc .warn {color:#f05a77}
	.myCard .box .btn { min-width:100%;  display: flex; align-items: center; justify-content: center; }
	.myCard .box .btn a {width: 100%;}

	.popup {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; display: none;}
	.popup .dim{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,.4);}
	.popup .in{position: fixed; left:50%; transform:translate(-50%,-50%); top:50%;  z-index:20; }
	.popup .in .btnClose {position: absolute; right:0; top:-40px; background: url('../images/ico_close_pop.png') center no-repeat; width: 26px; height: 26px; text-indent:-999em; }
	.popup .in .inBox{width:90vw;  z-index:20; background: #fff; max-height:76vh; overflow-y:auto; padding:20px 15px; }
	.popup .in .inBox .tit01 { font-size: 18px; color:#1b1b1b;  font-weight: 700; margin-bottom: 10px; text-align: center; }
	.popup .in .inBox .tit01 span {color:#2daf40;}
	.popup .in .inBox .tit02 {font-size: 16px; color:#313131; text-align: center;}
	.popup .in .inBox .checkTit {font-size: 16px; color:#0ea624; text-align: center; padding-top: 40px; margin-top: 18px; background-size:35px auto;}
	.popup .in .inBox .btn {text-align: center; margin:18px 0; }
	.popup .in .inBox .tbBox {padding-top: 10px; border:none; margin-bottom: 0;}
	.popup .in .inBox .tbBox .tr {border:none; }
	.popup .in .inBox .tbBox .tr .td {padding:4px 0;}
	.popup .in .inBox .tbBox .tr.block {display: block; }
	.popup .in .inBox .tbBox .tr .th {width: auto;min-width:96px; padding:0; font-size: 16px; min-height: auto; display: block; font-weight: 400; }
	.popup .in .inBox .tbBox .tr.block .th {margin-bottom: 10px;}
	.popup .in .inBox .tbBox .tr.files .th {padding-top: 0;}
	.popup .in .inBox .tbBox .tr.files .td {width: 100%;}
	.popup .in .inBox .tbBox .fileWrap { width: 100%;}
	.popup .in .inBox .tbBox .fileWrap .fileBox {display: block; width: 100%;}
	.popup .in .inBox .tbBox .fileWrap .fileBox .fileInput {width: 100%;}
	.popup .in .inBox .tbBox .fileWrap .fileName {margin-left: 0; margin-top: 10px;}
	.popup .in .inBox .tbBox .fileWrap .fileText {width:calc(100% - 90px);}
	.popup .in .inBox .lastEtc {text-align: center;  font-size: 14px; color:#c9c9c9; margin:20px 0;}
	.popup .in .inBox .lastEtc span {color:#0ea624;}


	.pointInfo {display: flex; justify-content: space-between; border-top:none; margin-bottom: 10px; border-bottom:none}
	.pointInfo .th {text-align: center; min-width:0; padding:0; background:none; font-size: 16px; font-weight: 400; color:#434343;   }
	.pointInfo .td {padding:0; font-size:22px;  color:#434343; font-weight: 700;   }

	.policyWrap .policyText { font-size: 14px; color:#434343;}
	.policyWrap .policyText strong {font-weight:700; display: block; margin-top: 20px; margin-bottom: -20px;}

	.link_coop a {padding:50px;}

	.introWrap .grayBox {font-size: 14px; color:#313131; padding:15px; background: #f6f6f6; border:1px solid #dcdcdc; margin-bottom: 30px;}
	.introWrap .policy {font-size: 16px; color:#000; padding-top: 30px; border-top: 1px solid #eeeeee;}
	.introWrap .policy .last{font-size:14px; color:#aaaaaa; }

	.historyBox .line {display: block; gap:25px; padding-bottom: 20px;}
	.historyBox .line .year {min-width:234px;border-bottom: 2px solid #2cae3f; color:#2cae3f; min-height:0; padding:15px 0; font-size: 20px; line-height: 30px; }
	.historyBox .line:first-child .year { border-top:none; }
	.historyBox .line:last-child .year {border-bottom: 2px solid #2cae3f;}
	.historyBox .line .text { flex:1; border-top: 1px solid #e2e2e2;}
	.historyBox .line .text ul li {border-bottom: 1px solid #e2e2e2; display: flex; height: auto; padding:20px 0; font-size: 16px;   line-height: 20px;  }
	.historyBox .line .text ul li:first-child {border-top: none;}
	.historyBox .line .text ul li .month {min-width:80px; padding-top: 0;  padding-left: 10px; color:#313131; font-family: 'S-CoreDream'; font-weight: 600;}
	.historyBox .line .text ul li .txt {padding-top: 0;  color:#898989; }
	.historyBox .line.mb .text {padding-bottom: 20px;}

}