/*서브*/
@import url("reset.css");

#wrap {width:100%; min-width:320px; min-height:100vh; position:relative; overflow:hidden;}

header {width:100%; position:fixed; left:0; top:0; z-index:1000;}
header .header-wrap {width:90%; max-width:1600px; height:90px; margin:0 auto; display:table; position:relative;}
header .header-wrap > .inner {width:100%; display:table-cell; vertical-align:middle; font-size:0;}
header .header-wrap > .inner > * {display:inline-block; vertical-align:middle;}
header .header-wrap .logo {width:321px; height:35px; background-image:url(/img/com/logo.svg); background-size:cover; background-position:center; background-repeat:no-repeat;}
header .header-wrap .logo a {display:block; width:100%; height:100%; font-size:0;}
header .header-wrap .gnb-wrap {width:calc(100% - 621px);}
header .header-wrap .gnb-wrap ul {text-align:center; font-size:0;}
header .header-wrap .gnb-wrap ul li {display:inline-block; vertical-align:middle; margin-left:40px; position:relative;}
header .header-wrap .gnb-wrap ul li:before {content:""; width:100%; height:100%; padding:20px; border-radius:20px; background:#fff; -webkit-box-shadow:0px 3px 6px 0px rgba(22,38,42,0.16); -moz-box-shadow:0px 3px 6px 0px rgba(22,38,42,0.16); box-shadow:0px 3px 6px 0px rgba(22,38,42,0.16); position:absolute; left:-20px; top:-20px; z-index:0; display:none;}
header .header-wrap .gnb-wrap ul li:nth-child(1) {margin-left:0;}
header .header-wrap .gnb-wrap ul li > a {font-family: 'SEOULMILK'; font-size:16px; font-weight:700; color:#fff; position:relative; z-index:10;}
header .header-wrap .gnb-wrap ul li .snb {position:absolute; left:0; top:35px; z-index:10; display:none;}
header .header-wrap .gnb-wrap ul li .snb dl {width:100%;}
header .header-wrap .gnb-wrap ul li .snb dl dd {width:100%; margin-top:8px; text-align:left;}
header .header-wrap .gnb-wrap ul li .snb dl dd:nth-child(1) {margin-top:0;}
header .header-wrap .gnb-wrap ul li .snb dl dd a {display:block; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#666; font-weight:400;}
/* 241118 견학후기 가림 */
/* header .header-wrap .gnb-wrap ul li:nth-child(3):before {width:100px; height:114px;} */
header .header-wrap .gnb-wrap ul li:nth-child(3):before {width:100px; height:84px;}
header .header-wrap .gnb-wrap ul li:nth-child(3) .snb {width:100px;}
header .header-wrap .gnb-wrap ul li:hover > a,
header .header-wrap .gnb-wrap ul li .snb dl dd:hover a {color:#009554 !important;}
header .header-wrap .gnb-wrap ul li.active:before {display:block;}
header .header-wrap .gnb-wrap ul li.active > a {color:#202020 !important;}
header .header-wrap .site {width:300px; text-align:right; font-size:0;}
header .header-wrap .site .btn {display:inline-block; vertical-align:middle; margin-left:8px; height:36px; border-radius:18px; border:1px solid #fff; overflow:hidden;}
header .header-wrap .site .btn:nth-child(1) {margin-left:0;}
header .header-wrap .site .btn a {display:block; width:100%; height:100%; box-sizing:border-box; padding:0 15px; font-family: 'SEOULMILK'; font-size:14px; font-weight:700; color:#fff; line-height:34px; text-align:center;}
header .header-wrap .btn-gnb {width:22px; height:18px; position:relative; cursor:pointer; display:none; z-index:1001;}
header .header-wrap .btn-gnb:before, header .header-wrap .btn-gnb:after {content:""; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all .2s ease-in-out;}
header .header-wrap .btn-gnb:before {top:0;}
header .header-wrap .btn-gnb:after {bottom:0;}
header .header-wrap .btn-gnb i {width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
header .header-wrap .btn-gnb.active:before, header .header-wrap .btn-gnb.active:after, header .header-wrap .btn-gnb.active i {background:#fff !important;}
header .header-wrap .btn-gnb.active:before {top:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
header .header-wrap .btn-gnb.active:after {top:8px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
header .header-wrap .btn-gnb.active i {display:none;}
header .header-wrap .mo-gnb {width:90%; max-width:280px; height:100vh; position:fixed; right:0; top:0; z-index:1000; background:#009554; overflow:hidden; display:none;}
header .header-wrap .mo-gnb:before {content:""; width:100%; height:100%; background:url(/img/com/bg_gnb.svg) left bottom no-repeat; background-size:100% auto; position:absolute; left:-5%; bottom:10%; z-index:0;}
header .header-wrap .mo-gnb .mo-gnb-wrap {width:100%; padding:0 40px; -webkit-transform:translateY(150px); -moz-transform:translateY(150px); transform:translateY(150px);}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li {width:100%; margin-top:30px;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li:nth-child(1) {margin-top:0;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li > a {display:block; width:100%; font-family: 'SEOULMILK'; font-size:18px; color:#fff; font-weight:700;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li span {position:relative; font-family: 'SEOULMILK'; font-size:18px; color:#fff; font-weight:700; cursor:pointer;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li span:after {content:""; width:8px; height:8px; box-sizing:border-box; border:solid #fff; border-width:0 2px 2px 0; position:absolute; right:-20px; top:calc(50% - 2px); -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); transition:all .25s ease-in-out;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li.active span:after {top:calc(50% + 1px); -webkit-transform:translateY(-50%) rotate(225deg); -moz-transform:translateY(-50%) rotate(225deg); transform:translateY(-50%) rotate(225deg);}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li .snb {width:100%; margin-top:15px; display:none;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li .snb dl dd {width:100%; margin-top:10px;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li .snb dl dd:nth-child(1) {margin-top:0;}
header .header-wrap .mo-gnb .mo-gnb-wrap ul li .snb dl dd a {display:block; font-size:16px; color:#fff;}
header .header-wrap .mo-gnb .mo-site {width:100%; padding:0 40px; position:absolute; left:0; bottom:15%;}
header .header-wrap .mo-gnb .mo-site ul li {width:100%; margin-top:10px;}
header .header-wrap .mo-gnb .mo-site ul li:nth-child(1) {margin-top:0;}
header .header-wrap .mo-gnb .mo-site ul li .btn {display:inline-block; vertical-align:middle; margin-left:8px; height:36px; border-radius:18px; border:1px solid #fff; overflow:hidden;}
header .header-wrap .mo-gnb .mo-site ul li .btn:nth-child(1) {margin-left:0;}
header .header-wrap .mo-gnb .mo-site ul li .btn a {display:block; width:100%; height:100%; box-sizing:border-box; padding:0 15px; font-family: 'SEOULMILK'; font-size:14px; font-weight:700; color:#fff; line-height:34px; text-align:center;}

header.fix {background:#fff;}
header.fix:before {content:""; width:100%; height:1px; border-top:1px solid #e4e4e4; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:0; display:none;}
header.fix .header-wrap .logo {background-image:url(/img/com/logo_on.svg);}
header.fix .header-wrap .gnb-wrap ul li > a {color:#202020;}
header.fix .header-wrap .site .btn {border-color:#202020;}
header.fix .header-wrap .site .btn a {color:#202020;}
header.fix .header-wrap .btn-gnb:before, header.fix .header-wrap .btn-gnb:after, header.fix .header-wrap .btn-gnb i {background:#000;}

header.on {background:#fff;}
header.on:before {content:""; width:100%; height:1px; border-top:1px solid #e4e4e4; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:0; display:block;}
header.on .header-wrap .logo {background-image:url(/img/com/logo_on.svg);}
header.on .header-wrap .gnb-wrap ul li > a {color:#202020;}
header.on .header-wrap .site .btn {border-color:#202020;}
header.on .header-wrap .site .btn a {color:#202020;}
header.on .header-wrap .btn-gnb:before, header.on .header-wrap .btn-gnb:after, header.on .header-wrap .btn-gnb i {background:#000;}


footer {width:100%; background:#fff; padding:60px 0;}
footer > .inner {width:90%; max-width:1600px; margin:0 auto; font-size:0; position:relative;}
footer > .inner > * {display:inline-block; vertical-align:top;}
footer .logo {width:189px; height:31px; background:url(/img/com/logo_b.svg) left center no-repeat; background-size:auto 100%;}
footer .footer-conts {width:calc(100% - 379px); padding:0 100px; position:relative; z-index:5;}
footer .footer-conts .fnb {width:100%; font-size:0;}
footer .footer-conts .fnb li {display:inline-block; vertical-align:middle; margin-left:8px;}
footer .footer-conts .fnb li:nth-child(1) {margin-left:0;}
footer .footer-conts .fnb li a {font-size:16px; font-weight:700; color:#72BB6F;}
footer .footer-conts .info {width:100%; margin:15px 0;}
footer .footer-conts .info ul {width:100%; font-size:0; margin-top:-5px; margin-bottom:5px;}
footer .footer-conts .info ul:last-child {margin-bottom:0;}
footer .footer-conts .info ul li {display:inline-block; vertical-align:middle; margin-right:24px;position:relative; font-size:0; margin-top:5px;}
footer .footer-conts .info ul li:before {content:""; width:1px; height:50%; border-left:1px solid #CFCFCF; position:absolute; right:-12px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box;}
footer .footer-conts .info ul li:last-child {margin-right:0;}
footer .footer-conts .info ul li:last-child:before {display:none;}
footer .footer-conts .info ul li > * {display:inline-block; vertical-align:top; font-size:14px;}
footer .footer-conts .info ul li em {margin-right:8px;}
footer .footer-conts .info ul li span {color:#666;}
footer .footer-conts .copyright {font-size:14px; color:#cfcfcf;}
footer .family-site {width:190px; height:40px; border-radius:20px; background:#fff; border:1px solid #e4e4e4; position:absolute; right:0; top:0; cursor:pointer; z-index:10;}
footer .family-site:after {content:""; width:8px; height:8px; background:url(/img/com/arrow_b.svg) center no-repeat; background-size:100% auto; position:absolute; right:20px; top:15px;}
footer .family-site .current {width:100%; height:38px; display:table; padding:5px 15px;}
footer .family-site .current span {display:table-cell; vertical-align:middle; font-family: 'Poppins', sans-serif; font-size:16px;}
footer .family-site .site-list {width:100%; display:none;}
footer .family-site .site-list ul li {width:100%;}
footer .family-site .site-list ul li a {width:100%; color:#BDBDBD; font-size:14px; padding:5px 15px; box-sizing:border-box; display:block;}
footer .family-site.active {height:auto; padding-bottom:10px;}

.fadeUp {-webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); opacity:0; transition:transform 1s ease-in-out, opacity 1s ease-in-out;}
.fadeUp.on {-webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); opacity:1}
.delay-1 {transition-delay:0.1s;}
.delay-2 {transition-delay:0.2s;}
.delay-3 {transition-delay:0.3s;}
.delay-4 {transition-delay:0.4s;}
.delay-5 {transition-delay:0.5s;}
.delay-6 {transition-delay:0.6s;}
.delay-7 {transition-delay:0.7s;}
.delay-8 {transition-delay:0.8s;}
.delay-9 {transition-delay:0.9s;}
.delay-10 {transition-delay:1s;}

.button {display:inline-block; min-width:120px; height:44px; border-radius:22px; border:1px solid #009554; background:#fff; text-align:center; overflow:hidden;}
.button a {display:block; padding:0 15px; font-size:16px; line-height:42px; color:#009554;}
.button.long {min-width:176px;}
.button.fill {background:#009554;}
.button.fill a {color:#fff;}
.button.gray {background:#666; border-color:#666;}

.select-box {height:44px; border:1px solid #e4e4e4; background:#fff; position:relative;}
.select-box:before {content:""; width:8px; height:4px; background:url(/img/com/arrow.svg) center no-repeat; background-size:cover; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.select-box select {width:100%; height:100%; background:none; border:none; padding:0 10px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.select-box select::-ms-expand {display:none;}
.select-box.ty-2:before {width:0; height:0; border-top:6px solid #009554; border-left:5px solid transparent; border-right:5px solid transparent;}

.check {font-size:0; position:relative;}
.check > * {display:inline-block; vertical-align:middle;}
.check [type=checkbox] {width:0; height:0; position:absolute; left:0; top:0; opacity:0;}
.check [type=checkbox] + label {border-radius:50%; background:#fff; border:1px solid #e4e4e4; cursor:pointer; position:relative;}
.check [type=checkbox] + label:before {content:""; width:100%; height:100%; background:url(/img/conts/check.svg) center no-repeat; position:absolute; left:0; top:0;}
.check [type=checkbox]:checked + label {border-color:#009554; background:#009554;}
.check [type=checkbox]:checked + label:before {background-image:url(/img/conts/check_on.svg);}
.check p {margin-left:10px;}
.check.basic [type=checkbox] + label {width:24px; height:24px;}
.check.basic p {width:calc(100% - 36px); font-size:16px;}
.check.small [type=checkbox] + label {width:18px; height:18px;}
.check.small [type=checkbox] + label:before {background-size:auto 8px;}
.check.small p {width:calc(100% - 30px); font-size:14px;}
.check.small a {font-size:14px; color:#666;}
.check p em {color:#EE1621;}
.check p em.line {color: #666; text-decoration: underline; font-weight: bold;}

.radio {font-size:0; position:relative;}
.radio > * {display:inline-block; vertical-align:middle;}
.radio [type=radio] {width:0; height:0; position:absolute; left:0; top:0; opacity:0;}
.radio [type=radio] + label {width:18px; height:18px; border-radius:50%; box-sizing:border-box; border:1px solid #E4E4E4; background:#fff; position:relative; cursor:pointer;}
.radio [type=radio] + label:before {content:""; width:8px; height:8px; border-radius:50%; background:#e4e4e4; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.radio [type=radio]:checked + label {border-color:#009554; background:#009554;}
.radio [type=radio]:checked + label:before {background:#fff;}
.radio p {margin-left:8px; font-size:16px;}


body.fix {overflow:hidden;}
.dim {width:100%; height:100vh; background:rgba(0,0,0,0.85); position:fixed; left:0; top:0; z-index:999;}


.btn-top {width:60px; height:60px; background:#46B07A; position:fixed; right:20px; bottom:40px; cursor:pointer; display:none;}
.btn-top p {width:100%; padding-top:14px; font-size:14px; color:#fff; text-align:center; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.btn-top p:before {content:""; width:100%; height:10px; background:url(/img/com/top.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0;}
.btn-top.active {display:block;}

.modal-popup {width:90%; min-width:300px; max-width:1280px; height:80vh; max-height:640px; background:#fff; border-radius:8px; padding:0 40px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10000; display:none;}
.modal-popup > .inner {width:100%; height:100%; position:relative; display:none;}
.modal-popup .title {width:100%; height:100px; text-align:center; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #E4E4E4;}
.modal-popup .title h1 {font-family: 'SEOULMILK'; font-size:30px; font-weight:700;}
.modal-popup .close {width:24px; height:24px; background:url(/img/com/close.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:calc((100px - 24px) / 2); font-size:0; cursor:pointer;}
.modal-popup .popup-conts {width:100%; height:calc(100% - 100px); display:flex; flex-wrap:wrap; align-items:center; padding:60px 0;}
.modal-popup .popup-conts .conts-wrap {width:100%; position:relative;}
.modal-popup .popup-conts .slide-wrap {width:calc(100% - 120px); max-width:960px; margin:0 auto;}
.modal-popup .popup-conts .slide-wrap .slide-box {width:100%;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .img-box {width:48%; max-width:460px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .img-box span {display:block; width:100%; height:0; padding-bottom:calc(300 / 460 * 100%); position:relative; border-radius:8px; overflow:hidden;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .img-box span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box {width:52%; padding-left:80px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .tlt {font-family: 'SEOULMILK'; font-size:24px; font-weight:700; color:#009554; margin-bottom:20px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts {width:100%; max-height:400px; overflow-y:auto; font-size:18px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character {width:100%; margin-top:20px; display:flex; flex-wrap:wrap; align-items:center;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character > * {display:block;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character i {width:80px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character i img {max-width:100%; display:block;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character em {font-size:16px; font-weight:700; color:#72BB6F; width:calc(100% - 100px); margin-left:20px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character.ty-2 i {width:100px;}
.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character.ty-2 em {width:calc(100% - 120px);}
.modal-popup .popup-conts .slide-control span {width:50px; height:50px; border-radius:50%; background:#fff; border:1px solid #E4E4E4; box-sizing:border-box; position:absolute; top:calc(50% - 25px); transform:translateY(-50%); font-size:0; cursor:pointer;}
.modal-popup .popup-conts .slide-control span.prev {left:0;}
.modal-popup .popup-conts .slide-control span.next {right:0;}
.modal-popup .popup-conts .slide-control span:before {content:""; width:100%; height:100%; background:url(/img/com/slide_arrow.svg) center no-repeat; position:absolute; left:0; top:0;}
.modal-popup .popup-conts .slide-control span.next:before {transform:scaleX(-1);}
.modal-popup .popup-conts .slide-control span:hover {background:#009554; border-color:#009554;}
.modal-popup .popup-conts .slide-control span:hover:before {background-image:url(/img/com/slide_arrow_on.svg);}
.modal-popup .popup-conts .button-box {margin-top:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.modal-popup .popup-conts .button-box .button {margin-left:8px;}
.modal-popup .popup-conts .button-box .button:nth-child(1) {margin-left:0;}
.modal-popup .popup-conts .non-conts {width:100%; text-align:center;}
.modal-popup .popup-conts .non-conts > * {display:block; margin:0 auto;}
.modal-popup .popup-conts .non-conts i {width:160px;}
.modal-popup .popup-conts .non-conts i img {display:block; margin:0 auto; max-width:100%;}
.modal-popup .popup-conts .non-conts .conts {font-size:24px; font-weight:500; margin-top:30px;}

.modal-popup.active {display:block;}
.modal-popup.active > .inner.active {display:block;}

.modal-bg {width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:9999;}



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

	header .header-wrap .logo {width:275px; height:30px;}
	header .header-wrap .gnb-wrap {width:calc(100% - 545px);}
	header .header-wrap .gnb-wrap ul li {margin-left:30px;}
	header .header-wrap .gnb-wrap ul li:before {padding:15px; border-radius:15px; left:-15px; top:-15px;}
	header .header-wrap .gnb-wrap ul li > a {font-size:15px;}
	header .header-wrap .gnb-wrap ul li .snb {top:32px;}
	header .header-wrap .site {width:270px;}
	header .header-wrap .site .btn {height:32px;}
	header .header-wrap .site .btn a {padding:0 12px; font-size:13px; line-height:30px;}

	footer .logo {width:159px; height:26px;}
	footer .footer-conts {width:calc(100% - 349px); padding:0 30px;}

	.modal-popup {padding:0 30px; max-height:550px;}
	.modal-popup .title {height:80px;}
	.modal-popup .title h1 {font-size:24px;}
	.modal-popup .close {width:20px; height:20px; top:calc((80px - 20px) / 2);}
	.modal-popup .popup-conts {height:calc(100% - 80px); padding:40px 0;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box {padding-left:50px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character i {width:60px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character em {width:calc(100% - 80px);}

}


@media screen and (max-width: 1024px){

	header .header-wrap .gnb-wrap {display:none;}
	header .header-wrap .site {width:calc(100% - 317px); margin-right:20px;}
	header .header-wrap .btn-gnb {display:inline-block;}

	footer .logo {width:100%; height:31px;}
	footer .footer-conts {width:100%; padding:0; margin-top:20px;}

	.modal-popup {max-height:700px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .img-box {width:100%; max-width:300px; margin:0 auto; margin-bottom:20px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box {width:100%; padding-left:0; text-align:center;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character {justify-content:center;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character em {width:auto; margin-left:10px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character.ty-2 em {width:auto;}
	.modal-popup .popup-conts .button-box {margin-top:40px;}
	
	.modal-popup .popup-conts .non-conts i {width:120px;}
	.modal-popup .popup-conts .non-conts .conts {font-size:20px; margin-top:25px;}

}


@media screen and (max-width: 900px){}


@media screen and (max-width: 768px){

	header .header-wrap {height:80px;}
	header .header-wrap .logo {width:238px; height:26px;}
	header .header-wrap .site {display:none;}
	header .header-wrap .btn-gnb {position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

	footer .logo {height:28px;}
	footer .family-site {left:0; top:50px;}
	footer .footer-conts {margin-top:80px;}
	footer .footer-conts .fnb li a {font-size:15px;}
	footer .footer-conts .info ul li > * {font-size:13px;}
	footer .footer-conts .copyright {font-size:13px;}

	.button {height:42px; border-radius:20px; min-width:100px;}
	.button a {font-size:15px; line-height:40px;}
	.button.long {min-width:165px;}

	.select-box select {font-size:15px;}

	.check.basic p {font-size:15px;}
	.check.small p font-size:13px;}
	.check.small a {font-size:13px;}

	.radio p { font-size:15px;}

	.btn-top {width:50px; height:50px; right:15px; bottom:35px;}
	.btn-top p {padding-top:10px; font-size:12px;}
	.btn-top p:before {height:7px;}

	.modal-popup {padding:0 25px;}
	.modal-popup .title {height:60px;}
	.modal-popup .title h1 {font-size:20px;}
	.modal-popup .close {top:calc((60px - 20px) / 2);}
	.modal-popup .popup-conts {padding:30px 0;}
	.modal-popup .popup-conts .slide-wrap {width:calc(100% - 100px);}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .tlt {font-size:18px; margin-bottom:15px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts {font-size:16px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character i {width:50px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character em {font-size:14px;}
	.modal-popup .popup-conts .slide-control span {width:40px; height:40px;}
	.modal-popup .popup-conts .non-conts i {width:100px;}
	.modal-popup .popup-conts .non-conts .conts {font-size:17px; margin-top:20px;}

}


@media screen and (max-width: 600px){	

	footer .footer-conts .info ul li {width:100%;}
	footer .footer-conts .info ul li:before {display:none;}

}


@media screen and (max-width: 480px){

	

	header .header-wrap {height:70px;}
	header .header-wrap .logo {width:201px; height:22px;}
	header .header-wrap .mo-gnb .mo-gnb-wrap {padding:0 40px; -webkit-transform:translateY(130px); -moz-transform:translateY(130px); transform:translateY(130px);}
	header .header-wrap .mo-gnb .mo-gnb-wrap ul li {margin-top:25px;}

	footer {padding:50px 0;}
	footer .logo {height:28px;}
	footer .family-site {left:0; top:50px;}
	footer .footer-conts {margin-top:80px;}
	footer .footer-conts .fnb li a {font-size:15px;}
	footer .footer-conts .info ul li > * {font-size:13px;}
	footer .footer-conts .info ul li.addr em {width:27px;}
	footer .footer-conts .info ul li.addr span {width:calc(100% - 35px);}
	footer .footer-conts .copyright {font-size:13px;}
	footer .family-site {width:180px; height:36px; border-radius:18px;}
	footer .family-site:after {top:12px;}
	footer .family-site .current {height:34px;}
	footer .family-site .current span {font-size:15px;}
	footer .family-site .site-list ul li a {font-size:13px;}

	.button {height:38px; min-width:90px;}
	.button a {font-size:13px; line-height:36px; padding:0 10px;}
	.button.long {min-width:150px;}

	.select-box {height:40px;}
	.select-box select {padding:0 8px; font-size:13px;}

	.check p {margin-left:8px;}
	.check.basic [type=checkbox] + label {width:20px; height:20px;}
	.check.basic [type=checkbox] + label:before {background-size:auto 8px;}
	.check.basic p {width:calc(100% - 32px); font-size:13px;}
	.check.small [type=checkbox] + label {width:17px; height:17px;}
	.check.small [type=checkbox] + label:before {background-size:auto 7px;}
	.check.small p {width:calc(100% - 27px); font-size:12px;}
	.check.small a {font-size:13px;}

	.radio [type=radio] + label {width:16px; height:16px;}
	.radio [type=radio] + label:before {width:6px; height:6px;}
	.radio p {margin-left:5px; font-size:13px;}

	.btn-top {width:40px; height:40px; right:10px; bottom:30px;}
	.btn-top p {padding-top:9px; font-size:10px;}
	.btn-top p:before {height:7px;}

	.modal-popup {padding:0 10px; max-height:550px;}
	.modal-popup .title {height:50px;}
	.modal-popup .title h1 {font-size:16px;}
	.modal-popup .close {width:18px; height:18px; top:calc((50px - 18px) / 2);}
	.modal-popup .popup-conts {padding:20px 0;}
	.modal-popup .popup-conts .slide-wrap {width:calc(100% - 84px);}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .tlt {font-size:15px; margin-bottom:12px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts {font-size:13px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character i {width:40px;}
	.modal-popup .popup-conts .slide-wrap .slide-box .box-inner .conts-box .conts .character em {font-size:12px;}
	.modal-popup .popup-conts .slide-control span {width:32px; height:32px;}
	.modal-popup .popup-conts .button-box {margin-top:30px;}
	.modal-popup .popup-conts .button-box .button {width:calc((100% - 8px) / 2); min-width:auto;}

	.modal-popup .popup-conts .non-conts i {width:70px;}
	.modal-popup .popup-conts .non-conts .conts {font-size:15px; margin-top:15px;}

}




/* 20250107 팝업 */
/* sub pop */
.sub-popup {width: 95%; max-width: 465px; position:fixed; left:0; top:0; z-index:10001; background:#44ab64; padding:0 16px; box-shadow: 0 3px 24px rgba(0,0,0,0.3); display: none;}
.sub-popup.active {display:block;}
.sub-popup .popup-title {font-size: 28px; color: #fff; text-align: center; padding-top: 14px; margin-bottom: 30px; }
.sub-popup .cont-box {max-height:calc(100vh - 160px); overflow: auto;}
.sub-popup .popup-conts {background-color: #fff; border-radius: 16px; padding: 28px 24px; }
.sub-popup .popup-conts p {font-size: 16px; color: #666; line-height: 1.7; letter-spacing: -1.5px; }
.sub-popup .popup-conts p span.point {color: #FF3D00; font-weight: bold;}
.sub-popup .popup-conts p + p {margin-top: 1em;}
.sub-popup .popup-conts p.last {margin-top: 2em;}
.sub-popup .popup-bottom {width:100%; height:50px; display:flex; align-items:center;}
.sub-popup .popup-bottom ul {width:100%; display:flex; align-items:center; justify-content:flex-end; gap:0 24px;}
.sub-popup .popup-bottom ul li {font-size:16px; color:#fff;}
.sub-popup .popup-bottom ul li .chk {position:relative; display:flex; align-items:center;}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0;}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"] + label {cursor:pointer; padding-right:20px; position:relative;}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"] + label:before {content:""; width:12px; height:12px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-popup .popup-bottom ul li .chk input[type="checkbox"]:checked + label:after {content:""; width:3px; height:7px; border:solid #44ab64; border-width:0 2px 2px 0; position:absolute; right:3px; top:6px; transform:rotate(40deg);}
.sub-popup .popup-bottom ul li .popup-close2 {font-size:16px; color:#fff; position:relative; padding-right:20px;}
.sub-popup .popup-bottom ul li .popup-close2:after {content:""; width:12px; height:12px; background:url(/img/com/icon_x.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 480px) {
	.sub-popup {padding: 0 12px;}
	.sub-popup .popup-title {font-size: 24px;}
	.sub-popup .popup-conts {padding: 16px 18px;}
	.sub-popup .popup-conts p {font-size: 14px;}

	.sub-popup .popup-bottom {height:40px;}
	.sub-popup .popup-bottom ul {gap:0 16px;}
	.sub-popup .popup-bottom ul li {font-size:13px;}
	.sub-popup .popup-bottom ul li .popup-close2 {font-size:13px; padding-right:16px;}
	.sub-popup .popup-bottom ul li .chk input[type="checkbox"]:checked + label:after {top:4px;}
}

/* 240730 */
.period-popup.displaynone {display: none !important;}
.period-popup.displaynone.active {display: none !important;}
/* .period-popup {max-width: 640px;} */
.period-popup .popup-title {margin-bottom: 5px; padding-top: 5px;}
.period-popup .popup-title span {display: inline-block; vertical-align: middle;}
.period-popup .popup-title span img {max-width: 100%;}
.period-popup .popup-title span:first-child {margin-right: 7px;}

.sub-popup .popup-bottom ul li .popup-close3 {font-size:16px; color:#fff; position:relative; padding-right:20px;}
.sub-popup .popup-bottom ul li .popup-close3:after {content:""; width:12px; height:12px; background:url(/img/com/icon_x.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 480px){
	.period-popup .popup-title span:first-child {width: 60px;}
	.sub-popup .popup-bottom ul li .popup-close3 {font-size:13px; padding-right:16px;}
}

/* 250207 */
.sub-popup2 .cont-box {text-align: center; font-family: "Pretendard";}
.sub-popup2 .popup-title {font-weight: 700; font-family: 'SEOULMILK'; margin-bottom: 14px;}
.sub-popup2 .popup-conts p {letter-spacing: -0.5px;}
.sub-popup2 .popup-conts p.title {font-size: 20px;}
.sub-popup2 .popup-conts .info-box {width: 100%; border-radius: 16px; background: rgba(68,171,100,0.06); padding: 20px 16px; margin: 18px 0;}
.sub-popup2 .popup-conts .info-box p {color: #333; font-weight: 500;}
.sub-popup2 .popup-conts .info-box .info-tit {font-weight: 600;}
.sub-popup2 .popup-conts .info-box p + p {margin-top: 0.5em;}