@charset "UTF-8";
@import url(/assets/css/homepage/content_kkw.css);
@import url(/assets/css/homepage/content_syj.css);
/* ==============================
 * BRAND : 캐릭터소개
================================= */
#contents #cont:has(.charintro-wr) {padding-bottom:0}
.charintro-wr {}
.charintro-wr .img-box img {max-width:100%}
.charintro-wr .cnt1 {display:flex;gap:55px;margin-bottom:100px}
.charintro-wr .cnt1 .txt-box .tit {font-size:3.05em;color:#33383D;font-weight:700;line-height:1.2568;margin-bottom:50px}
.charintro-wr .cnt1 .txt-box .txt {font-size:1.22em;color:#1D1F22;line-height:1.6}
.charintro-wr .cnt2 {position:relative;padding-top:100px}
.charintro-wr .cnt2:before {content:"";position:absolute;left:50%;top:0;background-color:#428CCA;width:100vw;height:0;padding-top:53.85%;transform:translateX(-50%);z-index:-1}
.charintro-wr .cnt2 .cnt-tit {font-size:7.1em;font-family:"ivymode", sans-serif;color:#fff;font-weight:300;line-height:1;margin-bottom:70px}
.charintro-wr .cnt2 [data-aos^=fade][data-aos^=fade].aos-animate.cnt-tit {opacity:.3}
.charintro-wr .cnt2 .inr-cnt01 .tit {font-size:2.22em;font-weight:700;color:#fff}
.charintro-wr .cnt2 .inr-cnt01 .txt {font-size:1.22em;line-height:1.6;font-weight:300;color:#fff;margin-bottom:40px}
.charintro-wr .cnt2 .inr-cnt02 {margin-bottom:70px}
.charintro-wr .cnt2 .inr-cnt02 .list {padding:50px 0;border-bottom:1px solid #DADADA}
.charintro-wr .cnt2 .inr-cnt02 .list .tit {font-size:2.22em;font-weight:500;color:#1D1F22;margin-bottom:20px;line-height:1.25}
.charintro-wr .cnt2 .inr-cnt02 .list .txt {font-size:1.22em;line-height:1.6;font-weight:300;color:#1D1F22}
.charintro-wr .cnt2 .inr-cnt03 {display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:25px;row-gap:55px;column-gap:25px}
.charintro-wr .cnt2 .inr-cnt03 .item {position:relative;border-radius:30px;font-family:"SBAggroB";height:500px;padding:50px 40px;box-sizing:border-box}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) {background-color:#ADE5E4;color:#006D7D}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2) {background-color:#F5CDE5;color:#EC2775}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(3) {background-color:#C3E5FC;color:#0071C0}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(4) {background-color:#FFE27A;color:#DF7200}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(5) {background-color:#C9F895;color:#4C8E38}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) {background-color:#FFD8AA;color:#E97E00}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(7) {background-color:#A7CDFA;color:#00408C}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(8) {background-color:#FFBDD1;color:#D70000}
.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) {background-color:#A6DAEA;color:#027193}
.charintro-wr .cnt2 .inr-cnt03 .item .tit {display:block;font-size:2.77em}
.charintro-wr .cnt2 .inr-cnt03 .item .txt {font-size:1.22em;font-weight:300}
.charintro-wr .cnt2 .inr-cnt03 .item .charimg-box {position:absolute;left:0;right:0;bottom:-55px;text-align:center}
.charintro-wr .cnt3 {position:relative;padding:100px 0;margin-top:50px}
.charintro-wr .cnt3:before {content:"";position:absolute;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);background-color:#EFEFEF;z-index:-1}
.charintro-wr .cnt3 > div {position:relative;background-color:#fff;box-sizing:border-box;margin-bottom:10px}
.charintro-wr .cnt3 .tit {position:absolute;left:0;top:0;font-size:1.55em;color:#000;font-weight:700;width:180px;height:60px;background-color:#FCE01A;text-align:center;line-height:60px}
.charintro-wr .cnt3 > div .img-zoom img {max-width:100%}
@media all and (max-width:1299px) {
	.charintro-wr .cnt1 {flex-direction:column;text-align:center;align-items:center;margin:80px 0}
	.charintro-wr .cnt1 .txt-box .tit {font-size:2.55em}

	.charintro-wr .cnt2 {padding-top:80px}
	.charintro-wr .cnt2 .cnt-tit {margin-bottom:50px}
	.charintro-wr .cnt2 .inr-cnt03 .item .tit {font-size:2.22em}
	.charintro-wr .cnt2 .inr-cnt03 .item .txt {font-size:1em}
	
	.charintro-wr .cnt3 {padding:80px 0}
	.charintro-wr .cnt3 .tit {font-size:1.44em;width:160px;height:50px;line-height:50px}
}
@media all and (max-width:1024px) {
	.charintro-wr .cnt2:before {padding-top:64%}
	.charintro-wr .cnt2 .inr-cnt03 {grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr}
	.charintro-wr .cnt2 .inr-cnt03 .item {height:450px}
	.charintro-wr .cnt2 .inr-cnt03 .item[data-aos-delay="200"],
	.charintro-wr .cnt2 .inr-cnt03 .item[data-aos-delay="400"] {transition-delay:0s}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+2) {transition-delay:.2s}
	.charintro-wr .cnt2 .inr-cnt03 .item .tit {font-size:2em}
	.charintro-wr .cnt2 .inr-cnt03 .item .txt {font-size:1.11em;line-height:1.4}
}
@media all and (max-width:999px) {
	.charintro-wr .cnt1 {gap:40px}
	.charintro-wr .cnt1 .img-box {width:300px}
	.charintro-wr .cnt1 .txt-box .tit {font-size:2.22em}

	.charintro-wr .cnt2 {padding-top:70px}
	.charintro-wr .cnt2 .cnt-tit {font-size:6em;margin-bottom:40px}
	.charintro-wr .cnt2 .inr-cnt02 {margin-bottom:50px}
	.charintro-wr .cnt2 .inr-cnt02 .list {padding:40px 0}
	.charintro-wr .cnt2 .inr-cnt02 .list .tit {font-size:1.8em}
	.charintro-wr .cnt2 .inr-cnt03 .item .tit {font-size:2.22em}
	.charintro-wr .cnt2 .inr-cnt03 .item .txt {font-size:1.22em}

	.charintro-wr .cnt3 {padding:70px 0}
	.charintro-wr .cnt3 > div {padding-top:30px}
}
@media all and (max-width:768px) {
	.charintro-wr .cnt2 {padding-top:50px}
	.charintro-wr .cnt2:before {padding-top:0;height:450px}
	.charintro-wr .cnt2 .cnt-tit {margin-bottom:30px}
	.charintro-wr .cnt2 .inr-cnt02 {margin-bottom:40px}
	.charintro-wr .cnt2 .inr-cnt02 .list {padding:30px 0}

	.charintro-wr .cnt2 .inr-cnt03 {grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr;gap:25px;row-gap:35px;column-gap:25px;grid-auto-rows:auto;grid-auto-columns:auto}
	.charintro-wr .cnt2 .inr-cnt03 .item {height:auto;padding:30px 30px 40px;text-align:right}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) {grid-area:1/1/2/3}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2) {grid-area:2/1/3/2}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(3) {grid-area:2/2/3/3}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(4) {grid-area:3/1/4/2}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(5) {grid-area:3/2/4/3}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) {grid-area:4/1/5/3}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(7) {grid-area:5/1/6/2}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(8) {grid-area:5/2/6/3}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) {grid-area:6/1/7/3}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+2) {transition-delay:0s}

	.charintro-wr .cnt2 .inr-cnt03 .item .txt {font-size:.96em;padding-left:calc(100% - 120px)}
	.charintro-wr .cnt2 .inr-cnt03 .item .charimg-box {bottom:-40px;text-align:left}
	.charintro-wr .cnt2 .inr-cnt03 .item .charimg-box img {max-width:100%;width:200px;margin-left:-20px}

	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1),
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6),
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) {text-align:left}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) .txt,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) .txt,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) .txt {font-size:1em;padding-left:0;padding-right:calc(100% - 200px)}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) .charimg-box,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) .charimg-box,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) .charimg-box {text-align:right}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) .charimg-box img,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) .charimg-box img,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) .charimg-box img {width:270px}

	.charintro-wr .cnt3 {padding:50px 0}
	.charintro-wr .cnt3 .tit {font-size:1.33em;width:130px;height:35px;line-height:35px}
}
@media all and (max-width:599px) {
	.charintro-wr .cnt1 {margin:50px 0;gap:30px}
	.charintro-wr .cnt1 .img-box {width:250px}
	.charintro-wr .cnt1 .txt-box .tit {font-size:2em;margin-bottom:40px}
	.charintro-wr .cnt1 .txt-box .txt {text-align:left}

	.charintro-wr .cnt2 .cnt-tit {font-size:5em;margin-bottom:20px}
	.charintro-wr .cnt2 .inr-cnt01 .tit {font-size:2em}
	.charintro-wr .cnt2 .inr-cnt02 .list {padding:20px 0}
	.charintro-wr .cnt2 .inr-cnt02 .list .tit {font-size:1.66em;margin-bottom:10px}

	.charintro-wr .cnt2 .inr-cnt03 {grid-template-columns:1fr;grid-template-rows:repeat(9,1fr);row-gap:25px}
	.charintro-wr .cnt2 .inr-cnt03 .item {grid-area:auto !important;padding:20px 20px 40px;text-align:initial}
	.charintro-wr .cnt2 .inr-cnt03 .item .charimg-box {text-align:right}
	.charintro-wr .cnt2 .inr-cnt03 .item .charimg-box img {width:220px;margin-left:0;margin-right:-20px}
	.charintro-wr .cnt2 .inr-cnt03 .item .txt {font-size:1em;line-height:1.3;padding-left:0}
	
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1),
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6),
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) {text-align:initial}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) .txt,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) .txt,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) .txt {padding-right:0}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(1) .charimg-box img,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(6) .charimg-box img,
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(9) .charimg-box img {width:220px}

	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+2) {text-align:right}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+2) .charimg-box {text-align:left}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+2) .charimg-box img {margin-left:-20px}
}
@media all and (max-width:399px) {
	.charintro-wr .cnt1 {margin:40px 0}
	.charintro-wr .cnt1 .img-box {width:200px}
	.charintro-wr .cnt1 .txt-box .tit {font-size:1.8em;margin-bottom:30px}

	.charintro-wr .cnt2 {padding-top:40px}
	.charintro-wr .cnt2 .cnt-tit {font-size:4em}
	.charintro-wr .cnt2 .inr-cnt01 .tit {font-size:1.8em}
	.charintro-wr .cnt2 .inr-cnt01 .txt {margin-bottom:20px}
	
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+1) .txt {padding-right:135px}
	.charintro-wr .cnt2 .inr-cnt03 .item:nth-of-type(2n+2) .txt {padding-left:140px}
	.charintro-wr .cnt2 .inr-cnt03 .item .txt br {display:none}

	.charintro-wr .cnt3 {padding:40px 0}
	.charintro-wr .cnt3 .tit {font-size:1.22em;width:120px;height:30px;line-height:30px}
}

/* ==============================
 * BRAND : 오시는 길
================================= */
.location-wr {}
.location-wr .map-area {position:relative}
.location-wr .map-skip {position:absolute;left:0;visibility:hidden;width:100%}
.location-wr .map-skip:focus-visible {visibility:visible}
.location-wr .root_daum_roughmap {width:100%}
.location-wr .root_daum_roughmap .wrap_controllers {display:none}
.location-wr .root_daum_roughmap .map_border {display:none}
.location-wr #txt-map, .location-wr .transport-list {padding:55px 0}
.location-wr #txt-map {position:relative;display:flex;flex-direction:column;padding-left:32.85%;gap:60px;box-sizing:border-box}
.location-wr #txt-map:before, .location-wr #txt-map:after {content:"";display:block;position:absolute;background-size:contain;background-repeat:no-repeat;z-index:1;transition:all .8s ease-out}
.location-wr #txt-map:before {width:24.71%;height:450px;left:40px;bottom:50px;background-image:url(/images/homepage/Content/location_char01.png);background-position:left bottom}
.location-wr #txt-map:after {width:22.92%;height:294px;right:-150px;top:180px;background-image:url(/images/homepage/Content/location_char02.png);background-position:left top}
.location-wr #txt-map .txt-map-tit {font-size:2.22em;color:#1D1F22}
.location-wr #txt-map .address-list {display:flex;flex-direction:column;gap:10px}
.location-wr #txt-map .address-list li {position:relative;color:#555}
.location-wr #txt-map .address-list .tit {display:inline-block;width:117px;font-size:1.22em;font-weight:700;text-transform:uppercase;margin-right:40px;color:#33383D}
.location-wr #txt-map .bp-btn {position:absolute;right:0;top:55px}
.location-wr .transport-list {display:flex;justify-content:space-between;border-top:1px solid #DADADA;color:#777}
.location-wr .transport-list li {width:33.33%}
.location-wr .transport-list em {color:#555;font-weight:500;font-style:normal}
.location-wr .transport-list dt {font-size:1.11em;font-weight:700;font-style:normal;color:#33383D;margin-bottom:45px}
.location-wr .transport-list dd .stit {color:#555;font-weight:500}
@media all and (max-width:1699px) {
	.location-wr #txt-map:before {left:0}
	.location-wr #txt-map:after {right:0}
}
@media all and (max-width:1299px) {
	.location-wr .transport-list {flex-wrap:wrap}
	.location-wr .transport-list li {width:40%;margin-bottom:40px}
	.location-wr .transport-list li:last-of-type {margin-bottom:0}
	.location-wr .transport-list dt {margin-bottom:25px}
}
@media all and (max-width:999px) {
	.location-wr {margin-top:70px}
	.location-wr .root_daum_roughmap .wrap_map {height:350px !important}
	.location-wr #txt-map, .location-wr .transport-list {padding:45px 0}
	.location-wr #txt-map {gap:50px;padding-left:28.85%}
	.location-wr #txt-map .bp-btn {top:45px}
	.location-wr .transport-list li {width:45%}
	.location-wr .transport-list dt {margin-bottom:20px}
}
@media all and (max-width:768px) {
	.location-wr {margin-top:50px}
	.location-wr #txt-map, .location-wr .transport-list {padding:30px 0}
	.location-wr #txt-map {gap:30px;padding-left:28.85%}
	.location-wr #txt-map .txt-map-tit {font-size:2em}
	.location-wr #txt-map .address-list li {padding-left:100px}
	.location-wr #txt-map .address-list .tit {position:absolute;width:70px;left:0;top:0;margin-right:0}
	.location-wr #txt-map .bp-btn {top:30px}
	.location-wr .transport-list li {width:100%;margin-bottom:30px}
	.location-wr .transport-list dt {margin-bottom:10px}
}
@media all and (max-width:599px) {
	.location-wr {margin-top:30px}
	.location-wr .root_daum_roughmap .wrap_map {height:250px !important}
	.location-wr #txt-map, .location-wr .transport-list {padding:20px 0}
	.location-wr #txt-map {gap:20px;padding-bottom:80px;padding-left:28.85%}
	.location-wr #txt-map:before {bottom:70px}
	.location-wr #txt-map:after {background-position:left bottom}
	.location-wr #txt-map .bp-btn {bottom:20px;left:0;top:unset}
	.location-wr .transport-list li {margin-bottom:20px}
}
@media all and (max-width:399px) {
	.location-wr #txt-map {padding-left:0}
	.location-wr #txt-map:before, .location-wr #txt-map:after {display:none}
	.location-wr #txt-map .address-list .tit {position:static;display:block}
	.location-wr #txt-map .address-list li {padding-left:0}
}

/* ==============================
 * BRAND : 연혁
================================= */
#contents #cont:has(.history-wr) {padding-bottom:0}
.history-wr {position:relative;display:flex}
.history-wr .his-img-sec {position:relative;width:50%;height:auto;padding-right:30px;box-sizing:border-box}
.history-wr .his-img-sec .his-img-inr {position:relative;left:auto}
.history-wr .his-img-sec .his-img-inr:before, .history-wr .his-img-sec .his-img-inr:after {content:"";display:block;position:absolute;bottom:-217px;background-size:contain;background-repeat:no-repeat;transition:all .6s ease-out}
.history-wr .his-img-sec .his-img-inr:before {width:49.05%;height:367px;left:6.56%;background-image:url(/images/homepage/Content/history_char01.png)}
.history-wr .his-img-sec .his-img-inr:after {width:27.59%;height:365px;right:16.64%;background-image:url(/images/homepage/Content/history_char02.png)}
.history-wr .his-img-sec .his-img-inr.end:before {left:-6.56%}
.history-wr .his-img-sec .his-img-inr.end:after {right:0}
.history-wr .his-img-sec .his-tit {display:flex;font-family:"ivymode", sans-serif;gap:10px;font-size:3.88em;margin-bottom:70px;color:#1D1F22;line-height:1}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper {position:relative;width:165px;overflow:hidden}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span {position:absolute;left:0;top:0;opacity:0;transition:opacity .2s ease-out}
.loaded .history-wr .his-img-sec .his-tit .vertical-span-wrapper > span {opacity:1}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span > span {display:inline-block;transform:translateY(100%);opacity:0;transition:all .6s ease-out, opacity .3s ease-out}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper.tit1 > span:first-of-type {margin-left:-11px}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper.tit2 > span.in-tit3 {font-family:"Spoqa Han Sans Neo",sans-serif}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span:first-of-type > span {width:40px;text-align:center}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span.over > span {transform:translateY(0);opacity:1}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span.over > span:nth-child(1),
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span.over > span:nth-child(2) {transition-delay:0s}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span.over > span:nth-child(3) {transition-delay:.2s}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span.over > span:nth-child(4) {transition-delay:.4s}
.history-wr .his-img-sec .his-tit .vertical-span-wrapper.tit2 > p {display:none;position:absolute;left:0;top:0}
.history-wr .his-img-sec .img-box {width:100%;max-width:620px}
.history-wr .his-img-sec .img-box img {width:100%;max-width:100%}

.history-wr .his-list {position:relative;width:50%;transform:translateY(30px);opacity:0;transition:all .8s ease-out}
.history-wr .his-list.on {opacity:1;transform:translateY(0)}
.history-wr .his-list:before {content:"";position:absolute;left:0;top:0;width:2px;height:100%;background-color:rgba(211,211,211,.6)}
.history-wr .his-list .his-rail {position:absolute;left:0;top:0;width:2px;background-color:#000;z-index:1;transition:all .3s ease}
.history-wr .his-list:after {height:0;background-color:#000}
.history-wr .his-list > ul {display:flex;flex-direction:column;gap:60px}

.history-wr .his-list .his-item {position:relative;padding-left:80px}
.history-wr .his-list .his-item:last-of-type {height:358px}
.history-wr .his-list .his-item:before, .history-wr .his-list .his-item:after {content:"";position:absolute;transition:all .4s ease}
.history-wr .his-list .his-item:before {left:-4px;top:25px;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;z-index:1;background-color:#C5C5C5}
.history-wr .his-list .his-item:after {left:0;top:calc((100% - 25px) * -1);height:100%;width:2px;transition-delay:.2s !important}
.history-wr .his-list .his-item:first-of-type:after {height:25px;top:0}

.history-wr .his-list .his-item .year {font-family:"ivymode", sans-serif;font-size:2.22em;color:#1D1F22;line-height:1;margin-bottom:40px}
.history-wr .his-list .his-item .year + ul li {margin-bottom:12px}
.history-wr .his-list .his-item .year + ul li:last-child {margin-bottom:0}

.history-wr .his-list .his-item.on {}
.history-wr .his-list .his-item.on:before {background-color:#000}
.history-wr .his-list .his-item.on:after {background-color:#000}
.history-wr .his-list .his-item.last:before {background-color:#000}

@media all and (max-width:1024px) {
	.history-wr .his-img-sec .his-img-inr:before, .history-wr .his-img-sec .his-img-inr:after {height:300px}
	.history-wr .his-img-sec .his-tit {margin-bottom:40px}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper {position:relative;width:150px}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span:first-of-type > span {width:35px}
}
@media all and (max-width:999px) {
	.history-wr {margin-top:40px}
	.history-wr .his-img-sec {padding-right:20px}
	.history-wr .his-list .his-item{padding-left:60px}
	.history-wr .his-list .his-item:before {top:22px}
	.history-wr .his-list .his-item:after {top:calc((100% - 22px) * -1)}
	.history-wr .his-list .his-item:first-of-type:after {height:22px}
	.history-wr .his-list .his-item .year {margin-bottom:30px}
}
@media all and (max-width:768px) {
	.history-wr {flex-direction:column}
	.history-wr .his-img-sec {width:80%;margin:0 auto;padding-right:0;z-index:1}
	.history-wr .his-img-sec .his-img-inr:before, .history-wr .his-img-sec .his-img-inr:after {background-position:center bottom}
	.history-wr .his-img-sec .his-img-inr:before {left:-15%;bottom:-50px}
	.history-wr .his-img-sec .his-img-inr:after {right:-10%;bottom:-50px}
	.history-wr .his-img-sec .his-tit {margin-bottom:30px}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper.tit2 > span > span {display:none}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper.tit2 > p {display:block}
	.history-wr .his-img-inr {position:static !important}
	.history-wr .his-img-sec .img-box {max-width:initial}
	.history-wr .his-list {width:80%;margin:80px auto 0}
	.history-wr .his-list .his-item:last-of-type {height:auto;margin-bottom:60px}
	.history-wr .his-list .his-item:before {top:19px}
	.history-wr .his-list .his-item:after {top:calc((100% - 19px) * -1)}
	.history-wr .his-list .his-item:first-of-type:after {height:19px}
	.history-wr .his-list .his-item .year + ul li {line-height:1.3}
	.history-wr [data-aos=fade-up] {transform:translate3d(0,0,0);opacity:1}
}
@media all and (max-width:499px) {
	.history-wr .his-img-sec .his-tit {font-size:3em;margin-bottom:20px}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper {width:120px;font-weight:600}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper.tit2 {font-weight:400}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span:first-of-type > span {width:30px}
	.history-wr .his-list {margin:70px auto 0}
	.history-wr .his-list > ul {gap:40px}
	.history-wr .his-list .his-item {padding-left:40px}
	.history-wr .his-list .his-item:before {top:15px}
	.history-wr .his-list .his-item:after {top:calc((100% - 15px) * -1)}
	.history-wr .his-list .his-item:first-of-type:after {height:15px}
	.history-wr .his-list .his-item .year {margin-bottom:20px;font-size:2em}
	.history-wr .his-list .his-item .year + ul li {margin-bottom:8px}
}
@media all and (max-width:399px) {
	.history-wr .his-img-sec {width:90%}
	.history-wr .his-img-sec .his-img-inr:before {left:-10%}
	.history-wr .his-img-sec .his-tit {font-size:2.55em}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper {width:100px}
	.history-wr .his-img-sec .his-tit .vertical-span-wrapper > span:first-of-type > span {width:25px}
	.history-wr .his-list {width:90%}
	.history-wr .his-list .his-item {padding-left:30px}
}

/* ==============================
 * BRAND : AC 연혁
================================= */
.history-wr.ac-history .his-img-sec .his-tit .vertical-span-wrapper.tit1 > span:first-of-type {margin-left:0}

/* ==============================
 * BRAND : 브랜드스토리
================================= */
#brand-story {letter-spacing:-.05em}
#brand-story .cnt {position:relative}
#brand-story .img-box {text-align:center}
#brand-story .img-box img {max-width:100%}

#brand-story .cnt1 {height:200dvh;height:calc(var(--vh, 1vh) * 200);min-height:1200px;background-image:url(/images/homepage/Content/brand_01.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center}
#brand-story .cnt1 .txt-box.first {position:absolute;bottom:100dvh;bottom:max(600px,100vh);bottom:max(600px,calc(var(--vh, 1vh) * 100));left:50%;transform:translateX(-50%);color:#fff;text-align:center}
#brand-story .cnt1 .txt-box.first > span {display:block}
#brand-story .cnt1 .txt-box.first .han {font-size:1.66em}
#brand-story .cnt1 .txt-box.first .eng {font-family:"ivymode", sans-serif;font-size:3.88em}
#brand-story .cnt1 .txt-box.first .line-deco {position:relative;width:2px;height:100px;background-color:#D9D9D9;margin:40px auto 0}
#brand-story .cnt1 .txt-box.first .line-deco:before {content:"";position:absolute;display:block;width:4px;height:60%;border-radius:2px;background-color:#fff;left:-1px;top:0;animation:lineDeco 3s linear infinite}
#brand-story .cnt1 .txt-box.second {position:absolute;display:flex;flex-direction:column;justify-content:center;left:50%;bottom:0;width:100%;height:100dvh;height:max(600px,calc(var(--vh, 1vh) * 100));max-width:655px;transform:translateX(-50%);color:#fff;text-align:center;font-weight:500}
#brand-story .cnt1 .txt-box.second > p {font-size:1.22em;margin-bottom:40px}
#brand-story .cnt1 .txt-box.second > p:last-of-type {margin-bottom:0}
#brand-story .cnt1 .txt-box.second .emTxt {font-size:2.778em}
#brand-story .cnt1 .txt-box.second > * {opacity:0;transform:translate(0,30px);transition:all .5s ease-out}
#brand-story .cnt1 .txt-box.second > *:nth-child(1) {transition-delay:0s}
#brand-story .cnt1 .txt-box.second > *:nth-child(2) {transition-delay:.3s}
#brand-story .cnt1 .txt-box.second > *:nth-child(3) {transition-delay:.6s;font-size:1.667em}
#brand-story .cnt1 .txt-box.second > *:nth-child(4) {transition-delay:.8s}
#brand-story .cnt1 .txt-box.second.on > * {opacity:1;transform:translate(0, 0)}

/* cnt2~5 공통 */
#brand-story .cnt .inr-cnt {position:relative}
#brand-story .cnt .inr-cnt .txt-sec {color:#fff;text-align:center;font-weight:500}
#brand-story .cnt .inr-cnt .txt-sec .top-box {text-align:center;margin-bottom:50px}
#brand-story .cnt .inr-cnt .txt-sec .top-box > span {transition-delay:0s}
#brand-story .cnt .inr-cnt .txt-sec .top-box .num {display:inline-block;width:60px;height:60px;border:1px solid #000;border-radius:50%;font-family:"ivymode", sans-serif;font-size:1.11em;color:#575757;margin-bottom:20px;box-sizing:border-box;line-height:60px}
#brand-story .cnt .inr-cnt .txt-sec .top-box .stit {display:block;font-size:1.44em;color:#333;font-weight:500}
#brand-story .cnt .inr-cnt .txt-sec .txt-box {display:flex;height:100%;flex-direction:column;justify-content:center;margin:0 auto}
#brand-story .cnt .inr-cnt .txt-sec .txt-box span {display:block;color:#444;font-weight:400;line-height:1.6}
#brand-story .cnt .inr-cnt .txt-sec .txt-box .tit {font-family:"ivymode", sans-serif;font-size:3.88em;color:#000;font-weight:400;line-height:normal;margin-bottom:60px}
#brand-story .cnt .inr-cnt .txt-sec .txt-box .txt {font-size:1.11em;color:#333;line-height:1.8;font-family:"ivymode", sans-serif}
#brand-story .cnt .inr-cnt .img-sec {position:relative}
#brand-story .cnt .inr-cnt .img-sec .img-box img {object-fit:cover;object-position:center center}

#brand-story .cnt2 {margin:100px 0}
#brand-story .cnt2 .inr-cnt .txt-sec .top-box {margin-bottom:60px}
#brand-story .cnt2 .inr-cnt .txt-sec .txt-box {max-width:1180px}
#brand-story .cnt2 .inr-cnt .txt-sec .txt-box .tit {font-size:5.33em}
#brand-story .cnt2 .inr-cnt .txt-sec .txt-box .txt {font-family:"Spoqa Han Sans Neo",sans-serif;margin-bottom:30px}
#brand-story .cnt2 .inr-cnt .img-sec {max-width:1760px;margin:100px auto 0}
#brand-story .cnt2 .inr-cnt .img-sec .subdeco-img {position:absolute;width:8.87%;left:8%;bottom:-50px;z-index:2}
#brand-story .cnt2 .inr-cnt .img-sec .deco-img {position:absolute;width:28.125%;right:0;bottom:-50px;z-index:2}
#brand-story .cnt2 .inr-cnt .img-sec .subdeco-img img, #brand-story .cnt2 .inr-cnt .img-sec .deco-img img {width:100%}

#brand-story .cnt3 .inr-cnt .txt-sec .txt-box {max-width:900px}
#brand-story .cnt3 .inr-cnt .txt-sec .txt-box .tit {margin-bottom:30px}
#brand-story .cnt3 .inr-cnt .txt-sec .txt-box .txt {color:#000}
#brand-story .cnt3 .img-sec {padding-bottom:100px;text-align:center;overflow:hidden}
#brand-story .cnt3 .img-sec .deco-img {position:absolute;right:6.25%;bottom:0}
#brand-story .cnt3 .img-sec .deco-img img {width:100%;object-fit:contain}
#brand-story .cnt3 .img-sec .img-box-container {position:relative;display:inline-block;margin:66px auto 0}
#brand-story .cnt3 .img-sec .img-box-container .deco {position:absolute;right:-25%;top:-50px;z-index:-1}
#brand-story .cnt3 .img-sec .img-box {width:400px;border-radius:50%;overflow:hidden;isolation:isolate}
#brand-story .cnt3 .img-sec .img-box img {width:100%;object-fit:contain}

#brand-story .cnt4 .inr-cnt {display:flex;background-color:#F86680}
#brand-story .cnt4 .img-sec {width:50%;overflow:hidden}
#brand-story .cnt4 .img-sec .img-box {height:100%}
#brand-story .cnt4 .img-sec .img-box img {height:100%}
#brand-story .cnt4 .txt-sec {width:50%;padding:100px;box-sizing:border-box}
#brand-story .cnt4 .inr-cnt .txt-sec .top-box .num {color:#F86680;border-color:#fff;background-color:#fff}
#brand-story .cnt4 .inr-cnt .txt-sec .top-box .stit {color:#fff}
#brand-story .cnt4 .inr-cnt .txt-sec .txt-box {height:auto}
#brand-story .cnt4 .inr-cnt .txt-sec .txt-box span, 
#brand-story .cnt4 .inr-cnt .txt-sec .txt-box .tit, 
#brand-story .cnt4 .inr-cnt .txt-sec .txt-box .txt {color:#fff}
#brand-story .cnt4 .inr-cnt .txt-sec .txt-box .tit {font-weight:300}
#brand-story .cnt4 .inr-cnt .txt-sec .txt-box .txt {text-align:left}

#brand-story .cnt5 .inr-cnt {padding:100px;background-color:#1C9C5C;max-height:1100px;box-sizing:border-box}
#brand-story .cnt5 .inr-cnt .txt-sec .top-box .num {color:#1C9C5C;border-color:#fff;background-color:#fff}
#brand-story .cnt5 .inr-cnt .txt-sec .top-box .stit {color:#fff}
#brand-story .cnt5 .inr-cnt .txt-sec .txt-box {height:auto}
#brand-story .cnt5 .inr-cnt .txt-sec .txt-box span, 
#brand-story .cnt5 .inr-cnt .txt-sec .txt-box .tit, 
#brand-story .cnt5 .inr-cnt .txt-sec .txt-box .txt {color:#fff}
#brand-story .cnt5 .inr-cnt .txt-sec .txt-box .tit {font-weight:300}
#brand-story .cnt5 .inr-cnt .txt-sec .txt-box .txt {max-width:600px;text-align:left;margin:0 auto 70px}
#brand-story .cnt5 .img-sec {position:relative;width:600px;height:600px;margin:0 auto}
#brand-story .cnt5 .img-sec:before ,#brand-story .cnt5 .img-sec:after {content:"";display:block;position:absolute}
#brand-story .cnt5 .img-sec:before {width:332px;height:453px;left:-332px;top:0;background:url(/images/homepage/Content/brand_deco05.png) no-repeat;background-position:right top;background-size:contain}
#brand-story .cnt5 .img-sec:after {width:434px;height:434px;right:-434px;bottom:0;background:url(/images/homepage/Content/brand_deco06.png) no-repeat;background-position:left bottom;background-size:contain}

#brand-story .cnt6 {margin-top:243px}
#brand-story .cnt6 .inr-cnt {padding-top:100px}
#brand-story .cnt6 .inr-cnt .txt-sec .txt-box .txt {color:#000;max-width:1400px;margin:0 auto 30px}
#brand-story .cnt6 .inr-cnt .img-sec .img-box {position:relative;text-align:center;margin-top:80px}
#brand-story .cnt6 .inr-cnt .img-sec .img-box:before,
#brand-story .cnt6 .inr-cnt .img-sec .img-box:after {content:"";display:block;position:absolute}
#brand-story .cnt6 .inr-cnt .img-sec .img-box:before {width:10.46%;height:198px;left:7.45%;top:-111px;background:url(/images/homepage/Content/brand_deco07.png) no-repeat;background-position:right center;background-size:contain}
#brand-story .cnt6 .inr-cnt .img-sec .img-box:after {width:20.46%;height:596px;right:6.58%;bottom:-13%;background:url(/images/homepage/Content/brand_deco08.png) no-repeat;background-position:left bottom;background-size:contain}

/* 효과 */
#brand-story .cnt1 .txt-box.first {opacity:0;transform:translate(-50%,30px);transition:opacity .5s ease-out, transform .5s ease-out}
.loaded #brand-story .cnt1 .txt-box.first {opacity:1;transform:translate(-50%,0)}

#brand-story .cnt2 .img-sec.on .deco-img {animation:upDown 1s cubic-bezier(0, 0, 0.2, 1) backwards}

#brand-story .cnt3 .img-sec .deco-img {transform:translateY(100%);transition:all .5s ease-out;transition-delay:.4s}
#brand-story .cnt3 .img-sec .img-box-container .deco {transform:translate(-55%, 55%);transition:all .5s ease-out;transition-delay:.4s}
#brand-story .cnt3 .txt-sec.on + .img-sec .deco-img {transform:translateY(0)}
#brand-story .cnt3 .txt-sec.on + .img-sec .img-box-container .deco {transform:translate(0,0)}
#brand-story .cnt3 .img-sec .deco-img img, #brand-story .cnt3 .img-sec .img-box-container .deco img {width:100%}

#brand-story .cnt5 .img-sec.on:before, #brand-story .cnt5 .img-sec.on:after {animation:upDown 1s cubic-bezier(0, 0, 0.2, 1) backwards}

#brand-story .cnt6 .img-sec .img-box:before, #brand-story .cnt6 .img-sec .img-box:after {opacity:0;transition:all .5s ease-out;transition-delay:.5s}
#brand-story .cnt6 .img-sec.entered .img-box:before, #brand-story .cnt6 .img-sec.entered .img-box:after {opacity:1}

#brand-story .fade-up span {transform:translateY(35px);opacity:0;transition:all .5s ease-out}
#brand-story .fade-up span:nth-of-type(1) {transition-delay:0s}
#brand-story .fade-up span:nth-of-type(2) {transition-delay:.3s}
#brand-story .fade-up span:nth-of-type(3) {transition-delay:.6s}
#brand-story .fade-up span:nth-of-type(4) {transition-delay:.6s}
#brand-story .fade-up.entered span {transform:translateY(0);opacity:1}

@keyframes lineDeco {
	from {top:0}
	50% {top:40%}
	to {top:0}
}
@keyframes upDown {
	from {transform:translateY(0)}
	50% {transform:translateY(-20px)}
	to {transform:translateY(0)}
}
@keyframes upDown2 {
	from {transform:translateY(0)}
	50% {transform:translateY(-20px)}
	to {transform:translateY(0)}
}

@media all and (max-width:1199px) {
	#brand-story .cnt2 .inr-cnt .txt-sec .txt-box .tit {font-size:3.88em}
}
@media all and (max-width:1024px) {
	#brand-story .cnt .inr-cnt .txt-sec .top-box {margin-bottom:30px}
	#brand-story .cnt .inr-cnt .txt-sec .top-box .num {width:42px;height:42px;line-height:42px}
	#brand-story .cnt .inr-cnt .txt-sec .txt-box .tit {font-size:3em;margin-bottom:40px}
	#brand-story .cnt .inr-cnt .txt-sec .txt-box {padding:0 50px}

	#brand-story .cnt2 {margin:50px 0 80px}
	#brand-story .cnt2 .inr-cnt .txt-sec .txt-box .tit {font-size:3em}
	#brand-story .cnt2 .inr-cnt .txt-sec .txt-box .txt {margin-bottom:15px}
	#brand-story .cnt2 .inr-cnt .img-sec {margin:70px auto 0}

	#brand-story .cnt4 .inr-cnt {flex-direction:column-reverse}
	#brand-story .cnt4 .img-sec, #brand-story .cnt4 .txt-sec {width:100%}
	#brand-story .cnt4 .img-sec {width:600px;height:350px;box-sizing:border-box;margin:0 auto 50px}
	#brand-story .cnt4 .img-sec[data-aos="fade-right"], #brand-story .cnt4 .txt-sec[data-aos="fade-left"] {transform:translateZ(0)}
	#brand-story .cnt4 .img-sec .img-box {height:auto}
	#brand-story .cnt4 .txt-sec {padding:70px 50px 40px}
	#brand-story .cnt4 .inr-cnt .txt-sec .txt-box {padding:0 !important}
	#brand-story .cnt4 .inr-cnt .txt-sec .txt-box .txt {max-width:600px;margin:0 auto}

	#brand-story .cnt5 .inr-cnt {max-height:1000px;padding:70px 50px 40px}
	#brand-story .cnt5 .img-sec:before {width:17.29%;left:-10%;top:-8%;z-index:1}
	#brand-story .cnt5 .img-sec:after {width:22.6%;right:-12%;z-index:1}
	#brand-story .cnt5 .inr-cnt .txt-sec .txt-box {padding:0 !important}

	#brand-story .cnt6 {margin-top:120px}
}
@media all and (max-width:768px) {
	#brand-story .cnt .inr-cnt .txt-sec .top-box {margin-bottom:15px}
	#brand-story .cnt .inr-cnt .txt-sec .top-box .num {width:36px;height:36px;line-height:36px;margin-bottom:15px}
	#brand-story .cnt .inr-cnt .txt-sec .txt-box .tit {font-size:2.77em;margin-bottom:30px}
	
	#brand-story .cnt1 .txt-box.second > p {padding:0 50px;margin-bottom:25px}

	#brand-story .cnt2 .inr-cnt .txt-sec .txt-box .txt {margin-bottom:10px}
	#brand-story .cnt2 .inr-cnt .img-sec {margin:50px auto 0}

	#brand-story .cnt3 .img-sec .img-box {width:200px}
	#brand-story .cnt3 .img-sec .deco-img {width:125px}
	#brand-story .cnt3 .img-sec .img-box-container .deco {width:100px;right:-15%;top:-34px}

	#brand-story .cnt4 .img-sec {width:100%;height:auto;padding:0 50px}

	#brand-story .cnt5 .inr-cnt {max-height:900px;padding:50px}
	#brand-story .cnt5 .img-sec {width:100%;height:auto}
	#brand-story .cnt5 .inr-cnt .txt-sec .txt-box .txt {margin:0 auto 30px}

	#brand-story .cnt6 {margin-top:90px}
	#brand-story .cnt6 .inr-cnt .txt-sec .img-box {padding:0 50px}
}
@media all and (max-width:599px) {
	#brand-story .cnt1 .txt-box.first .han {font-size:1.44em}
	#brand-story .cnt1 .txt-box.first .eng {font-size:2.77em}
	#brand-story .cnt1 .txt-box.second .emTxt {font-size:2em}
	#brand-story .cnt1 .txt-box.second > p {font-size:1.11em}
	#brand-story .cnt1 .txt-box.second > p:nth-of-type(3) {font-size:1.33em}
	#brand-story .cnt2 {margin:50px 0 80px}
	#brand-story .cnt2 .inr-cnt .img-sec {margin:30px auto 0}
	#brand-story .cnt2 .inr-cnt .img-sec .subdeco-img, #brand-story .cnt2 .inr-cnt .img-sec .deco-img {display:none}
	#brand-story .cnt4 .txt-sec {padding:50px 50px 30px}
	#brand-story .cnt5 .inr-cnt {max-height:initial;padding:50px 50px 30px}
	#brand-story .cnt5 .img-sec:before, #brand-story .cnt5 .img-sec:after {display:none}
	#brand-story .cnt6 {margin-top:0}
	#brand-story .cnt6 .inr-cnt {padding-top:50px}
	#brand-story .cnt6 .img-sec.entered .img-box:before, #brand-story .cnt6 .img-sec.entered .img-box:after {display:none}
}
@media all and (max-width:499px) {
	#brand-story .cnt1 {height:800px;min-height:initial}
	#brand-story .cnt1 .txt-box.first {bottom:400px}
	#brand-story .cnt1 .txt-box.first .line-deco {height:60px;margin:20px auto 0}
	#brand-story .cnt1 .txt-box.second {height:400px}
}
@media all and (max-width:399px) {
	#brand-story .cnt .inr-cnt .txt-sec .txt-box {padding:0 30px}
	#brand-story .cnt1 .txt-box.first .han {font-size:1.22em}
	#brand-story .cnt1 .txt-box.first .eng {font-size:2.22em}
	#brand-story .cnt1 .txt-box.second .emTxt {font-size:2em}
	#brand-story .cnt1 .txt-box.second > p {font-size:1.11em}
	#brand-story .cnt1 .txt-box.second > p:nth-of-type(3) {font-size:1.33em}
	#brand-story .cnt4 .txt-sec {padding:50px 30px 30px}
	#brand-story .cnt4 .img-sec {padding:0 30px}
	#brand-story .cnt5 .inr-cnt {padding:50px 30px 30px}
	#brand-story .cnt6 .inr-cnt .txt-sec .img-box {padding:0 30px}
}

/* ==============================
 * BRAND : 세계 어린이날 미술대회
================================= */
/* 공통 */
.congress-wr {position:relative;--sec-mg-gap:100px auto;--sec-pd:0 50px}
.congress-wr:after {content:"";display:block;position:absolute;width:19%;height:287px;left:65.4%;bottom:-65px;background:url(/images/homepage/Content/congress_deco02.png) no-repeat;background-position:left bottom;background-size:contain;z-index:-1}
.congress-wr .secmg {margin:var(--sec-mg-gap)}
.congress-wr .lw-btn {width:max-content;margin:0 auto;margin-top:50px}
.congress-wr .img-box img {display:block;width:100%;height:100%;object-fit:cover}
.congress-wr .cong-txt {display:block;color:#333;font-size:1.11em;font-weight:500;line-height:1.8;font-family:"Spoqa Han Sans Neo", sans-serif;letter-spacing:-.05em}

/* 섹션시작 */
.congress-wr #brand-story .cnt1 {background-image:url(/images/homepage/Content/congress_bg01.jpg)}

.congress-wr .mid-sec {padding:var(--sec-pd);box-sizing:border-box}
.congress-wr .mid-sec .cnt {position:relative;max-width:1400px}
.congress-wr .mid-sec .cnt:after {content:"";display:block;position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center top}
.congress-wr .mid-sec .cnt > div {display:flex;justify-content:space-between;margin-bottom:40px}

.congress-wr .mid-sec .cnt1 > div .tit-wr {display:flex;width:780px;flex-direction:column;justify-content:center;font-family:"ivymode", sans-serif;font-weight:300;word-break:keep-all}
.congress-wr .mid-sec .cnt1 > div .tit-wr .tit {display:block;position:relative;max-width:500px;font-size:70px;color:#000;line-height:1.2;letter-spacing:-.05em;margin-bottom:70px;z-index:1}
.congress-wr .mid-sec .cnt1:after {width:180px;height:283px;left:-110px;bottom:-56px;background-image:url(/images/homepage/Content/congress_deco01.png)}
.congress-wr .mid-sec .cnt1 > div {flex-direction:row-reverse}
.congress-wr .mid-sec .cnt1 > div > .unfolding-img-wr .img-box-container:before {width:0 !important}
.congress-wr .mid-sec .cnt1 > div .img-box {width:500px;border-radius:400px 0 0 0;overflow:hidden}

.congress-wr .mid-sec .cnt2:after {width:228px;height:429px;right:-129px;bottom:-144px;background-image:url(/images/homepage/Content/power_char_03.png)}
.congress-wr .mid-sec .cnt2 > div {gap:6%;justify-content:space-between}
.congress-wr .mid-sec .cnt2 > div .left-side {width:61%;display:flex;flex-direction:column;justify-content:space-between}
.congress-wr .mid-sec .cnt2 > div .left-side .cong-txt {margin-bottom:30px}
.congress-wr .mid-sec .cnt2 > div .left-side .img-flex-wr {display:flex;gap:3.5%}
.congress-wr .mid-sec .cnt2 > div .left-side .img-flex-wr .img-box1 {width:68%}
.congress-wr .mid-sec .cnt2 > div .left-side .img-flex-wr .img-box2 {width:28.5%}
.congress-wr .mid-sec .cnt2 > div .right-side {width:32.7%;flex-shrink:0}

.congress-wr .vid-sec {padding:var(--sec-pd);text-align:center}
.congress-wr .vid-sec .tit {display:block;font-family:"SBAggro",sans-serif;color:#000;font-size:2.22em;font-weight:300;line-height:1.6;margin:45px 0}
.congress-wr .vid-sec .yt-wr {position:relative;max-width:1210px;border-radius:40px;margin:0 auto;overflow:hidden}
.congress-wr .vid-sec .yt-wr .yt-box {position:relative;width:100%;height:0;padding-top:56.198%}
.congress-wr .vid-sec .yt-wr .yt-box iframe {position:absolute;width:100%;height:100%;left:0;top:0}

.congress-wr .link-sec {position:relative;width:max-content;margin:0 auto;box-sizing:border-box}
.congress-wr .link-sec .deco-box {content:"";display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;width:122px;left:-42px;top:-10px}
.congress-wr .link-sec .deco-box .deco {animation:Spin 5s linear alternate infinite;transform-origin:center}
.congress-wr .link-sec .deco-box .deco1 {width:73px}
.congress-wr .link-sec .deco-box .deco2 {width:43px;transition-delay:.1s}
.congress-wr .link-sec .deco-box .deco3 {margin-left:auto;transition-delay:.2s}
.congress-wr .link-sec .deco-box .deco img {max-width:100%}
.congress-wr .link-btn {display:flex;width:746px;height:116px;justify-content:center;align-items:center;padding:12px 42px 8px;border-radius:80px;background-color:#303336;text-align:center;margin:142px auto;box-sizing:border-box}
.congress-wr .link-btn span {font-family:"SBAggro",sans-serif;color:#fff;font-size:1.889em;font-weight:400}
.congress-wr .link-btn .slice {display:none}

/* 효과 */
.congress-wr .mid-sec .cnt1:after {opacity:0;transition:opacity .8s ease, transform 1s ease}
.congress-wr .mid-sec .cnt1:after {transform:translateX(30px)}
.congress-wr .mid-sec .cnt1 > div .tit-wr > span,
.congress-wr .mid-sec .cnt2 > div .left-side .cong-txt {transform:translateY(25px);opacity:0;transition:all 1s ease-out}

.congress-wr .mid-sec .cnt > div .tit-wr > span,
.congress-wr .mid-sec .cnt > div .tit-wr > span:nth-of-type(1) {transition-delay:.2s}
.congress-wr .mid-sec .cnt > div .tit-wr > span:nth-of-type(2) {transition-delay:.4s}

.congress-wr .mid-sec .cnt.on:after {opacity:1;transform:translateX(0)}
.congress-wr .mid-sec .cnt1.entered > div .tit-wr > span,
.congress-wr .mid-sec .cnt2.entered > div .left-side .cong-txt {opacity:1;transform:translateY(0)}

@keyframes Spin {
	from {transform:rotate(0)}
	to {transform:rotate(45deg)}
}

@media all and (max-width:1640px) {
	.congress-wr .mid-sec .cnt {max-width:1200px}
	.congress-wr .mid-sec .cnt1:after {width:12.85%;height:39%;left:-5%;bottom:unset;top:70%}
	.congress-wr .mid-sec .cnt1 > div {gap:8.5%}
	.congress-wr .mid-sec .cnt1 > div .tit-wr {width:55.71%}
	.congress-wr .mid-sec .cnt1 > div > .unfolding-img-wr {width:35.71%}
	.congress-wr .mid-sec .cnt1 > div .img-box {width:100%}
}
@media all and (max-width:1499px) {
	.congress-wr:after {bottom:-30px;left:68%;z-index:0}
	.congress-wr .link-sec {max-width:100%;padding:var(--sec-pd)}
	.congress-wr .link-btn {width:100%;margin:var(--sec-mg-gap);height:auto;min-height:90px;padding:12px 30px 10px}
	.congress-wr .link-btn span {font-size:1.55em}
}
@media all and (max-width:1024px) {
	.congress-wr {--sec-mg-gap:70px auto}
	.congress-wr .mid-sec .cnt1 > div .tit-wr {width:100%}
	.congress-wr .mid-sec .cnt1 > div .tit-wr .tit {font-size:50px;margin-bottom:30px}
	.congress-wr .mid-sec .cnt1 > div .img-box {border-radius:50vw 0 0}
	.congress-wr .mid-sec .cnt2:after {display:none}
}
@media all and (max-width:768px) {
	.congress-wr {--sec-mg-gap:50px auto}
	.congress-wr:after {width:200px;height:162px;bottom:-30px;right:20px;left:unset;z-index:-1}
	.congress-wr .mid-sec .cnt1:after {width:16%;height:23%;left:5%;top:34%;rotate:-20deg;z-index:-1}
	.congress-wr .mid-sec .cnt1 > div {flex-direction:column-reverse;gap:30px}
	.congress-wr .mid-sec .cnt1 > div .tit-wr .tit {max-width:initial}
	.congress-wr .mid-sec .cnt1 > div > .unfolding-img-wr {width:80%;margin-left:auto;height:0;padding-top:70%;overflow:hidden}
	.congress-wr .unfolding-img-wr .img-box-container {position:absolute;left:0;top:0;width:100%;height:100%}
	.congress-wr .mid-sec .cnt2 > div {flex-direction:column;gap:30px}
	.congress-wr .mid-sec .cnt2 > div .left-side {width:100%}
	.congress-wr .mid-sec .cnt2 > div .right-side {width:100%;height:500px}
	.congress-wr .link-sec .deco-box {width:auto;flex-wrap:nowrap;left:20px}
	.congress-wr .link-sec .deco-box .deco {animation:none}
	.congress-wr .link-sec .deco-box .deco1 {width:50px}
	.congress-wr .link-sec .deco-box .deco2 {width:30px}
	.congress-wr .link-sec .deco-box .deco3 {width:27px}
}
@media all and (max-width:499px) {
	.congress-wr {--sec-pd:0 30px}
	.congress-wr #brand-story .cnt1 .txt-box.first .han {font-size:1em;margin-bottom:10px}
	.congress-wr #brand-story .cnt1 .txt-box.first .eng {font-size:2.55em;line-height:1}
	.congress-wr #brand-story .cnt1 .txt-box.second .emTxt {font-size:1.8em}
	.congress-wr #brand-story .cnt1 .txt-box.second > p {margin-bottom:10px}
	.congress-wr .mid-sec .cnt1:after {left:8%;top:clamp(115px, 22%, 180px)}
	.congress-wr .mid-sec .cnt2 > div .right-side {height:300px}
	.congress-wr .mid-sec .cnt1 > div .tit-wr .tit {font-size:36px}
	.congress-wr .vid-sec .tit {font-size:1.88em;line-height:1.3}
	.congress-wr .lw-btn {margin-top:20px}
	.congress-wr .link-sec .deco-box {left:5px}
	.congress-wr .link-btn .slice {display:block}
}
@media all and (max-width:399px) {
	.congress-wr #brand-story .cnt1 .txt-box.first .eng {font-size:2em}
	.congress-wr #brand-story .cnt1 .txt-box.second > p:nth-of-type(3) {font-size:1.11em}
}

/* ==============================
 * BRAND : 교육이념
================================= */
#contents #cont:has(.edu-wr) {padding-bottom:0}
.edu-wr .img-box img {max-width:100%;object-fit:cover}
.edu-wr .top-box {display:flex;gap:4%;padding-bottom:70px}
.edu-wr .top-box span {display:block}
.edu-wr .top-box .tit-sec {width:47%;font-family:"SBAggro",sans-serif;font-weight:300}
.edu-wr .top-box .tit-sec .em {font-size:1.5em;color:#0084FF;margin-bottom:30px}
.edu-wr .top-box .tit-sec .tit {font-size:3.33em;color:#33383D}
.edu-wr .top-box .txt-sec {width:49%}
.edu-wr .top-box .txt-sec .txt1 {font-size:1.67em;color:#33383D;font-weight:500;margin-bottom:20px}
.edu-wr .top-box .txt-sec .txt2 {font-size:1.22em;color:#555;margin-bottom:10px}
.edu-wr .top-box .txt-sec .txt2:last-of-type {margin-bottom:0}

.edu-wr .cnt {position:relative;width:100vw;left:50%;transform:translateX(-50%)}
.edu-wr .cnt .inr-cnt {padding:60px 40px;max-width:1480px;box-sizing:border-box;margin:0 auto}
.edu-wr .cnt .cnt-tit {display:block;font-family:"SBAggro",sans-serif;font-size:2.778em;color:#33383D;line-height:1.6;letter-spacing:-.05em;text-align:center}

.edu-wr .cnt1 {background-color:#F5F5F5}
.edu-wr .cnt1 .inr-cnt .img-box {margin:50px auto}
.edu-wr .cnt1 .inr-cnt p {font-size:1.667em;font-weight:500;color:#33383D;text-align:center;max-width:960px;margin:0 auto}
.edu-wr .cnt1 .inr-cnt p > strong {font-size:1.1em}

.edu-wr .cnt2 .list-sec {border:4px solid #0B4D8A;border-radius:100px;margin:140px 0 60px;padding-bottom:80px;box-sizing:border-box}
.edu-wr .cnt2 .list-sec .tit-sec {display:flex;justify-content:center;margin-bottom:60px;margin-top:-89px;padding:0 50px}
.edu-wr .cnt2 .list-sec .tit-sec .tit1, .edu-wr .cnt2 .list-sec .tit-sec .tit2 {display:flex;width:533px;height:192px;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:100px;font-size:1.944em;font-weight:700;color:#fff}
.edu-wr .cnt2 .list-sec .tit-sec .tit1 {background-color:#F86680;margin-right:-66px;align-content:center}
.edu-wr .cnt2 .list-sec .tit-sec .tit1 li {min-width:26%;text-align:center;padding:0 15px;box-sizing:border-box;line-height:1.6}
.edu-wr .cnt2 .list-sec .tit-sec .tit2 {position:relative;background-color:#329DFF}
.edu-wr .cnt2 .list-sec .tit-sec .tit2:before {content:"";display:block;position:absolute;width:66px;height:145px;left:0;top:50%;transform:translateY(-50%);background:url(/images/homepage/Content/edu_ico_01.png) no-repeat}
.edu-wr .cnt2 .list-sec .list-box {display:flex;flex-direction:column;gap:15px;max-width:1160px;margin:0 auto;padding:0 30px}
.edu-wr .cnt2 .list-sec .list-box li {position:relative;border-radius:10px;padding:15px 25px 15px 75px;background-color:#F2F9FF;font-size:1.33em;color:#33383D;font-weight:500;line-height:1.6;transition:box-shadow .4s ease}
.edu-wr .cnt2 .list-sec .list-box li:hover {box-shadow:0 6px 8px #c3e2ff}
.edu-wr .cnt2 .list-sec .list-box li:before {content:"";display:block;position:absolute;left:25px;width:36px;height:36px;background:url(/images/homepage/Content/edu_ico_02.png) no-repeat}
.edu-wr .cnt2 .list-sec .list-box li .color {color:#1080E8;font-weight:700}

.edu-wr .cnt2 .grid-sec {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;column-gap:30px;row-gap:25px}
.edu-wr .cnt2 .grid-sec .item {border-radius:10px;padding:20px;text-align:center;background-color:#FFDCE2}
.edu-wr .cnt2 .grid-sec .item:nth-of-type(-n+6):nth-of-type(2n+2) {background-color:#DDEEFE}
.edu-wr .cnt2 .grid-sec .item:nth-of-type(2n+9) {background-color:#DDEEFE}
.edu-wr .cnt2 .grid-sec .img-box {grid-area:1/1/3/2;display:flex;align-items:center;background-color:transparent}
.edu-wr .cnt2 .grid-sec .item span {display:block;color:#555;font-size:1.22em;font-weight:500}
.edu-wr .cnt2 .grid-sec .item .tit {font-size:1.667em;font-weight:700;color:#33383D;margin-top:5px}

.edu-wr .cnt3 {background-color:#FFEE71}
.edu-wr .cnt3 .img-box {margin:60px 0}
.edu-wr .cnt3 .edu-tab-box {position:relative}
.edu-wr .cnt3 .edu-tab-box dl {width:100%}
.edu-wr .cnt3 .edu-tab-box dl dt {position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:300px;height:80px;border-radius:20px 20px 0 0;font-size:1.778em;background-color:#FFFDEA;color:#DBC330;font-weight:700;text-align:center;cursor:pointer;overflow:hidden}
.edu-wr .cnt3 .edu-tab-box dl dt span {position:relative;transition:color .6s ease}
.edu-wr .cnt3 .edu-tab-box dl dt:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:0;background-color:#EE682F;transition:all .4s ease}
.edu-wr .cnt3 .edu-tab-box dl dt:after {content:"";display:block;width:0;height:36px;background:url(/images/homepage/Content/edu_ico_03.png) no-repeat;transition:all .4s ease;z-index:1}
.edu-wr .cnt3 .edu-tab-box dl dd {display:none;background-color:#FFFDEA;padding:50px 60px;border-radius:0 20px 20px 20px;visibility:hidden;text-align:center;opacity:0;transition:all .4s ease}
.edu-wr .cnt3 .edu-tab-box dl dd span {display:block;text-align:center}
.edu-wr .cnt3 .edu-tab-box dl dd .coltit {display:inline-block;height:48px;line-height:48px;padding:0 44px;border-radius:44px;background-color:#EE682F;color:#fff;box-sizing:border-box;margin:0 auto 10px}
.edu-wr .cnt3 .edu-tab-box dl dd .tit {font-family:"SBAggro",sans-serif;font-size:2.5em;line-height:1.6;margin-bottom:30px;color:#33383D}
.edu-wr .cnt3 .edu-tab-box dl dd .txt {font-size:1.22em;color:#33383D;line-height:1.8}
.edu-wr .cnt3 .edu-tab-box dl dd .txt .color {color:#F86680}
.edu-wr .cnt3 .edu-tab-box dl dd .img-box {margin:30px auto 50px;text-align:center}
.edu-wr .cnt3 .edu-tab-box dl dd .list-box {display:flex;gap:12px;max-width:1100px;margin:20px auto 0}
.edu-wr .cnt3 .edu-tab-box dl dd .list-box .item {width:100%;background-color:#fff;padding:30px;border-radius:20px;box-sizing:border-box}
.edu-wr .cnt3 .edu-tab-box dl dd .list-box .item span {text-align:left}
.edu-wr .cnt3 .edu-tab-box dl dd .list-box .item .stit {position:relative;font-family:"SBAggro",sans-serif;font-size:1.44em;color:#33383D;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dadada}

/* 탭에 호버시 효과 */
.edu-wr .cnt3 .edu-tab-box dl dt:hover {color:#fff}
.edu-wr .cnt3 .edu-tab-box dl dt:hover:before {height:100%}
.edu-wr .cnt3 .edu-tab-box dl.on dt {background-color:#EE682F;color:#fff}
.edu-wr .cnt3 .edu-tab-box dl.on dt:after {width:37px}
.edu-wr .cnt3 .edu-tab-box dl.on dd {display:block;visibility:visible;opacity:1}

/* 탭별 컨텐츠*/
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item .stit {padding-left:60px}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item .stit:before {content:"";display:block;position:absolute;width:45px;height:45px;left:0;top:-5px}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item:nth-of-type(1) .stit:before {background:url(/images/homepage/Content/edu_ico_04.png) no-repeat}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item:nth-of-type(2) .stit:before {background:url(/images/homepage/Content/edu_ico_05.png) no-repeat}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item:nth-of-type(3) .stit:before {background:url(/images/homepage/Content/edu_ico_06.png) no-repeat}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item:nth-of-type(1) .stit .em {color:#E2B22E}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item:nth-of-type(2) .stit .em {color:#E77C47}
.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item:nth-of-type(3) .stit .em {color:#9686EA}

.edu-wr .cnt3 .edu-tab-box dl.tab2 dt {position:absolute;top:0;left:300px}
.edu-wr .cnt3 .edu-tab-box dl.tab2.on dt {background-color:#F86680}
.edu-wr .cnt3 .edu-tab-box dl.tab2 dt:before {background-color:#F86680}
.edu-wr .cnt3 .edu-tab-box dl.tab2 dd .coltit {background-color:#F86680}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec {margin:40px 0}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-tit {font-size:2em;font-weight:700;line-height:1.6;color:#33383D;text-align:center}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0 40px}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item {display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;width:182px;height:182px;border-radius:50%;background-color:#FCE6EA;color:#33383D;text-align:center;padding:10px;box-sizing:border-box}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item:after {content:"";display:block;position:absolute;width:50px;height:50px;right:-34px;top:50%;transform:translateY(-50%);background-image:url(/images/homepage/Content/regprogram_ico_01.png);background-size:cover;z-index:1}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item:last-of-type:after {display:none}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item .tit {font-size:1.22em;font-weight:500;line-height:1.6;margin-bottom:0}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item .coltxt {font-size:1em;font-weight:700;color:#B41834;line-height:1.6;margin-bottom:0}
.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item .txt {font-size:1em;color:#555;font-weight:500;line-height:1.6}

.edu-wr .cnt3 .edu-tab-box dl.tab3 dt {position:absolute;top:0;left:600px}
.edu-wr .cnt3 .edu-tab-box dl.tab3.on dt {background-color:#9675F6}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dt:before {background-color:#9675F6}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .coltit {background-color:#9675F6}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item .stit .num {font-family:"SBAggro",sans-serif;margin-right:15px}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item:nth-of-type(1) .stit .num {color:#E2B22E}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item:nth-of-type(2) .stit .num {color:#E77C47}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item:nth-of-type(3) .stit .num {color:#9686EA}
.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item:nth-of-type(4) .stit .num {color:#49A1E1}

.edu-wr .cnt4 {background-color:#F3F3F3}
.edu-wr .cnt4 .cnt-tit {margin-bottom:40px}

@media all and (max-width:1299px) {
	.edu-wr .top-box .tit-sec .em {max-width:350px}
	.edu-wr .top-box .tit-sec .tit {font-size:2.77em}

	.edu-wr .cnt2 .list-sec .tit-sec .tit1, .edu-wr .cnt2 .list-sec .tit-sec .tit2 {font-size:1.55em}

	.edu-wr .cnt3 .edu-tab-box dl dt {width:200px;height:60px;font-size:1.44em}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 dt {left:200px}
	.edu-wr .cnt3 .edu-tab-box dl.tab3 dt {left:400px}

	.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item .stit {font-size:1.22em}
	.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box {flex-wrap:wrap}
	.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item {width:calc((100% - 12px)/2)}
}
@media all and (max-width:999px) {
	.edu-wr .top-box {flex-direction:column;text-align:center;gap:30px}
	.edu-wr .top-box .tit-sec {width:100%}
	.edu-wr .top-box .txt-sec {width:100%}
	.edu-wr .top-box .tit-sec .em {margin:0 auto 15px;max-width:255px}
	.edu-wr .top-box .tit-sec .tit {font-size:2.77em}
	.edu-wr .cnt .cnt-tit {font-size:2.22em}

	.edu-wr .cnt2 .list-sec {padding-bottom:50px;border-radius:80px}
	.edu-wr .cnt2 .list-sec .tit-sec {margin-bottom:40px}
	.edu-wr .cnt2 .list-sec .tit-sec .tit1, .edu-wr .cnt2 .list-sec .tit-sec .tit2 {height:140px;border-radius:72px;padding:0 40px;box-sizing:border-box}
	.edu-wr .cnt2 .list-sec .tit-sec .tit1 {margin-right:-48px}
	.edu-wr .cnt2 .list-sec .tit-sec .tit2:before {width:48px;height:105px;background-size:auto 105px}

	.edu-wr .cnt2 .grid-sec {column-gap:20px;row-gap:15px}
	.edu-wr .cnt2 .grid-sec .img-box {align-items:end}
	.edu-wr .cnt2 .grid-sec .item span {font-size:1.11em}
	.edu-wr .cnt2 .grid-sec .item .tit {font-size:1.44em}

	.edu-wr .cnt3 .edu-tab-box dl dd .coltit {padding:0 20px;height:40px;line-height:40px}
	.edu-wr .cnt3 .edu-tab-box dl dd .tit {font-size:2em}
	.edu-wr .cnt3 .edu-tab-box dl dd .list-box .item .stit {font-size:1.22em;padding-bottom:10px;margin-bottom:10px}
	.edu-wr .cnt3 .edu-tab-box dl dd .txt br {display:none}
	.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item .stit {padding-left:40px}
	.edu-wr .cnt3 .edu-tab-box dl.tab1 dd .list-box .item .stit:before {width:31px;height:31px;background-size:auto 31px !important;top:0}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item {width:128px;height:128px}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item:after {width:35px;height:35px;right:-27px}
}
@media all and (max-width:899px) {
	.edu-wr .cnt2 .grid-sec .img-box {grid-area:auto}
}
@media all and (max-width:768px) {
	.edu-wr .top-box {gap:20px;padding-bottom:50px}
	.edu-wr .top-box .tit-sec .em {font-size:1.33em;margin-bottom:10px}
	.edu-wr .top-box .tit-sec .tit {font-size:2em}
	.edu-wr .top-box .txt-sec .txt1 {font-size:1.33em;margin-bottom:10px}
	.edu-wr .top-box .txt-sec .txt2 {display:inline;font-size:1.11em}

	.edu-wr .cnt .inr-cnt {padding:40px 30px}
	.edu-wr .cnt .cnt-tit {font-size:1.88em}
	.edu-wr .cnt1 .inr-cnt .img-box {margin:30px auto}
	.edu-wr .cnt1 .inr-cnt p {font-size:1.22em}

	.edu-wr .cnt2 .list-sec {margin:70px 0 40px}
	.edu-wr .cnt2 .list-sec .tit-sec {margin-top:-50px;padding:0}
	.edu-wr .cnt2 .list-sec .tit-sec .tit1, .edu-wr .cnt2 .list-sec .tit-sec .tit2 {font-size:1.11em;height:100px;border-radius:52px;padding:0 20px;box-sizing:border-box}
	.edu-wr .cnt2 .list-sec .tit-sec .tit1 {margin-right:-34px}
	.edu-wr .cnt2 .list-sec .tit-sec .tit1 li {padding:0 5px}
	.edu-wr .cnt2 .list-sec .tit-sec .tit2:before {width:34px;height:75px;background-size:auto 75px}
	.edu-wr .cnt2 .list-sec .list-box li {font-size:1em;padding:10px 15px 10px 50px}
	.edu-wr .cnt2 .list-sec .list-box li:before {width:25px;height:25px;left:15px;top:13px;background-size:auto 25px}

	.edu-wr .cnt2 .grid-sec {grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;column-gap:10px}
	.edu-wr .cnt2 .grid-sec .item {display:flex;flex-direction:column;justify-content:space-between;align-items:center}
	.edu-wr .cnt2 .grid-sec .img-box {display:none}
	.edu-wr .cnt2 .grid-sec .item span {font-size:1em;line-height:1.1}
	.edu-wr .cnt2 .grid-sec .item .tit {font-size:1.22em;line-height:1.4}

	.edu-wr .cnt3 .edu-tab-box dl dt {width:120px;font-size:1.22em}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 dt {left:120px}
	.edu-wr .cnt3 .edu-tab-box dl.tab3 dt {left:240px}
	.edu-wr .cnt3 .edu-tab-box dl dt:after {height:20px;background-size:auto 20px}
	.edu-wr .cnt3 .edu-tab-box dl.on dt:after {width:20px}
	.edu-wr .cnt3 .edu-tab-box dl dd {padding:40px}
	.edu-wr .cnt3 .edu-tab-box dl dd .tit {font-size:1.77em;margin-bottom:20px}
	.edu-wr .cnt3 .edu-tab-box dl dd .txt {font-size:1.11em}
	.edu-wr .cnt3 .edu-tab-box dl dd .img-box {margin:30px auto}
	.edu-wr .cnt3 .edu-tab-box dl dd .list-box {flex-direction:column}
	.edu-wr .cnt3 .edu-tab-box dl dd .list-box .item {padding:20px}
	.edu-wr .cnt3 .edu-tab-box dl.tab3 dd .list-box .item {width:100%}
}
@media all and (max-width:599px) {
	.edu-wr .cnt2 .list-sec {padding-bottom:40px;border-radius:60px}
	.edu-wr .cnt2 .list-sec .tit-sec {margin-bottom:30px}
	.edu-wr .cnt2 .list-sec .tit-sec .tit1, .edu-wr .cnt2 .list-sec .tit-sec .tit2 {font-size:1em}
}
@media all and (max-width:499px) {
	.edu-wr .cnt3 .edu-tab-box dl dt {width:85px;height:45px;font-size:1em}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 dt {left:85px}
	.edu-wr .cnt3 .edu-tab-box dl.tab3 dt {left:170px}
	.edu-wr .cnt3 .edu-tab-box dl dt:after {height:15px;background-size:auto 15px}
	.edu-wr .cnt3 .edu-tab-box dl.on dt:after {width:15px}
	.edu-wr .cnt3 .edu-tab-box dl dd {border-radius:0 10px 20px 20px;padding:30px 20px}
	.edu-wr .cnt3 .edu-tab-box dl dd .list-box .item {padding:15px 20px}
}
@media all and (max-width:399px) {
	.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart {gap:10px}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item {width:100px;height:100px}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item:after {right:-22px}
	.edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item .tit, .edu-wr .cnt3 .edu-tab-box dl.tab2 .flow-sec .flow-chart .flow-item .txt {line-height:1.3}
}
/* ==============================
 * BRAND : ceo스토리
================================= */
.ceo-wr {}
.ceo-wr .cnt {position:relative}
.ceo-wr .cnt:after {content:"";display:block;position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center top}
.ceo-wr .cnt > div {display:flex;justify-content:space-between;margin-bottom:40px}

.ceo-wr .cnt > div .tit-wr {width:50%;font-family:"ivymode", sans-serif;color:#33383D;font-weight:300;word-break:keep-all}
.ceo-wr .cnt > div .tit-wr .tit {display:block;position:relative;font-size:120px;letter-spacing:-.05em;z-index:1}
.ceo-wr .cnt > div .tit-wr .stit {display:block;position:relative;width:150%;font-size:50px;padding-left:14.28%;letter-spacing:1px;z-index:1}
.ceo-wr .cnt > div .tit-wr .txt {padding-top:27%}
.ceo-wr .cnt > div .tit-wr .txt > span {display:block;color:#1D1F22;font-size:1.78em;font-weight:400; line-height:1.8;font-family:"Spoqa Han Sans Neo", sans-serif;letter-spacing:-.05em}

.ceo-wr .cnt > div .img-box {width:50%;border-radius:0 400px 0 0;overflow:hidden}
.ceo-wr .cnt > div .img-box img {display:block;width:100%;object-fit:cover}

.ceo-wr .cnt > .detail-txt {flex-direction:column;margin-bottom:40px}
.ceo-wr .cnt > .detail-txt > p {margin-bottom:30px;color:#33383D;font-size:1.22em;font-weight:300}
.ceo-wr .cnt > .detail-txt > p:last-of-type {margin-bottom:0}
.ceo-wr .cnt > .detail-txt > .acc {font-weight:400}

.ceo-wr .ceo1 {margin-bottom:100px}
.ceo-wr .ceo1:after {width:25.71%;height:408px;left:-18.57%;top:261px;background-image:url(/images/homepage/Content/ceo_char01.png)}
.ceo-wr .ceo1 > div .tit-wr .txt {padding-left:10%}

.ceo-wr .ceo2:after {width:21.35%;height:400px;right:-13.14%;top:286px;background-image:url(/images/homepage/Content/ceo_char02.png)}
.ceo-wr .ceo2 > div {flex-direction:row-reverse}
.ceo-wr .ceo2 > div .tit-wr .tit {margin-left:-70px}
.ceo-wr .ceo2 > div .tit-wr .txt {padding-left:2.714%}
.ceo-wr .ceo2 > div .img-box {border-radius:400px 0 0 0}

/* 효과 */
.ceo-wr .cnt:after {opacity:0;transition:opacity .8s ease, transform 1s ease}
.ceo-wr .ceo1:after {transform:translateX(-30px)}
.ceo-wr .ceo2:after {transform:translateX(30px)}

.ceo-wr .cnt > div .tit-wr > span,
.ceo-wr .cnt > div .tit-wr .txt {transform:translateY(25px);opacity:0;transition:all 1s ease-out}
.ceo-wr .cnt > div .tit-wr > span:nth-of-type(1) {transition-delay:.2s}
.ceo-wr .cnt > div .tit-wr > span:nth-of-type(2) {transition-delay:.4s}
.ceo-wr .cnt > div .tit-wr .txt:nth-of-type(1) {transition-delay:.6s}

.ceo-wr .cnt > div .img-box {display:block;opacity:0;transition:opacity .8s ease, transform 1s ease}
.ceo-wr .ceo1 > div .img-box {transform:translateX(30px)}
.ceo-wr .ceo2 > div .img-box {transform:translateX(-30px)}

.ceo-wr .cnt.on:after {opacity:1;transform:translateX(0)}
.ceo-wr .cnt.on > div .img-box {opacity:1;transform:translateX(0)}
.ceo-wr .cnt.on > div .tit-wr > span,
.ceo-wr .cnt.on > div .tit-wr .txt {opacity:1;transform:translateY(0)}

@media all and (max-width:1499px) {
	.ceo-wr .ceo1:after {left:unset;right:-5%;transform:translateX(-30px) rotateY(180deg)}
	.ceo-wr .ceo2:after {right:unset;left:-5%;transform:translateX(30px) rotateY(180deg)}
	.ceo-wr .cnt.on:after {transform:translateX(0) rotateY(180deg)}
	.ceo-wr .ceo1 > div .img-box {border-radius:0 35vw 0 0}
	.ceo-wr .ceo2 > div .img-box {border-radius:35vw 0 0 0}
}
@media all and (max-width:1299px) {
	.ceo-wr .ceo1:after {top:22vw}
	.ceo-wr .ceo2:after {top:24vw}
	.ceo-wr .cnt > div .tit-wr .tit {font-size:4em}
	.ceo-wr .cnt > div .tit-wr .stit {font-size:1.88em}
	.ceo-wr .cnt > div .tit-wr .txt {padding-top:27%}
	.ceo-wr .cnt > div .tit-wr .txt > span {font-size:1.55em;line-height:1.4}
	.ceo-wr .cnt > .detail-txt > p {font-size:1.11em}
}
@media all and (max-width:999px) {
	.ceo-wr .ceo1 {margin-bottom:70px}
	.ceo-wr .ceo2 > div .tit-wr .stit {padding-left:0;margin-left:-5%}
}
@media all and (max-width:768px) {
	.ceo-wr .ceo1:after, .ceo-wr .ceo2:after {display:none}
	.ceo-wr .cnt > div {flex-direction:column-reverse}
	.ceo-wr .cnt > div .tit-wr {width:100%;margin-top:-45px}
	.ceo-wr .cnt > div .tit-wr .stit {padding-left:0;margin-left:0}
	.ceo-wr .cnt > div .tit-wr .txt {padding-top:40px}
	.ceo-wr .cnt > div .img-box {width:80%}

	.ceo-wr .ceo1 {margin-bottom:50px}
	.ceo-wr .ceo2 > div .tit-wr .tit {margin-left:0}
	.ceo-wr .ceo1 > div .img-box {margin-left:auto;border-radius:45vw 0 0 0}
	.ceo-wr .ceo2 > div .img-box {margin-right:auto;border-radius: 0 45vw 0 0}
}
@media all and (max-width:499px) {
	.ceo-wr .cnt > div {margin-bottom:35px}
	.ceo-wr .cnt > div .tit-wr {margin-top:5px}
	.ceo-wr .cnt > div .tit-wr .tit {font-size:3em;line-height:1.3}
	.ceo-wr .cnt > div .tit-wr .stit {font-size:1.55em;width:100%;padding-left:8%;box-sizing:border-box}
	.ceo-wr .cnt > div .tit-wr .txt {padding-top:25px;padding-left:4%}
	.ceo-wr .cnt > div .tit-wr .txt > span {font-size:1.33em}
}
@media all and (max-width:399px) {
	.ceo-wr .cnt > div .tit-wr .tit {font-size:2.66em}
	.ceo-wr .cnt > div .tit-wr .stit {font-size:1.33em;padding-left:0}
	.ceo-wr .cnt > div .tit-wr .txt > span {display:inline}
	.ceo-wr .cnt > div .tit-wr .txt > span:nth-of-type(1) {display:block}
}

/* ==============================
 * cnt-case1 컨텐츠 공통
================================= */
.cnt-case1 {}
.cnt-case1 .cnt .txt-sec {text-align:center}
.cnt-case1 .cnt .txt-sec > span {display:block}
.cnt-case1 .cnt .txt-sec .eng {position:relative;font-size:2.22em;color:#000}
.cnt-case1 .cnt .txt-sec .tit {position:relative;font-family:'SBAggro', sans-serif;font-weight:300;font-size:3.33em;color:#33383D;font-weight:300;margin-bottom:60px;line-height:normal}
.cnt-case1 .cnt .txt-sec .tit:after {content:"";display:block;width:2px;height:44px;background-color:#DADADA;box-sizing:border-box;margin:30px auto}
.cnt-case1 .cnt .txt-sec .eng + .tit:before {content:"";display:block;width:2px;height:44px;background-color:#DADADA;box-sizing:border-box;margin:30px auto}
.cnt-case1 .cnt .txt-sec .eng + .tit:after {display:none}
.cnt-case1 .cnt .txt-sec .mtxt {font-size:1.667em;color:#33383D;margin-bottom:30px}
.cnt-case1 .cnt .txt-sec .txt {font-size:1.22em;color:#555;line-height:1.8;letter-spacing:-.05em;margin-bottom:10px}

@media all and (max-width:999px) {
	.cnt-case1 .cnt .txt-sec .eng {font-size:1.88em}
	.cnt-case1 .cnt .txt-sec .eng + .tit {margin-bottom:40px}
	.cnt-case1 .cnt .txt-sec .tit {font-size:2.55em;margin-bottom:0}
	.cnt-case1 .cnt .txt-sec .eng + .tit:before,
	.cnt-case1 .cnt .txt-sec .tit:after {height:4vw;min-height:25px;margin:20px auto}
	.cnt-case1 .cnt .txt-sec .mtxt {font-size:1.557em;margin-bottom:20px}
	.cnt-case1 .cnt .txt-sec .txt {font-size:1.155em;margin-bottom:15px}
}
@media all and (max-width:599px) {
	.cnt-case1 .cnt .txt-sec .eng + .tit:before {margin:10px auto 15px}
	.cnt-case1 .cnt .txt-sec .tit:after {margin:10px auto}
}
@media all and (max-width:499px) {
	.cnt-case1 .cnt .txt-sec .eng {font-size:1.278em;line-height:1.2}
	.cnt-case1 .cnt .txt-sec .eng + .tit {margin-bottom:25px}
	.cnt-case1 .cnt .txt-sec .tit {font-size:2em}
	.cnt-case1 .cnt .txt-sec .eng + .tit:before,
	.cnt-case1 .cnt .txt-sec .tit:after {height:17px;min-height:initial;margin:10px auto}
	.cnt-case1 .cnt .txt-sec .mtxt {font-size:1.33em;margin-bottom:15px}
	.cnt-case1 .cnt .txt-sec .txt {font-size:1.05em;margin-bottom:10px;line-height:1.55}
}

/* ==============================
 * Brand : 슬로건
================================= */
.slogan-wr {}
.slogan-wr .cnt {position:relative;margin-bottom:100px}
.slogan-wr .cnt:after {content:"";display:block;position:absolute;background-repeat:no-repeat;background-size:contain}
.slogan-wr .cnt .txt-sec .txt {color:#555;line-height:1.8}
.slogan-wr .cnt .img-sec {margin-top:60px}
.slogan-wr .cnt .img-sec .img-box img {display:block;width:100%}

.slogan-wr .cnt1:after {width:30.5%;height:386px;background-image:url(/images/homepage/Content/slogan_char_01.png);right:-13.57%;bottom:-257px;background-position:left center}
.slogan-wr .cnt1 .img-sec {display:flex;justify-content:space-between;gap:25px}
.slogan-wr .cnt1 .img-sec .img-item .txt {display:block;font-size:1.388em;color:#fff;font-weight:500;padding:21px 10px;text-align:center;box-sizing:border-box;background-color:#1A7AD3;line-height:1.6}
.slogan-wr .cnt1 .img-sec .img-item:nth-of-type(2) .txt {background-color:#1236B7}
.slogan-wr .cnt1 .img-sec .img-item:nth-of-type(3) .txt {background-color:#E2CD19}

.slogan-wr .cnt2:after {width:30.5%;height:314px;background-image:url(/images/homepage/Content/slogan_char_02.png);left:-16.71%;bottom:0;background-position:right bottom}
.slogan-wr .cnt2 .img-sec {position:relative;left:50%;transform:translateX(-50%);width:100vw;background-color:#F5F5F5;padding:40px 40px 60px}
.slogan-wr .cnt2 .img-sec .img-box {max-width:1400px;margin:0 auto}

.slogan-wr .cnt3 {margin-bottom:30px}
.slogan-wr .cnt3:after {width:25.07%;height:419px;background-image:url(/images/homepage/Content/slogan_char_03.png);right:-12.14%;top:20px;background-position:left top}
.slogan-wr .cnt3 .img-sec {display:flex;justify-content:space-between;gap:20px}
.slogan-wr .cnt3 .img-sec .img-item {text-align:center}
.slogan-wr .cnt3 .img-sec .img-item .img-box {margin-bottom:20px}
.slogan-wr .cnt3 .img-sec .img-item .img-box img {max-width:271px}
.slogan-wr .cnt3 .img-sec .img-item .txt1 {display:block;font-size:1.611em;font-weight:700;color:#1D1F22;margin-bottom:10px}
.slogan-wr .cnt3 .img-sec .img-item .txt2 {display:block;font-size:1.22em;font-weight:500;color:#33383D}

@media all and (max-width:999px) {
	.slogan-wr .cnt1 .img-sec .img-item .txt {line-height:1;padding:15px 10px}
	.slogan-wr .cnt3 .img-sec .img-item .txt1 {font-size:1.33em}
	.slogan-wr .cnt3 .img-sec .img-item .txt2 {font-size:1.11em}
}
@media all and (max-width:768px) {
	.slogan-wr .cnt {margin-bottom:70px}
	.slogan-wr .cnt3 .img-sec .img-item .txt1 {margin-bottom:8px}
	.slogan-wr .cnt3 .img-sec .img-item .txt2 {font-size:1.11em;line-height:1.2}
}
@media all and (max-width:599px) {
	.slogan-wr .cnt {margin-bottom:40px}
	.slogan-wr .cnt1 .img-sec {gap:10px}
}
@media all and (max-width:550px) {
	.slogan-wr .cnt3 .img-sec {flex-wrap:wrap;gap:30px;margin-top:30px}
	.slogan-wr .cnt3 .img-sec .img-item {width:calc((100% - 30px)/2)}
	.slogan-wr .cnt3 .img-sec .img-item .img-box {margin-bottom:10px}
}
@media all and (max-width:399px) {
	.slogan-wr .cnt1 .img-sec {flex-direction:column;margin-top:20px;gap:20px}
}

/* ==============================
 * Program : 교육프로그램(The Power of Drawing)
================================= */
.power-wr {}
.power-wr .slice {display:block}
.power-wr .cnt {position:relative;margin-bottom:100px}
.power-wr .cnt .txt-sec {margin-bottom:60px}

.power-wr .cnt1 {margin-top:100px}
.power-wr .cnt1 .img-sec {position:relative;left:50%;transform:translateX(-50%);width:100vw;background:linear-gradient(0deg, #F8DF33 0%, #F8DF33 100%), #428CCA;padding:60px 40px;text-align:center}
.power-wr .cnt1 .img-sec p {max-width:1400px;font-size:1.333em;color:#33383D;font-weight:500;line-height:1.8;letter-spacing:-.052em;padding:0 30px;margin:0 auto;box-sizing:border-box}
.power-wr .cnt1 .img-sec .img-box {position:relative;max-width:1400px;margin:50px auto 0}
.power-wr .cnt1 .img-sec .img-box:after {content:"";display:block;position:absolute;width:13.69%;height:532px;right:-6.845%;bottom:0;background-repeat:no-repeat;background-size:contain;background-position:left bottom;background-image:url(/images/homepage/Content/power_char_01.png)}
.power-wr .cnt1 .img-sec .img-box img {display:block;width:100%}

@media all and (max-width:1460px) {
	.power-wr .cnt1 .img-sec .img-box {padding:0 30px;box-sizing:border-box}
}
@media all and (max-width:999px) {
	.power-wr .slice {display:none}
}
@media all and (max-width:768px) {
	.power-wr .cnt {margin-bottom:70px}
	.power-wr .cnt .txt-sec {margin-bottom:50px}
	.power-wr .cnt1 {margin-top:70px}
	.power-wr .cnt1 .img-sec {padding:40px}
}
@media all and (max-width:599px) {
	.power-wr .cnt {margin-bottom:40px}
	.power-wr .cnt .txt-sec {margin-bottom:40px}
	.power-wr .cnt1 {margin-top:50px}
	.power-wr .cnt1 .img-sec {padding:30px}
	.power-wr .cnt1 .img-sec p {font-size:1em;line-height:1.5}
	.power-wr .cnt1 .img-sec .img-box {margin:30px auto 0}
}


.power-wr .cnt2 .card-sec {display:flex;gap:20px;justify-content:space-between;margin-top:60px}
.power-wr .cnt2 .card-sec .card {position:relative;display:flex;align-items:center;justify-content:center;position:relative;width:calc((100% - 80px)/5);height:300px;border-radius:15px;text-align:center;overflow:hidden;background-size:cover;transition:all .6s ease}
.power-wr .cnt2 .card-sec .card:nth-child(2n+2) {margin-top:40px}
.power-wr .cnt2 .card-sec .card1 {background-color:#F6D4AA}
.power-wr .cnt2 .card-sec .card2 {background-color:#FFF296}
.power-wr .cnt2 .card-sec .card3 {background-color:#B0E9D4}
.power-wr .cnt2 .card-sec .card4 {background-color:#C7E4FF}
.power-wr .cnt2 .card-sec .card5 {background-color:#D5C7FF}
.power-wr .cnt2 .card-sec .card:before {content:"";display:block;position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all .6s ease;z-index:0}
.power-wr .cnt2 .card-sec .card1:before {background-image:url(/images/homepage/Content/power_cdbg_01.jpg)}
.power-wr .cnt2 .card-sec .card2:before {background-image:url(/images/homepage/Content/power_cdbg_02.jpg)}
.power-wr .cnt2 .card-sec .card3:before {background-image:url(/images/homepage/Content/power_cdbg_03.jpg)}
.power-wr .cnt2 .card-sec .card4:before {background-image:url(/images/homepage/Content/power_cdbg_04.jpg)}
.power-wr .cnt2 .card-sec .card5:before {background-image:url(/images/homepage/Content/power_cdbg_05.jpg)}
.power-wr .cnt2 .card-sec .card span {position:relative;padding:0 20px;font-size:1.333em;color:#33383D;font-weight:700;line-height:normal;letter-spacing:-.05em;box-sizing:border-box}

/* 카드 호버 이펙트 */
@media(hover: hover) {
	.power-wr .cnt2 .card-sec .card:nth-child(odd) {-webkit-animation:tadaOutRight .5s forwards;animation: tadaOutRight .5s forwards}
	.power-wr .cnt2 .card-sec .card:nth-child(odd):hover {-webkit-animation: tadaRight .5s forwards;animation: tadaRight .5s forwards}
	.power-wr .cnt2 .card-sec .card:nth-child(2n+2) {-webkit-animation: tadaOutLeft .5s forwards;animation: tadaOutLeft .5s forwards}
	.power-wr .cnt2 .card-sec .card:nth-child(2n+2):hover {-webkit-animation: tadaLeft .5s forwards;animation: tadaLeft .5s forwards}

	.edu-wr .cnt2 .grid-sec .item:nth-of-type(odd) {-webkit-animation:tadaOutRight .5s forwards;animation: tadaOutRight .5s forwards}
	.edu-wr .cnt2 .grid-sec .item:nth-of-type(odd):hover {-webkit-animation: tadaRight .5s forwards;animation: tadaRight .5s forwards}
	.edu-wr .cnt2 .grid-sec .item:nth-of-type(2n+2) {-webkit-animation: tadaOutLeft .5s forwards;animation: tadaOutLeft .5s forwards}
	.edu-wr .cnt2 .grid-sec .item:nth-of-type(2n+2):hover {-webkit-animation: tadaLeft .5s forwards;animation: tadaLeft .5s forwards}

	.bm-section3 .card-sec .card:nth-of-type(odd) {-webkit-animation:tadaOutRight .5s forwards;animation: tadaOutRight .5s forwards}
	.bm-section3 .card-sec .card:nth-of-type(odd):hover {-webkit-animation: tadaRight .5s forwards;animation: tadaRight .5s forwards}
	.bm-section3 .card-sec .card:nth-of-type(2n+2) {-webkit-animation: tadaOutLeft .5s forwards;animation: tadaOutLeft .5s forwards}
	.bm-section3 .card-sec .card:nth-of-type(2n+2):hover {-webkit-animation: tadaLeft .5s forwards;animation: tadaLeft .5s forwards}
}

@-webkit-keyframes tadaLeft {
	0% {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
	33.33% {-webkit-transform: rotate(-2deg) scale(1.05);transform: rotate(-2deg) scale(1.05)}
	66.66% {-webkit-transform: rotate(-1deg) scale(1.015);transform: rotate(-1deg) scale(1.015)}
	to {-webkit-transform: rotate(-1.5deg) scale(1.025);transform: rotate(-1.5deg) scale(1.025)}
}

@keyframes tadaLeft {
	0% {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
	33.33% {-webkit-transform: rotate(-2deg) scale(1.05);transform: rotate(-2deg) scale(1.05)}
	66.66% {-webkit-transform: rotate(-1deg) scale(1.015);transform: rotate(-1deg) scale(1.015)}
	to {-webkit-transform: rotate(-1.5deg) scale(1.025);transform: rotate(-1.5deg) scale(1.025)}
}

@-webkit-keyframes tadaOutLeft {
	0% {-webkit-transform: rotate(-1.5deg) scale(1.025);transform: rotate(-1.5deg) scale(1.025)}
	33.33% {-webkit-transform: rotate(-.25deg) scale(1.005);transform: rotate(-.25deg) scale(1.005)}
	66.66% {-webkit-transform: rotate(-.5deg) scale(1.01);transform: rotate(-.5deg) scale(1.01)}
	to {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
}

@keyframes tadaOutLeft {
	0% {-webkit-transform: rotate(-1.5deg) scale(1.025);transform: rotate(-1.5deg) scale(1.025)}
	33.33% {-webkit-transform: rotate(-.25deg) scale(1.005);transform: rotate(-.25deg) scale(1.005)}
	66.66% {-webkit-transform: rotate(-.5deg) scale(1.01);transform: rotate(-.5deg) scale(1.01)}
	to {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
}

@-webkit-keyframes tadaRight {
	0% {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
	33.33% {-webkit-transform: rotate(2deg) scale(1.05);transform: rotate(2deg) scale(1.05)}
	66.66% {-webkit-transform: rotate(1deg) scale(1.015);transform: rotate(1deg) scale(1.015)}
	to {-webkit-transform: rotate(1.5deg) scale(1.025);transform: rotate(1.5deg) scale(1.025)}
}

@keyframes tadaRight {
	0% {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
	33.33% {-webkit-transform: rotate(2deg) scale(1.05);transform: rotate(2deg) scale(1.05)}
	66.66% {-webkit-transform: rotate(1deg) scale(1.015);transform: rotate(1deg) scale(1.015)}
	to {-webkit-transform: rotate(1.5deg) scale(1.025);transform: rotate(1.5deg) scale(1.025)}
}

@-webkit-keyframes tadaOutRight {
	0% {-webkit-transform: rotate(1.5deg) scale(1.025);transform: rotate(1.5deg) scale(1.025)}
	33.33% {-webkit-transform: rotate(.25deg) scale(1.005);transform: rotate(.25deg) scale(1.005)}
	66.66% {-webkit-transform: rotate(.5deg) scale(1.01);transform: rotate(.5deg) scale(1.01)}
	to {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
}

@keyframes tadaOutRight {
	0% {-webkit-transform: rotate(1.5deg) scale(1.025);transform: rotate(1.5deg) scale(1.025)}
	33.33% {-webkit-transform: rotate(.25deg) scale(1.005);transform: rotate(.25deg) scale(1.005)}
	66.66% {-webkit-transform: rotate(.5deg) scale(1.01);transform: rotate(.5deg) scale(1.01)}
	to {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1)}
}

@media all and (max-width:1199px) {
	.power-wr .cnt2 .card-sec {flex-wrap:wrap;justify-content:center}
	.power-wr .cnt2 .card-sec .card {width:calc((100% - 40px)/3)}
	.power-wr .cnt2 .card-sec .card:nth-child(4) {margin-top:0}
}
@media all and (max-width:999px) {
	.power-wr .cnt2 .txt-sec {margin-bottom:50px}
	.power-wr .cnt2 .card-sec {margin-top:40px}
}
@media all and (max-width:768px) {
	.power-wr .cnt2 .card-sec {margin-top:30px}
	.power-wr .cnt2 .card-sec .card {height:200px}
	.power-wr .cnt2 .card-sec .card span {font-size:1.22em}
}
@media all and (max-width:499px) {
	.power-wr .cnt2 .card-sec {gap:10px}
	.power-wr .cnt2 .card-sec .card {width:calc((100% - 20px)/2);height:150px}
	.power-wr .cnt2 .card-sec .card:nth-child(2n+2) {margin-top:0}
}


.power-wr .cnt3 {position:relative}
.power-wr .cnt3 .txt-sec {position:relative;z-index:1}
.power-wr .cnt3 .diagram-sec {position:relative;isolation:isolate;margin-top:90px}
.power-wr .cnt3 .diagram-sec:before, .power-wr .cnt3 .diagram-sec:after {content:"";display:block;position:absolute;background-repeat:no-repeat;background-size:contain}
.power-wr .cnt3 .diagram-sec:before {width:28.85%;height:515px;left:-12.85%;top:-125px;background-image:url(/images/homepage/Content/power_char_02.png);background-position:right center;z-index:-1}
.power-wr .cnt3 .diagram-sec:after {width:16.71%;height:440px;right:-9.64%;bottom:0;background-image:url(/images/homepage/Content/power_char_03.png);background-position:left bottom;z-index:0}
.power-wr .cnt3 .diagram-sec .dia1{--this-theme-color:#0787FF;--this-sub-color:#C7E4FF;margin-bottom:60px}
.power-wr .cnt3 .diagram-sec .dia2 {--this-theme-color:#F86680;--this-sub-color:#EDBBC4}
.power-wr .cnt3 .diagram-sec .dia span {display:block}
.power-wr .cnt3 .diagram-sec .dia .tit {width:64%;border-radius:20px 20px 0 0;background-color:var(--this-theme-color);padding:10px;text-align:center;font-size:2.22em;color:#fff;font-weight:700;line-height:1.6;margin:0 auto}
.power-wr .cnt3 .diagram-sec .dia .row {display:flex;justify-content:space-between;align-items:center;gap:30px;height:284px;border-radius:20px;padding:40px;box-sizing:border-box}
.power-wr .cnt3 .diagram-sec .dia .row1 {background-color:var(--this-sub-color)}
.power-wr .cnt3 .diagram-sec .dia .row2 {background-color:var(--this-theme-color)}
.power-wr .cnt3 .diagram-sec .dia .row .img-box {display:flex;align-items:center;justify-content:center;height:100%;background-color:#fff;border-radius:50%;overflow:hidden}
.power-wr .cnt3 .diagram-sec .dia .row .img-box img {display:block;width:100%}
.power-wr .cnt3 .diagram-sec .dia .row .img-box.small img {width:initial;object-position:center}
.power-wr .cnt3 .diagram-sec .dia .row > p {display:flex;align-items:center;justify-content:center;border-radius:20px;background-color:#fff;height:100%;padding:30px 20px;font-size:1.33em;font-weight:500;color:#33383D;line-height:1.6;letter-spacing:-.05em;text-align:center;box-sizing:border-box}

@media all and (max-width:999px) {
	.power-wr .cnt3 .diagram-sec {margin-top:70px}
	.power-wr .cnt3 .diagram-sec .dia .row {height:240px}
	.power-wr .cnt3 .diagram-sec .dia .row > p {font-size:1.11em}
}
@media all and (max-width:768px) {
	.power-wr .cnt3 .diagram-sec {margin-top:50px}
	.power-wr .cnt3 .diagram-sec .dia1 {margin-bottom:40px}
	.power-wr .cnt3 .diagram-sec .dia .tit {font-size:1.88em;line-height:1.2}
	.power-wr .cnt3 .diagram-sec .dia .row {height:200px;padding:20px;gap:10px}
	.power-wr .cnt3 .diagram-sec .dia .row2 {height:auto;align-items:stretch}
	.power-wr .cnt3 .diagram-sec .dia .row > p {width:calc((100% - 20px)/3);height:auto}
}
@media all and (max-width:599px) {
	.power-wr .cnt3 .diagram-sec {margin-top:40px}
	.power-wr .cnt3 .diagram-sec .dia1 {margin-bottom:20px}
	.power-wr .cnt3 .diagram-sec .dia .row1 {height:150px}
	.power-wr .cnt3 .diagram-sec .dia .row2 {flex-wrap:wrap}
	.power-wr .cnt3 .diagram-sec .dia .row > p {width:100%;padding:20px;text-align:left}
}

/* ==============================
 * Program : 정규프로그램
================================= */
#contents #cont:has(.regprogram-wr) {padding-bottom:0}
.regprogram-wr {letter-spacing:-.05em}
.regprogram-wr .cnt {margin-bottom:100px}
.regprogram-wr .cnt span {display:block}
.regprogram-wr .cnt .cnt-mtit {font-family:"SBAggro",sans-serif;font-size:2.5em;font-weight:400;color:#33383D;text-align:center;line-height:1.6;margin-bottom:20px}

.regprogram-wr .cnt1 .sideB {position:relative;isolation:isolate;padding:60px 40px;margin-top:100px}
.regprogram-wr .cnt1 .sideB:before {content:"";display:block;position:absolute;width:100vw;height:100%;background-color:#F86680;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.regprogram-wr .cnt1 .sideB:after {content:"";display:block;position:absolute;width:22.51%;height:353px;right:-11%;top:23.73%;background-image:url(/images/homepage/Content/regprogram_char_01.png);background-size:contain;background-position:right center;background-repeat:no-repeat}
.regprogram-wr .cnt1 .sideB .cnt-mtit {color:#fff;margin-bottom:40px}
.regprogram-wr .cnt1 .sideB .inr-wrap {display:flex;position:relative;flex-direction:column;gap:20px}
.regprogram-wr .cnt1 .sideB .inr-wrap:before, 
.regprogram-wr .cnt1 .sideB .inr-wrap:after {content:"";display:block;position:absolute;width:471px;height:350px;background-image:url(/images/homepage/Content/regprogram_deco_01.png);background-repeat:no-repeat;background-size:contain;z-index:-1}
.regprogram-wr .cnt1 .sideB .inr-wrap:before {left:-23.64%;top:-17.96%;background-position:left top}
.regprogram-wr .cnt1 .sideB .inr-wrap:after {right:-22%;bottom:0;background-position:right bottom}
.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item {background-color:#fff;padding:60px 40px;border-radius:20px;text-align:center;box-sizing:border-box}
.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item .stit {font-size:1.444em;font-weight:700;color:#F86680;line-height:1.8;margin-bottom:9px}
.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item .txt {font-size:1.22em;font-weight:500;color:#33383D;line-height:1.8}
@media all and (max-width:1499px) {
	.regprogram-wr .cnt1 .sideB:after {width:222px;height:247px;background-size:222px auto;top:0;right:-50px;z-index:-1}
}
@media all and (max-width:1199px) {
	.regprogram-wr .cnt1 .sideB:after {display:none}
}
@media all and (max-width:999px) {
	.regprogram-wr .cnt1 .sideB {padding:60px 0;}
	.regprogram-wr .cnt1 .sideB .cnt-mtit {font-size:2em;line-height:1.3}
	.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item {padding:30px}
	.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item .stit {font-size:1.3em;line-height:1.2222}
	.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item .txt {font-size:1.1em;line-height:1.333}
	.regprogram-wr .cnt .cnt-mtit {font-size:2em;line-height:1.3}
}
@media all and (max-width:699px) {
	.regprogram-wr .cnt1 .sideB {padding:50px 0;margin-top:50px}
	.regprogram-wr .cnt {margin-bottom:50px}
	.regprogram-wr .cnt1 .sideB .inr-wrap .inr-item {padding:20px}
	.regprogram-wr .cnt1 .sideB .inr-wrap:before, .regprogram-wr .cnt1 .sideB .inr-wrap:after {width:235px;height:175px;background-size:235px auto}
	.regprogram-wr .cnt1 .sideB .inr-wrap:before {left:-20px;top:-100px}
	.regprogram-wr .cnt1 .sideB .inr-wrap:after {right:-20px;bottom:-50px}
}

.regprogram-wr .cnt2 .inr-wrap .inr-item {display:flex;justify-content:space-between;border-radius:20px;background-color:var(--this-bg-color);padding:50px 120px;margin-bottom:20px;transition:all .6s ease}
.regprogram-wr .cnt2 .inr-wrap .inr-item:nth-of-type(1) {--this-theme-color:#1080E8;--this-bg-color:#F2F9FF;--this-shad-color:rgba(16, 128, 232, 0.30)}
.regprogram-wr .cnt2 .inr-wrap .inr-item:nth-of-type(2) {--this-theme-color:#29BF77;--this-bg-color:#E7FDF2;--this-shad-color:rgba(41, 191, 119, 0.30)}
.regprogram-wr .cnt2 .inr-wrap .inr-item:nth-of-type(3) {--this-theme-color:#EE9C3B;--this-bg-color:#FEF2E5;--this-shad-color:rgba(238, 156, 59, 0.30)}
.regprogram-wr .cnt2 .inr-wrap .inr-item:nth-of-type(4) {--this-theme-color:#9675F6;--this-bg-color:#F5F2FD;--this-shad-color:rgba(150, 117, 246, 0.30)}
.regprogram-wr .cnt2 .inr-wrap .inr-item:nth-of-type(5) {--this-theme-color:#E1CC0D;--this-bg-color:#FFFDED;--this-shad-color:rgba(225, 204, 13, 0.30)}
.regprogram-wr .cnt2 .inr-wrap .inr-item:last-of-type {margin-bottom:0}
.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec {display:flex;width:24.71%;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}
.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec span {display:block}
.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .tit {width:100%;max-width:210px;border-radius:50px;background:var(--this-theme-color);box-shadow:0px 4px 4px 0px var(--this-shad-color);padding:10px;font-size:1.72em;font-family:"ivymode", sans-serif;color:#fff;line-height:1.6}
.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .acc {font-size:3.55em;font-weight:700;line-height:1.8;color:var(--this-theme-color);white-space:nowrap}
.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .txt {font-size:2em;color:#33383D;font-weight:500;line-height:1.8}
.regprogram-wr .cnt2 .inr-wrap .inr-item .txt-sec {display:flex;width:68.11%;align-items:center;text-align:left}
.regprogram-wr .cnt2 .inr-wrap .inr-item .txt-sec > p {font-size:1.44em;color:#33383D;font-weight:400;line-height:1.8}
@media all and (max-width:1199px) {
	.regprogram-wr .cnt2 .inr-wrap .inr-item {padding:30px 50px}
}
@media all and (max-width:999px) {
	.regprogram-wr .cnt2 .inr-wrap .inr-item {padding:30px}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .tit {width:150px;font-size:1.4em;line-height:1}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .acc {font-size:2.8em;line-height:1.2;margin:10px 0}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .txt {font-size:1.5em;line-height:1.2}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .txt-sec > p {font-size:1.2em;line-height:1.5}
}
@media all and (max-width:699px) {
	.regprogram-wr .cnt2 .inr-wrap .inr-item {display:block}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .txt-sec,
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec {width:100%;text-align:center}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .txt-sec {margin-top:20px}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .tit {font-size:1.1em;width:120px}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .acc {font-size:2.4em}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .tit-sec .txt {font-size:1.1em}
	.regprogram-wr .cnt2 .inr-wrap .inr-item .txt-sec > p {font-size:1.1em}
}
@media all and (max-width:499px) {
	.regprogram-wr .cnt2 .inr-wrap .inr-item {padding:20px}
}
.regprogram-wr .cnt3 {position:relative;isolation:isolate;padding:60px 0;margin-bottom:0;text-align:center}
.regprogram-wr .cnt3:before {content:"";display:block;position:absolute;width:100vw;height:100%;background:#F9F9F9 url(/images/homepage/Content/regprogram_deco_02.png) no-repeat;background-size:cover;left:50%;top:0;transform:translateX(-50%);z-index:-1;background-size:100% auto}
.regprogram-wr .cnt3 .cnt-mtit {color:#F86680} 
.regprogram-wr .cnt3 .flow-sec {margin:40px 0}
.regprogram-wr .cnt3 .flow-sec .flow-tit {font-size:2em;font-weight:700;line-height:1.6;color:#33383D;text-align:center}
.regprogram-wr .cnt3 .flow-sec .flow-chart {display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0 40px}
.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item {display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;width:182px;height:182px;border-radius:50%;background-color:#FCE6EA;color:#33383D;text-align:center;padding:10px;box-sizing:border-box}
.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item:after {content:"";display:block;position:absolute;width:50px;height:50px;right:-34px;top:50%;transform:translateY(-50%);background-image:url(/images/homepage/Content/regprogram_ico_01.png);background-size:cover;z-index:1;background-size:100% auto}
.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item:last-child:after {display:none}
.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item .tit {font-size:1.22em;font-weight:500;line-height:1.6}
.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item .txt {font-size:1em;color:#555;font-weight:500;line-height:1.6}
.regprogram-wr .cnt3 .stit {font-size:1.44em;font-weight:700;line-height:1.6;color:#33383D;margin-bottom:20px}
.regprogram-wr .cnt3 .txt {font-size:1.22em;font-weight:500;line-height:1.6;color:#555}
.regprogram-wr .cnt3 .txt span {display:block;margin-bottom:10px}
.regprogram-wr .cnt3 .txt span:last-of-type {margin-bottom:0}
@media all and (max-width:999px) {
	.regprogram-wr .cnt3 .flow-sec {margin:25px 0}
	.regprogram-wr .cnt3 .flow-sec .flow-tit {font-size:1.7em;line-height:1.3}
	.regprogram-wr .cnt3 .stit {font-size:1.3em;line-height:1.3}
	.regprogram-wr .cnt3 .txt {line-height:1.3}
}
@media all and (max-width:699px) {
	.regprogram-wr .cnt3 {padding:40px 0}
	.regprogram-wr .cnt3 .txt {font-size:1.1em}
	.regprogram-wr .cnt3 .txt span {margin-bottom:5px}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item {width:127px;height:127px}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item .tit {font-size:1.1em}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item .txt {font-size:.9em}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item:after {width:35px;height:35px;right:-28px}
}
@media all and (max-width:399px) {
	.regprogram-wr .cnt3 .txt {font-size:1.1em}
	.regprogram-wr .cnt3 .txt span {margin-bottom:5px}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item {width:127px;height:127px}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item .tit {font-size:1.1em}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item .txt {font-size:.9em}
	.regprogram-wr .cnt3 .flow-sec .flow-chart .flow-item:after {width:35px;height:35px;right:-28px}
}
/* 효과 */
.regprogram-wr .cnt1 .sideB:after {opacity:0;transform:translateY(50px);transition:all 1s ease, opacity .4s ease}
.regprogram-wr .cnt1 .sideB .inr-wrap:before,
.regprogram-wr .cnt1 .sideB .inr-wrap:after {opacity:0;transition:all 1s ease, opacity .4s ease}
.regprogram-wr .cnt1 .sideB .inr-wrap:before {transform:translateX(-80px)}
.regprogram-wr .cnt1 .sideB .inr-wrap:after {transform:translateX(80px)}

.regprogram-wr .cnt1 .sideB.on:after {opacity:1;transform:translateY(0)}
.regprogram-wr .cnt1 .sideB.on .inr-wrap:before,
.regprogram-wr .cnt1 .sideB.on .inr-wrap:after {opacity:1;transform:translateX(0)}
.regprogram-wr .cnt2 .inr-wrap .inr-item:hover {box-shadow:0 6px 10px var(--this-shad-color)}

/* ==============================
 * FRANCHISE : 본사관리시스템
================================= */
.management-wr .cnt .inr-cnt {}
.management-wr .cnt .inr-cnt1 {--this-theme-color:#1080E8;--this-sub-color:#F2F9FF;margin-top:100px;margin-bottom:50px}
.management-wr .cnt .inr-cnt2 {--this-theme-color:#9675F6;--this-sub-color:#F5F2FD}

.management-wr .cnt .inr-cnt .tit-box {position:relative;padding:30px 40px;border-radius:20px;text-align:center;margin-bottom:40px;background-color:var(--this-theme-color);overflow:hidden}
.management-wr .cnt .inr-cnt .tit-box:before {content:"";display:block;position:absolute;bottom:0;background-repeat:no-repeat;background-size:contain;background-position:left bottom}
.management-wr .cnt .inr-cnt .tit-box .tit {font-size:3.55em;font-weight:700;color:#fff;line-height:1.8}
.management-wr .cnt .inr-cnt .items-box {display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.management-wr .cnt .inr-cnt .items-box .item {display:flex;flex-direction:column;width:100%;width:calc((100% - 60px)/4);text-align:center;box-sizing:border-box}
.management-wr .cnt .inr-cnt .items-box .item .img-sec {position:relative;width:100%;padding:0 17px 0 18px;margin:0 auto;box-sizing:border-box;isolation:isolate}
.management-wr .cnt .inr-cnt .items-box .item .img-sec:before {content:"";display:block;position:absolute;width:100%;height:50%;left:0;bottom:0;border-radius:30px 30px 0 0;background-color:var(--this-sub-color);z-index:-1}
.management-wr .cnt .inr-cnt .items-box .item .img-sec .img-box {width:100%;position:relative;margin:0 auto}
.management-wr .cnt .inr-cnt .items-box .item .img-box:after {content:"";display:block;position:absolute;width:60px;height:60px;background:var(--this-theme-color) url(/images/homepage/Content/management_ico_01.png) no-repeat;right:3.33%;top:10px;background-position:center;border-radius:50%}
.management-wr .cnt .inr-cnt .items-box .item .img-box img {width:100%}
.management-wr .cnt .inr-cnt .items-box .item .txt-box {background-color:var(--this-sub-color);height:100%;border-radius:0 0 30px 30px;padding:20px;box-sizing:border-box}
.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-tit {display:block;font-size:1.66em;font-weight:700;line-height:1.6;margin-bottom:10px;color:var(--this-theme-color)}
.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-txt {display:block;font-size:1.11em;color:#33383D;line-height:1.8}

.management-wr .cnt .inr-cnt1 .tit-box:before {width:174px;height:100%;background-image:url(/images/homepage/Content/management_char_01.png);left:17.71%}
.management-wr .cnt .inr-cnt2 .tit-box:before {width:214px;height:100%;background-image:url(/images/homepage/Content/management_char_02.png);right:14.85%}

/* 효과 */
.management-wr .cnt .inr-cnt .tit-box:before {transform:translateY(100%);transition:all .8s ease}
.management-wr .cnt .inr-cnt .items-box .item .img-box:after {opacity:0;transform:translateY(-30px);transition:all .8s ease, opacity .6s ease}
.management-wr .cnt .inr-cnt .items-box .item:nth-of-type(1) .img-box:after {transition-delay:0s}
.management-wr .cnt .inr-cnt .items-box .item:nth-of-type(2) .img-box:after {transition-delay:.1s}
.management-wr .cnt .inr-cnt .items-box .item:nth-of-type(3) .img-box:after {transition-delay:.2s}
.management-wr .cnt .inr-cnt .items-box .item:nth-of-type(4) .img-box:after {transition-delay:.3s}

.management-wr .cnt .inr-cnt.entered .tit-box:before {transform:translateY(0)}
.management-wr .cnt .inr-cnt.entered .items-box .item .img-box:after {opacity:1;transform:translateY(0)}

@media all and (max-width:1299px) {
	.management-wr .cnt .inr-cnt .items-box .item .img-box:after {top:0}
	.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-tit {font-size:1.33em;line-height:1.4}
	.management-wr .cnt .inr-cnt1 .tit-box:before {width:16.42%;left:10%}
	.management-wr .cnt .inr-cnt2 .tit-box:before {width:20%;right:0}
}
@media all and (max-width:999px) {
	.management-wr {margin-top:70px}
	.management-wr .cnt .inr-cnt1 {margin-top:70px}

	.management-wr .cnt .inr-cnt .tit-box {padding:20px}
	.management-wr .cnt .inr-cnt .items-box .item .img-sec .img-box {max-width:223px}
	.management-wr .cnt .inr-cnt .items-box .item .img-box:after {width:42px;height:42px;top:10px;background-size:24px auto}
	.management-wr .cnt .inr-cnt .items-box .item .img-box img {max-width:223px}
	.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-tit {font-size:1.44em;line-height:1.3;margin-bottom:10px}
	
	.management-wr .cnt .inr-cnt1 .tit-box:before {width:120px;left:5%}
	.management-wr .cnt .inr-cnt2 .tit-box:before {width:175px;}
	.management-wr .cnt .inr-cnt1 .items-box .item {width:calc((100% - 40px)/2)}
	.management-wr .cnt .inr-cnt2 .items-box .item {width:calc((100% - 40px)/3)}
}
@media all and (max-width:768px) {
	.management-wr {margin-top:50px}
	.management-wr .cnt .inr-cnt1 {margin-top:50px;margin-bottom:40px}

	.management-wr .cnt .inr-cnt .tit-box {margin-bottom:30px}
	.management-wr .cnt .inr-cnt .tit-box .tit {font-size:2em}
	.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-tit {font-size:1.33em}
	.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-txt {font-size:1em;line-height:1.6}
}
@media all and (max-width:599px) {
	.management-wr .cnt .inr-cnt1 {margin-top:30px}
	
	.management-wr .cnt .inr-cnt .tit-box {padding:10px;margin-bottom:20px}
	.management-wr .cnt .inr-cnt .tit-box .tit {font-size:1.66em}
	.management-wr .cnt .inr-cnt .items-box .item {width:100%}
	.management-wr .cnt .inr-cnt .items-box .item .img-box img {max-width:145px}
	.management-wr .cnt .inr-cnt .items-box .item .txt-box .item-tit br {display:none}

	.management-wr .cnt .inr-cnt2 .tit-box:before {width:110px}
	.management-wr .cnt .inr-cnt1 .tit-box:before, .management-wr .cnt .inr-cnt2 .tit-box:before {display:none}
}

/* ==============================
 * 창업교육과정
================================= */
.foundCrri-wr {position:relative;--cnt-bottom:70px;--table-margin-b:40px;--cat-height:60px}
.foundCrri-wr table .tit {font-weight:500}
.foundCrri-wr .cnt .txt-sec {margin-bottom:var(--cnt-bottom)}
.foundCrri-wr .row {margin-bottom:70px;text-align:center}
.foundCrri-wr .row .row-tit {padding:18px 40px;line-height:100%;border-radius:20px;text-align:center;background-color:#1080E8;box-sizing:border-box}
.foundCrri-wr .row .row-tit span {font-size:40px;line-height:1.25;font-weight:700;color:#fff}
.foundCrri-wr .row .row-tit .acc {color:#FFE924}
.foundCrri-wr .row .cat {display:block;width:max-content;margin:20px auto;padding:0 30px;height:var(--cat-height);line-height:var(--cat-height);border-radius:30px;border:2px solid #006CCF;color:#33383D;font-size:1.33em;font-weight:700;box-sizing:border-box}
.foundCrri-wr .row .cat em {font-style:normal;color:#1080E8}
.foundCrri-wr .row .is-wauto-box {margin-bottom:var(--table-margin-b)}

.foundCrri-wr .row3 .row-tit {background-color:#FF738C}
.foundCrri-wr .row3 .cat {border-color:#FF738C}
.foundCrri-wr .row3 .cat em {color:#D23552}

@media all and (max-width:999px) {
	.foundCrri-wr {--cnt-bottom:50px;--table-margin-b:30px;--cat-height:50px}
	.foundCrri-wr .row .row-tit span {font-size:30px}
}
@media all and (max-width:768px) {
	.foundCrri-wr .row .row-tit {padding:12px 20px}
	.foundCrri-wr .row .row-tit span {font-size:1.55em}
	.foundCrri-wr .row .cat {margin:15px auto 10px;font-size:1.11em}
}
@media all and (max-width:599px) {
	.foundCrri-wr {--cnt-bottom:30px;--table-margin-b:20px;--cat-height:40px}
}

/* ==============================
 * 영렘브란트 교재
================================= */
#contents:has(.artbook-wr) {max-width:initial;padding:0}

/* 변수선언 */
.artbook-wr .cnt2 {--cnt-bg-color:#FCE6EA;--theme-color:#F86680}
.artbook-wr .cnt3 {--cnt-bg-color:#E7FDF2;--theme-color:#11B77C}
.artbook-wr .cnt4 {--cnt-bg-color:#F2F9FF;--theme-color:#1080E8}
/* 변수 사용건 */
.artbook-wr .cnt {background-color:var(--cnt-bg-color)}
.artbook-wr .cnt .inr-cnt .txt-sec .top-box .num {color:var(--theme-color)}
.artbook-wr .cnt .inr-cnt .txt-sec .top-box .stit {color:var(--theme-color)}

/* 공통 */
.artbook-wr {letter-spacing:-.05em}
.artbook-wr .cnt {display:flex;align-content:center;position:relative;min-height:730px;background-size:cover;background-repeat:no-repeat;background-position:center}

.artbook-wr .cnt .inr-cnt {display:flex;position:relative;max-width:1400px;margin:0 auto;align-items:center}
.artbook-wr .cnt .inr-cnt .txt-sec {text-align:center;font-weight:500;width:50%;padding:50px;box-sizing:border-box}
.artbook-wr .cnt .inr-cnt .txt-sec .top-box {text-align:center;margin-bottom:50px}
.artbook-wr .cnt .inr-cnt .txt-sec .top-box > span {transition-delay:0s}
.artbook-wr .cnt .inr-cnt .txt-sec .top-box .num {display:inline-block;width:60px;height:60px;border-radius:50%;background-color:#fff;font-family:"ivymode", sans-serif;font-size:1.11em;margin-bottom:20px;box-sizing:border-box;line-height:60px}
.artbook-wr .cnt .inr-cnt .txt-sec .top-box .stit {display:block;font-size:1.44em;font-weight:500}
.artbook-wr .cnt .inr-cnt .txt-sec .txt-box {display:flex;height:100%;flex-direction:column;justify-content:center;margin:0 auto}
.artbook-wr .cnt .inr-cnt .txt-sec .txt-box span {display:block;color:#33383D;font-weight:400;line-height:1.6}
.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .tit {font-family:"SBAggro", sans-serif;font-size:3.33em;color:#33383D;font-weight:400;line-height:normal;margin-bottom:60px}
.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .tit:after {display:none}
.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .txt {font-size:1.11em;color:#33383D;line-height:1.8}

.artbook-wr .cnt .inr-cnt .img-sec {position:relative;width:50%;overflow:hidden;box-sizing:border-box}
.artbook-wr .cnt .inr-cnt .img-sec .img-box {display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center}
.artbook-wr .cnt .inr-cnt .img-sec .img-box img {object-fit:cover;object-position:center center;max-width:100%}

.artbook-wr .cnt1 {display:block;min-height:initial;margin-bottom:70px}
.artbook-wr .cnt1 .txt-sec {width:auto;padding:0 50px}

.artbook-wr .cnt2 {background-image:url(/images/homepage/Content/artbook_bg01.jpg)}
.artbook-wr .cnt3 {background-image:url(/images/homepage/Content/artbook_bg02.jpg)}
.artbook-wr .cnt4 {background-image:url(/images/homepage/Content/artbook_bg03.jpg)}

@media all and (max-width:1024px) {
	.artbook-wr .cnt .inr-cnt .txt-sec .top-box {margin-bottom:20px}
	.artbook-wr .cnt .inr-cnt .txt-sec .top-box .num {width:42px;height:42px;line-height:42px}
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .tit {font-size:3em;margin-bottom:30px}
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box {padding:0 50px}
}
@media all and (max-width:999px) {
	.artbook-wr .cnt {min-height:initial}
	.artbook-wr .cnt .inr-cnt .txt-sec {padding:50px 30px}
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .tit {font-size:2.22em}
	.artbook-wr .cnt .inr-cnt .img-sec {padding:0 30px}

	.artbook-wr .cnt1 {margin-bottom:50px}
}
@media all and (max-width:768px) {
	.artbook-wr .cnt .inr-cnt {flex-direction:column-reverse}
	.artbook-wr .cnt .inr-cnt .txt-sec {width:100%;padding-bottom:0;padding-top:40px}
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box {height:auto}
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .tit {margin-bottom:20px}
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box .txt {line-height:1.55}
	.artbook-wr .cnt .inr-cnt .img-sec {width:100%;padding:40px 30px;transform:translateZ(0);margin-top:20px;padding-top:0}

	.artbook-wr .cnt3 .inr-cnt {flex-direction:column}
}
@media all and (max-width:599px) {
	.artbook-wr .cnt .inr-cnt .img-sec {opacity:1}
	.artbook-wr .cnt1 {margin-bottom:30px}
}
@media all and (max-width:399px) {
	.artbook-wr .cnt .inr-cnt .txt-sec .txt-box {padding:0}
}

/* ==============================
 * 원장모집
================================= */
.principal-wr {max-width:1920px;margin:0 auto}
.principal-wr div img {width:100%;max-width:100%}
.principal-wr .sec {position:relative}
.principal-wr .yt-link-box {position:absolute;left:29.166%;top:65.113%;width:41.666%;height:27.442%}
.principal-wr .yt-link-box a.yt-link {display:block;width:100%;height:100%}
.principal-wr .succ-link-box a.succ-link {position:absolute;left:26.562%;width:46.875%;height:29.661%;border-radius:175px;box-sizing:border-box}
.principal-wr .succ-link-box a.link1 {top:5.169%}
.principal-wr .succ-link-box a.link2 {top:34.83%}
.principal-wr .succ-link-box a.link3 {top:64.491%}
.principal-wr .sec4-link-box {position:absolute;left:33.333%;top:56.604%;width:33.229%;height:6.386%}
.principal-wr .sec4-link-box a.sec4-link {display:block;width:100%;height:100%;border-radius:20px}
.principal-wr .brAppl-link-box {position:absolute;left:50%;top:71.298%;transform:translateX(-50%)}
.principal-wr .brAppl-link-box a.brAppl-btn {display:flex;width:224px;height:67px;border-radius:40px;background-color:#0097d6;box-shadow:inset 0 -7px 0 0 #00638c;justify-content:center;align-items:center;box-sizing:border-box}
.principal-wr .brAppl-link-box a.brAppl-btn span {font-size:1.333em;color:#fff;font-weight:700;line-height:1;margin-bottom:7px}

/* @media all and (min-width:1920px) {
	.principal-wr .brAppl-link-box {width:11.666%;height:8.701%;border-radius:1.8vw}
	.principal-wr .brAppl-link-box a.brAppl-btn {width:100%;height:100%;border-radius:1.8vw}
	.principal-wr .brAppl-link-box a.brAppl-btn span {font-size:1vw}
} */
@media all and (max-width:768px) {
	.principal-wr .brAppl-link-box a.brAppl-btn {width:180px;height:50px}
}
@media all and (max-width:499px) {
	.principal-wr .brAppl-link-box a.brAppl-btn {width:150px;height:35px}
	.principal-wr .brAppl-link-box a.brAppl-btn span {font-size:1.111em}
}


/* ==============================
 * YR AI
================================= */
body.popup-open {overflow:hidden}
body.popup-open #header-wrap {z-index:10}
body.popup-open #container {z-index:12000}
body.popup-open #container #contents #cont .yrai-wr .select-section:after {content:'';display:block;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(1px);z-index:0}
/* #pop-section-bg {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:11999} */

.yrai-wr {position:relative}
.yrai-wr .br {display:none}
.yrai-wr .hidden {display:none}
.yrai-wr .select-section {position:relative}
.yrai-wr .select-section ul {display:flex;flex-wrap:wrap;justify-content:space-between}
.yrai-wr .select-section ul li.item {display:flex;width:calc((100% - 60px)/3);margin-top:30px;padding:43px 30px;align-items:center;gap:30px;border-radius:15px;background:#FFF;border:1px solid #fff;box-shadow: 0px 10px 20px 0px rgba(204, 204, 204, 0.20);box-sizing:border-box;transition:.6s ease;transition-property:border-color,box-shadow;;cursor:pointer}
.yrai-wr .select-section ul li.item:nth-child(-n+3) {margin-top:0}
.yrai-wr .select-section .item .icon-box {flex-shrink:0}
.yrai-wr .select-section .item .icon-box:after {content:'';display:block;width:100px;height:100px;background:#E4F1FD url(/images/homepage/Content/yrai_icon01.png) center no-repeat;border-radius:20px;margin:0 auto}
.yrai-wr .select-section .item .icon-box .stit {display:flex;height:33px;align-items:center;justify-content:center;font-size:0.888em;color:#fff;font-weight:700;padding: 5px 20px;border-radius:50px;margin:0 auto;box-sizing:border-box}
.yrai-wr .select-section .item .txt-box {}
.yrai-wr .select-section .item .txt-box .tit {display:block;position:relative;margin-bottom:10px;}
.yrai-wr .select-section .item .txt-box .tit:after {content:'';display:inline-block;width:24px;height:24px;background:url(/images/homepage/Content/yrai_arr.png) center no-repeat;margin-left:10px;vertical-align:middle;transition:transform .4s ease}
.yrai-wr .select-section .item .txt-box .tit em {color: #222;font-size:1.277em;font-weight:500;font-style:normal;line-height: normal;letter-spacing: -0.575px;vertical-align:middle}
.yrai-wr .select-section .item .txt-box .txt {font-size:1em;line-height:1.4;letter-spacing: -0.54px;}

/* 개별 스타일링 */
.yrai-wr .select-section .item.cate01 .icon-box:after {background-color:#E4F1FD;background-image:url(/images/homepage/Content/yrai_icon01.png)}
.yrai-wr .select-section .item.cate02 .icon-box:after {background-color:#FCFAE7;background-image:url(/images/homepage/Content/yrai_icon02.png)}
.yrai-wr .select-section .item.cate03 .icon-box:after {background-color:#E2F9E7;background-image:url(/images/homepage/Content/yrai_icon03.png)}
.yrai-wr .select-section .item.cate04 .icon-box:after {background-color:#F5F2FF;background-image:url(/images/homepage/Content/yrai_icon04.png)}
.yrai-wr .select-section .item.cate05 .icon-box:after {background-color:#FEEFEC;background-image:url(/images/homepage/Content/yrai_icon05.png)}
.yrai-wr .select-section .item.cate01 .stit {background-color:#1080E8;}
.yrai-wr .select-section .item.cate02 .stit {background-color:#E1CC0D;}
.yrai-wr .select-section .item.cate03 .stit {background-color:#11B77C;}
.yrai-wr .select-section .item.cate04 .stit {background-color:#9675F6;}
.yrai-wr .select-section .item.cate05 .stit {background-color:#F14646;}

/* ===== 팝업박스모음 섹션 */
.yrai-wr .pop-section {visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;box-sizing:border-box;}
.yrai-wr .pop-section.is-visible {visibility:visible}
.yrai-wr .pop-section .pop-item {visibility:hidden;opacity:0;position:fixed;max-height:calc(100vh - 100px);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;box-sizing:border-box;overflow:hidden;transition:all .4s ease}
.yrai-wr .pop-section .pop-item.is-open {visibility:visible;opacity:1}
.yrai-wr .pop-section .pop-item input[class="hidden"] {display:none}
.yrai-wr .pop-section .pop-item button {display:block;border:0;background-color:transparent;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .panels-wr {display:flex;max-height:calc(100vh - 100px);box-sizing:border-box}
.yrai-wr .pop-section .pop-item .panel {flex:1 0 0;display: flex;width:550px;min-height: 650px;padding:40px;background-color:#fff;flex-direction: column;align-items: center;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .panel01 {background-color:#fff;overflow-x:hidden;overflow-y:auto;}
.yrai-wr .pop-section .pop-item .panel02 {background-color:#F9F9F9;}
.yrai-wr .pop-section .pop-item .panel02:not(:has(.activate)) {display:none}
.yrai-wr .pop-section .pop-item .tit-box {flex-shrink:0;text-align:center}
.yrai-wr .pop-section .pop-item .tit-box .tit {position:relative;display:inline-flex;justify-content:center;align-items:center;height:45px;margin-bottom:10px;color: #33383D;text-align: center;font-family: "SBAggro";font-weight:300;font-size:1.667em;font-style: normal;line-height: normal;letter-spacing: -1.5px;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .panel01 .tit-box .tit {padding-left:60px;}
.yrai-wr .pop-section .pop-item .tit-box .tit .icon {content:'';display:block;position:absolute;width:45px;height:45px;left:0;top:0;border-radius:10px}
.yrai-wr .pop-section .pop-item .tit-box .tit .icon01 {background:url(/images/homepage/Content/yrai_icon_s01.png) no-repeat center;}
.yrai-wr .pop-section .pop-item .tit-box .tit .icon02 {background:url(/images/homepage/Content/yrai_icon_s02.png) no-repeat center;}
.yrai-wr .pop-section .pop-item .tit-box .tit .icon03 {background:url(/images/homepage/Content/yrai_icon_s03.png) no-repeat center;}
.yrai-wr .pop-section .pop-item .tit-box .tit .icon04 {background:url(/images/homepage/Content/yrai_icon_s04.png) no-repeat center;}
.yrai-wr .pop-section .pop-item .tit-box .tit .icon05 {background:url(/images/homepage/Content/yrai_icon_s05.png) no-repeat center;}
.yrai-wr .pop-section .pop-item .tit-box .txt {display:flex;height:60px;align-items:center;justify-content:center;box-sizing:border-box}

.yrai-wr .pop-section .pop-item .cont-box {/* flex-shrink:0; */width:100%;margin:20px auto 10px;height:100%;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .panel02 .cont-box {overflow-x:hidden;overflow-y:auto;margin-right:20px}
.yrai-wr .pop-section .pop-item .cont-box ul {}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li {margin-bottom:20px}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li:nth-last-of-type(1) {margin-bottom:0}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .lbl {font-size:1em;font-weight:500;color:#222;line-height: normal;letter-spacing: -0.9px;margin-bottom:10px}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld {display:flex;align-items:center;justify-content:space-between;gap:10px}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .input-area,
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld input[type="text"] {flex:1 0 0;height:43px;border-radius:5px;background: #F8F8F8;padding:0 20px;font-size:.944em;color:#555;border:0;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld input::placeholder,
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld input::-moz-placeholder,
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld input::-webkit-input-placeholder {color:#727272}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .fld-textarea {width:100%;height:200px;border-radius: 5px;background: #F8F8F8;color:#555;font-size:.944em;padding:20px;border:0;resize:none;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item {flex:1 0 0;display:flex;position:relative;width:calc(100% - 130px);align-items:center;color:#727272;height:50px !important;font-size:.944em;box-sizing:border-box;user-select:none}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item > span {display:block;width:calc(100% - 34px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item button.delete-btn {visibility:hidden;position:absolute;right:20px;width:24px;height:24px;}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item.done {user-select:auto}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item.done button.delete-btn {visibility:visible}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.chks-wr {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.chks-wr .chk-val {padding:12px 15px;border-radius:5px;background-color: #F8F8F8;border: 1px solid rgba(136, 136, 136, 0.20);color:#727272;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;font-size: 14px;font-weight: 400;letter-spacing: -.75px;line-height:1}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.chks-wr .chk-val.checked {background-color:#008BFF;color:#fff}
.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.chks-wr input:checked + .chk-val {background-color:#008BFF;color:#fff}

.yrai-wr .pop-section .pop-item .ai-vers {flex-shrink:0;position:relative;display:block;width:100%;padding-left:21px;color: #7DA7D0;font-size:0.888em;line-height:16px;text-align:left;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .ai-vers:before {content:'';display:block;position:absolute;width:16px;height:16px;left:0;top:0;background:url(/images/homepage/Content/yrai_icon_ai.png) no-repeat center}

.yrai-wr .pop-section .pop-item .generate-btn {display: flex;flex-shrink:0;width: 120px;height: 46px;border-radius: 40px;background: #186AFE;padding: 0px 50px;justify-content: center;align-items: center;margin:20px auto 0;transition:.4s ease;transition-property:background-color;}
.yrai-wr .pop-section .pop-item .generate-btn > span {position:relative;display:flex;align-items:center;font-size:0.944em;color:#fff;font-weight:500;line-height:1.5;letter-spacing:-0.85px;padding-left:30px;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .generate-btn > span:before {content:'';display:block;position:absolute;left:0;width:21px;height:20px;background:url(/images/homepage/Content/yrai_btn_icon01.png) center no-repeat}
.yrai-wr .pop-section .pop-item .copy-btn {/* display:none; */display:flex;flex-shrink:0;position:absolute;left:50%;bottom:0;width:115px;height:34px;padding:5px 14px;transform:translateX(-50%);justify-content:center;align-items: center;border-radius: 5px;margin:0 auto;background:#ECECEC;box-sizing:border-box;cursor:pointer;transition:.4s ease;transition-property:background-color;}
.yrai-wr .pop-section .pop-item .copy-btn.active {display:flex}
.yrai-wr .pop-section .pop-item .copy-btn > span {position:relative;font-family:"SBAggro";font-size:15px;font-weight:300;color:#444;font-weight:300;padding:2px 0 0 34px;box-sizing:border-box;transition:color .4s ease}
.yrai-wr .pop-section .pop-item .copy-btn > span:after {content:'';display:block;position:absolute;left:0;top:-2px;width:24px;height:24px;background:url(/images/homepage/Content/yrai_btn_icon03.png) center no-repeat;transition:background-image .4s ease}
.yrai-wr .pop-section .pop-item .upload-btn {display:flex;flex-shrink:0;position:relative;width:120px;height:50px;padding: 8px 15px;justify-content:center;align-items: center;border-radius: 5px;background: #F8F8F8;box-sizing:border-box;cursor:pointer;overflow:hidden;isolation:isolate}
.yrai-wr .pop-section .pop-item .upload-btn:before {content:'';visibility:hidden;display:block;position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(-100%);background-color:#E7E7E7;box-sizing:border-box;transition:transform .4s ease,visibility .4s ease}
.yrai-wr .pop-section .pop-item .upload-btn > span {position:relative;display:flex;align-items:center;font-family:"SBAggro";font-size:15px;color:#555555;font-weight:300;line-height:normal;padding-right:31px;box-sizing:border-box;transition:color .4s ease}
.yrai-wr .pop-section .pop-item .upload-btn > span:after {content:'';display:block;position:absolute;right:0;width:24px;height:24px;background:url(/images/homepage/Content/yrai_btn_icon02.png) center no-repeat;transition:background-image .4s ease}
.yrai-wr .pop-section .pop-item .upload-btn.done {background-color:#008BFF;}
.yrai-wr .pop-section .pop-item .upload-btn.done > span {color:#fff}
.yrai-wr .pop-section .pop-item .upload-btn.done > span:after {background-image:url(/images/homepage/Content/yrai_btn_icon01_wt.png)}

.yrai-wr .pop-section .pop-item .close-btn {position:absolute;right:0;top:0;width:60px;height:60px;border-radius:0 30px 0 30px;background-color:#AFAFAF;border:0;z-index:1}
.yrai-wr .pop-section .pop-item .close-btn:before,
.yrai-wr .pop-section .pop-item .close-btn:after {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:20px;height:2px;background-color:#fff;margin:auto;transition:transform .4s ease}
.yrai-wr .pop-section .pop-item .close-btn:before {transform:rotate(45deg);}
.yrai-wr .pop-section .pop-item .close-btn:after {transform:rotate(135deg);}

.yrai-wr .pop-section .pop-item .cont-item {display:none;width:100%;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .cont-item.activate {display:block}

/* 팝업박스모음 섹션 : 프롬프트 사용예시 */
.yrai-wr .pop-section .pop-item .exam-div {}
.yrai-wr .pop-section .pop-item .exam-div .info-ex01 {margin-bottom:20px}
.yrai-wr .pop-section .pop-item .exam-div .txt {display:block;color:#888;line-height:1.6;letter-spacing: -0.9px;margin-top:10px}
.yrai-wr .pop-section .pop-item .exam-div .txt strong {font-weight:500}
.yrai-wr .pop-section .pop-item.no-exam {}
.yrai-wr .pop-section .pop-item.no-exam .panel02 {}

/* 팝업박스모음 섹션 : 생성중 */
.yrai-wr .pop-section .pop-item .progress-div {}
.yrai-wr .pop-section .pop-item .progress-div img {display:block;width:100%;height:auto;max-width:400px;margin:20px auto 0}

/* 팝업박스모음 섹션 : 생성완료 */
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div {height:100%;overflow-x:hidden;/* overflow-y:hidden */}
.yrai-wr .pop-section .pop-item .result-div {position:relative;box-sizing:border-box}
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box {background-color:#fff;padding:0;height:calc(100% - 130px);box-sizing:border-box;}
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box:has(img) {background-color:transparent}
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box:has(.copy-btn) {height:calc(100% - 130px);}
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box > p {overflow-x:hidden;overflow-y:auto;padding:20px;margin-right:20px;box-sizing:border-box;}
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box img {display:block;width:100%;height:auto;max-width:450px;margin:0 auto;box-sizing:border-box;}

/* 팝업박스모음 섹션 : 생성완료 이미지 */
.yrai-wr .pop-section .pop-item .result-div.pic-div {}
.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div.pic-div > .cont-box {background:transparent;padding:0;height:calc(100% - 70px)}

/* 호버 이펙트 */
.yrai-wr .select-section .item.cate01:hover, .yrai-wr .select-section .item.cate01:focus-visible {border-color:#1080E8;box-shadow: 0px 10px 20px 0px #1080E822;}
.yrai-wr .select-section .item.cate02:hover, .yrai-wr .select-section .item.cate02:focus-visible {border-color:#E1CC0D;box-shadow: 0px 10px 20px 0px #E1CC0D22;}
.yrai-wr .select-section .item.cate03:hover, .yrai-wr .select-section .item.cate03:focus-visible {border-color:#11B77C;box-shadow: 0px 10px 20px 0px #11B77C22;}
.yrai-wr .select-section .item.cate04:hover, .yrai-wr .select-section .item.cate04:focus-visible {border-color:#9675F6;box-shadow: 0px 10px 20px 0px #9675F622;}
.yrai-wr .select-section .item.cate05:hover, .yrai-wr .select-section .item.cate05:focus-visible {border-color:#F14646;box-shadow: 0px 10px 20px 0px #F1464622;}
.yrai-wr .select-section .item:hover .txt-box .tit:after, .yrai-wr .select-section .item:focus-visible .txt-box .tit:after {animation:vibrating .4s ease-in-out both;}

/* 버튼 호버 이펙트 */
.yrai-wr .pop-section .pop-item .generate-btn:hover, .yrai-wr .pop-section .pop-item .generate-btn:focus-visible {background-color:#0F5AE1;}
.yrai-wr .pop-section .pop-item .generate-btn:hover > span:before, .yrai-wr .pop-section .pop-item .generate-btn:focus-visible > span:before {animation:vibrating .8s .2s ease-in infinite backwards;}
.yrai-wr .pop-section .pop-item .upload-btn:hover:before, .yrai-wr .pop-section .pop-item .upload-btn:focus-visible:before {transform:translateX(0);visibility:visible;}
.yrai-wr .pop-section .pop-item .upload-btn:hover > span, .yrai-wr .pop-section .pop-item .upload-btn:focus-visible > span {color:#555}
.yrai-wr .pop-section .pop-item .upload-btn:hover > span:after, .yrai-wr .pop-section .pop-item .upload-btn:focus-visible > span:after {background-image:url(/images/homepage/Content/yrai_btn_icon02.png)}
.yrai-wr .pop-section .pop-item .copy-btn:hover, .yrai-wr .pop-section .pop-item .copy-btn:focus-visible {background-color:#0F5AE1;}
.yrai-wr .pop-section .pop-item .copy-btn:hover > span, .yrai-wr .pop-section .pop-item .copy-btn:focus-visible > span {color:#fff}
.yrai-wr .pop-section .pop-item .copy-btn:hover > span:after, .yrai-wr .pop-section .pop-item .copy-btn:focus-visible > span:after {background-image:url(/images/homepage/Content/yrai_btn_icon03_wt.png);animation:vibrating .8s .2s ease-in infinite backwards;}
.yrai-wr .pop-section .pop-item .close-btn:hover:before, .yrai-wr .pop-section .pop-item .close-btn:focus-visible:before {transform:rotate(135deg);}
.yrai-wr .pop-section .pop-item .close-btn:hover:after, .yrai-wr .pop-section .pop-item .close-btn:focus-visible:after {transform:rotate(225deg);}

/* 스크롤바 커스텀 : 미완 - 브라우저별로 추가할것!!!!! */
.yrai-wr .pop-section .pop-item .panels-wr::-webkit-scrollbar {width:5px}
.yrai-wr .pop-section .pop-item .panels-wr::-webkit-scrollbar-thumb {background:#B1B1B1;border-radius:5px;opacity:.5;box-shadow:0 10px 20px #3743591A}
.yrai-wr .pop-section .pop-item .panels-wr::-webkit-scrollbar-track {background-color:#E8E8E8;border-radius:5px}

.yrai-wr .pop-section .pop-item .panel::-webkit-scrollbar {width:5px}
.yrai-wr .pop-section .pop-item .panel::-webkit-scrollbar-thumb {background:#B1B1B1;border-radius:5px;opacity:.5;box-shadow:0 10px 20px #3743591A}
.yrai-wr .pop-section .pop-item .panel::-webkit-scrollbar-track {background-color:#E8E8E8;border-radius:5px}

.yrai-wr .pop-section .pop-item .panel02 .cont-box::-webkit-scrollbar {width:5px}
.yrai-wr .pop-section .pop-item .panel02 .cont-box::-webkit-scrollbar-thumb {background:#B1B1B1;border-radius:5px;opacity:.5;box-shadow:0 10px 20px #3743591A}
.yrai-wr .pop-section .pop-item .panel02 .cont-box::-webkit-scrollbar-track {background-color:#E8E8E8;border-radius:5px}

.yrai-wr .pop-section .pop-item .panel02 .cont-box.result-div > p::-webkit-scrollbar {width:5px}
.yrai-wr .pop-section .pop-item .panel02 .cont-box.result-div > p::-webkit-scrollbar-thumb {background:#B1B1B1;border-radius:5px;opacity:.5;box-shadow:0 10px 20px #3743591A}
.yrai-wr .pop-section .pop-item .panel02 .cont-box.result-div > p::-webkit-scrollbar-track {background-color:#E8E8E8;border-radius:5px}

.yrai-wr .pop-section .pop-item::-webkit-scrollbar {width:5px}
.yrai-wr .pop-section .pop-item::-webkit-scrollbar-thumb {background:#B1B1B1;border-radius:5px;opacity:.5;box-shadow:0 10px 20px #3743591A}
.yrai-wr .pop-section .pop-item::-webkit-scrollbar-track {background-color:#E8E8E8;border-radius:5px}

@media all and (max-width:1499px) {
	.yrai-wr .select-section ul li.item {width:calc((100% - 40px)/3);padding:30px 25px;margin-top:20px}
}
@media all and (max-width:1399px) {
	.yrai-wr .select-section ul li.item {gap:20px}
	.yrai-wr .select-section .item .txt-box .tit:after {width:20px;height:20px;background-size:cover}
	.yrai-wr .select-section .item .txt-box .tit em {font-size:1.111em}
	.yrai-wr .select-section .item .txt-box .txt {font-size:.944em}
}
@media all and (max-width:1299px) {
	.yrai-wr .br {display:block}
	.yrai-wr .select-section ul li.item {gap:15px}
	.yrai-wr .select-section .item .icon-box:after {width:60px;height:60px;background-size:45px 45px}
	.yrai-wr .select-section .item .icon-box .stit {height:30px;padding:0 10px}
	.yrai-wr .select-section .item .txt-box .tit:after {margin-left:5px}
}
@media all and (max-width:1199px) {
	.yrai-wr .pop-section .pop-item .panel {width:400px;min-height:auto}
	.yrai-wr .pop-section .pop-item .tit-box .tit {font-size:1.333em;height:35px}
	.yrai-wr .pop-section .pop-item .panel01 .tit-box .tit {padding-left:45px}
	.yrai-wr .pop-section .pop-item .tit-box .tit .icon {width:35px;height:35px;background-size:35px auto}
	.yrai-wr .pop-section .pop-item .tit-box .txt {height:auto}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.upload-fld {flex-direction:column}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item {flex:auto;width:100%;height:43px !important}
	.yrai-wr .pop-section .pop-item .upload-btn {width:100%;height:43px}

	/* 팝업박스모음 섹션 : 생성완료 */
	.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box {height:calc(100% - 130px)}
	.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box:has(.copy-btn) {height:calc(100% - 130px);}
}
@media all and (max-width:999px) {
	.yrai-wr .select-section ul li.item {width:calc((100% - 20px)/2)}
	.yrai-wr .select-section ul li.item:nth-child(3) {margin-top:20px}
	.yrai-wr .select-section .item .txt-box .tit {margin-bottom:10px}
	.yrai-wr .select-section .item .txt-box .txt {font-size:1em}

	/* 팝업박스모음 섹션 : 생성완료 */
	.yrai-wr .pop-section .pop-item .panel02 .cont-item.result-div > .cont-box > p {padding:10px}
}
@media all and (max-width:899px) {
	body.popup-open {height:100vh;height:100dvh}
	body.popup-open #footer-wrap .top-bt .top-btT {visibility:hidden}
	.yrai-wr .pop-section .pop-item {width:calc(100% - 40px);height:100%;max-height:calc(100vh - 40px)}
	.yrai-wr .pop-section .pop-item .panels-wr {flex-direction:column;width:100%;height:100%;max-height:calc(100vh - 40px);background-color:#F9F9F9;overflow-x:hidden;overflow-y:auto}
	.yrai-wr .pop-section .pop-item .panel {width:auto;height:100%;}
	.yrai-wr .pop-section .pop-item .panel01 {flex-shrink:0;overflow:visible;}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.upload-fld {flex-direction:row}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.chks-wr .chk-val {padding:8px 10px}

	.yrai-wr .pop-section .pop-item .upload-btn {width:120px;}
	.yrai-wr .pop-section .pop-item .copy-btn {position:static;transform:translateX(0);margin:10px auto 0}

	.yrai-wr .pop-section .pop-item.no-exam {height:auto}
	.yrai-wr .pop-section .pop-item.no-exam .panels-wr {height:auto}
	.yrai-wr .pop-section .pop-item.no-exam .panel {height:auto}
	.yrai-wr .pop-section .pop-item.no-exam .panel02 {}
}
@media all and (max-width:768px) {
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld .file-item {height:34px !important}

	.yrai-wr .pop-section .pop-item .generate-btn {width:105px;height:35px;margin:10px auto 0}
	.yrai-wr .pop-section .pop-item .upload-btn {height:34px}
	.yrai-wr .pop-section .pop-item .upload-btn > span:after {width:18px;height:18px;background-size:18px auto}
	.yrai-wr .pop-section .pop-item .close-btn {width:45px;height:45px;border-radius:0 20px 0 20px}
}
@media all and (max-width:699px) {
	.yrai-wr .select-section ul li.item {padding:20px 15px}
	.yrai-wr .select-section .item .icon-box:after {width:45px;height:45px;background-size:35px 35px;border-radius:10px}
	.yrai-wr .select-section .item .icon-box .stit {font-size:12px;height:27px}
	.yrai-wr .select-section .item .txt-box .tit {margin-bottom:5px}
	.yrai-wr .select-section .item .txt-box .tit:after {width:18px;height:18px;background-size:16px 16px}
}
@media all and (max-width:599px) {
	.yrai-wr .select-section ul li.item {flex-direction:column;text-align:center}
	.yrai-wr .select-section .item .txt-box .tit:after {position:absolute;top:3px}
}
@media all and (max-width:499px) {
	.yrai-wr .select-section ul li.item {width:100%;flex-direction:row;text-align:left;padding:15px}
	.yrai-wr .select-section ul li.item:nth-child(2) {margin-top:20px}
	.yrai-wr .select-section .item .txt-box .tit {margin-bottom:2px}
	.yrai-wr .select-section .item .txt-box .tit:after {position:static}
	.yrai-wr .select-section .item .txt-box .txt {font-size:13px}

	.yrai-wr .pop-section .pop-item {width:calc(100% - 20px);max-height:calc(100vh - 20px)}
	.yrai-wr .pop-section .pop-item .panels-wr {max-height:calc(100vh - 20px)}
	.yrai-wr .pop-section .pop-item .panel {padding:25px 20px}
	.yrai-wr .pop-section .pop-item .panel01 {padding-top:45px}
	.yrai-wr .pop-section .pop-item .tit-box .tit {height:30px}
	.yrai-wr .pop-section .pop-item .tit-box .tit .icon {width:30px;height:30px;background-size:30px auto}
	.yrai-wr .pop-section .pop-item .tit-box .txt {line-height:1.3}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li {margin-bottom:12px}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .lbl {margin-bottom:8px}
	.yrai-wr .pop-section .pop-item .cont-box ul .frm-li .fld.upload-fld {flex-direction:column}
	
	.yrai-wr .pop-section .pop-item .upload-btn {width:100%}
	.yrai-wr .pop-section .pop-item .upload-btn > span {font-size:13px}

	.yrai-wr .pop-section .pop-item .exam-div .info-ex01 {font-size:13px;margin-bottom:10px}
	.yrai-wr .pop-section .pop-item .exam-div .txt {font-size:12px}
}

/* ==============================
 * Animation 모음
================================= */
@keyframes vibrating {
	0%{transform:rotate(0)}
	20%{transform:rotate(-25deg)}
	60%{transform:rotate(35deg)}
	100%{transform:rotate(0)}
}