@charset "UTF-8";

/* SECTION 1 */
.st-1 { position:relative; width:100%; }
.st-1 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; }
.st-1 > .wrap::after { content:''; display:table; clear:both; }
.st-1 > .wrap > .bg { position:relative; width:100%; height:550px; overflow:hidden; }
.st-1 > .wrap > .bg > .image { }
.st-1 > .wrap > .bg > .image > img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; animation:help 7.5s linear infinite; }
@keyframes help {
	0% { }
	50% { bottom:-120px }
	100% { }
}
.st-1 > .wrap > .bg > .title { position:absolute; bottom:60px; left:50px; font-size:55px; font-weight:800; font-family:'Unbounded',sans-serif; color:#fff; line-height:65px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-1 > .wrap > .bg { height:520px; }
	.st-1 > .wrap > .bg > .image > img { width:120%; }
	.st-1 > .wrap > .bg > .title { bottom:55px; left:40px; font-size:50px; line-height:60px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-1 > .wrap > .bg { height:470px; }
	.st-1 > .wrap > .bg > .image > img { width:140%; }
	.st-1 > .wrap > .bg > .title { bottom:45px; left:30px; font-size:40px; line-height:50px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-1 > .wrap > .bg { height:390px; }
	.st-1 > .wrap > .bg > .image > img { width:160%; animation:help 6.5s linear infinite; }
	@keyframes help {
		0% { }
		50% { bottom:-100px }
		100% { }
	}
	.st-1 > .wrap > .bg > .title { bottom:35px; left:20px; font-size:30px; line-height:38px; }	
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-1 > .wrap > .bg { height:270px; }
	.st-1 > .wrap > .bg > .image > img { width:170%; animation:help 5.5s linear infinite; }
	@keyframes help {
		0% { }
		50% { bottom:-80px }
		100% { }
	}
	.st-1 > .wrap > .bg > .title { bottom:25px; left:10px; font-size:25px; line-height:32px; }	
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
	.st-1 > .wrap > .bg > .image > img { width:240%; }
	@keyframes help {
		0% { }
		50% { bottom:-80px }
		100% { }
	}
}

/* SECTION 2 */
.st-2 { margin-top:50px; }
.st-2 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-2 > .wrap::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content { }
.st-2 > .wrap > .content > ul { width:calc(100% + 40px); margin-left:-20px; }
.st-2 > .wrap > .content > ul::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > ul > li { position:relative; float:left; width:calc(25% - 40px); height:370px; background:#f5f5f5; margin:0 20px; padding:40px 40px; box-sizing:border-box; }
.st-2 > .wrap > .content > ul > li > .icon { }
.st-2 > .wrap > .content > ul > li > .icon > i { font-size:45px; font-weight:500; }
.st-2 > .wrap > .content > ul > li > .info { position:absolute; width:calc(100% - 80px); bottom:55px; }
.st-2 > .wrap > .content > ul > li > .info > .en { font-size:27px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:37px; }
.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:18px; line-height:26px; margin-top:15px; }
.st-2 > .wrap > .content > ul > li > .info > .button { float:left; margin-top:40px; padding-bottom:10px; cursor:pointer; }
.st-2 > .wrap > .content > ul > li > .info > .button::before { content:''; position:absolute; bottom:0; width:137px; height:2px; background:#000; }
.st-2 > .wrap > .content > ul > li > .info > .button.a::before { width:137px; }
.st-2 > .wrap > .content > ul > li > .info > .button.b::before { width:157px; }
.st-2 > .wrap > .content > ul > li > .info > .button.c::before { width:142px; }
.st-2 > .wrap > .content > ul > li > .info > .button.d::before { width:125px; }
.st-2 > .wrap > .content > ul > li > .info > .button > .box { height:16px; overflow:hidden; }
.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth { position:relative; display:block; width:100%; height:100%; top:0%; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:16px; transition:0.3s; }
.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth > img { height:11px; margin-left:8px; margin-bottom:1px; }
.st-2 > .wrap > .content > ul > li > .info > .button:hover > .box > .depth { top:-100%; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-2 { margin-top:40px; }
	.st-2 > .wrap { padding:0 40px; }
	.st-2 > .wrap > .content > ul { width:calc(100% + 34px); margin-left:-17px; }
	.st-2 > .wrap > .content > ul > li { width:calc(25% - 34px); height:350px; margin:0 17px; padding:34px 34px; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:42px; }
	.st-2 > .wrap > .content > ul > li > .info { width:calc(100% - 68px); bottom:48px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:26px; line-height:35px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:17px; line-height:24.5px; margin-top:14px; }
	.st-2 > .wrap > .content > ul > li > .info > .button { margin-top:37px; padding-bottom:9px; }
	.st-2 > .wrap > .content > ul > li > .info > .button::before { width:128px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.a::before { width:128px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.b::before { width:147px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.c::before { width:134px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.d::before { width:117px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box { height:15px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth { font-size:15px; line-height:15px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth > img { height:10px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-2 { margin-top:30px; }
	.st-2 > .wrap { padding:0 30px; }
	.st-2 > .wrap > .content > ul { width:calc(100% + 24px); margin-left:-12px; }
	.st-2 > .wrap > .content > ul > li { width:calc(25% - 24px); height:305px; margin:0 12px; padding:30px 30px; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:35px; }
	.st-2 > .wrap > .content > ul > li > .info { width:calc(100% - 60px); bottom:40px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:20.5px; line-height:30px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:14.5px; line-height:20px; margin-top:12px; }
	.st-2 > .wrap > .content > ul > li > .info > .button { margin-top:30px; padding-bottom:8px; }
	.st-2 > .wrap > .content > ul > li > .info > .button::before { width:111px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.a::before { width:111px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.b::before { width:128px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.c::before { width:116px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.d::before { width:102px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box { height:13px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth { font-size:13px; line-height:13px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth > img { height:9px; margin-left:7px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-2 { margin-top:20px; }
	.st-2 > .wrap { padding:0 20px; }
	.st-2 > .wrap > .content > ul { width:calc(100% + 20px); margin-left:-10px; }
	.st-2 > .wrap > .content > ul > li { width:calc(50% - 20px); height:190px; margin:0 10px 20px 10px; padding:25px 25px; }	
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:29px; }
	.st-2 > .wrap > .content > ul > li > .info { width:calc(100% - 60px); bottom:30px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:17.5px; line-height:27px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:12.5px; line-height:17px; margin-top:10px; }
	.st-2 > .wrap > .content > ul > li > .info > .button { position:absolute; bottom:0; right:-10px; margin-top:0; padding-bottom:7px; }
	.st-2 > .wrap > .content > ul > li > .info > .button::before { width:103px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.a::before { width:103px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.b::before { width:118px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.c::before { width:107px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.d::before { width:93px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box { height:12px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth { font-size:12px; line-height:12px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth > img { height:8px; margin-left:6px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-2 { margin-top:10px; }
	.st-2 > .wrap { padding:0 10px; }
	.st-2 > .wrap > .content > ul { width:100%; margin-left:0; }
	.st-2 > .wrap > .content > ul > li { width:100%; margin:0 0 10px 0; padding:20px 20px; }
	.st-2 > .wrap > .content > ul > li:last-child { margin:0; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:25px; }
	.st-2 > .wrap > .content > ul > li > .info { width:calc(100% - 40px); bottom:25px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:15.5px; line-height:22px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:11.5px; line-height:15px; margin-top:7px; }
	.st-2 > .wrap > .content > ul > li > .info > .button { position:relative; bottom:auto; right:auto; margin-top:20px; padding-bottom:6px; }
	.st-2 > .wrap > .content > ul > li > .info > .button::before { width:93px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.a::before { width:93px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.b::before { width:107px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.c::before { width:97px; }
	.st-2 > .wrap > .content > ul > li > .info > .button.d::before { width:85px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box { height:11px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth { font-size:11px; line-height:11px; }
	.st-2 > .wrap > .content > ul > li > .info > .button > .box > .depth > img { height:7px; margin-left:5px; }
}

/* MAPS */
.maps { display:none; position:fixed; width:100vw; height:100vh; top:0; left:0; right:0; bottom:0; padding:0; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; z-index:9900; }
.maps > .maps-box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:700px; height:500px; background:#fff; padding-top:50px; overflow:hidden; box-sizing:border-box; }
.maps > .maps-box > .maps-iframe { }
.maps > .maps-box > .maps-iframe > iframe { width:700px; height:460px; border:0; }
.maps > .maps-box > .maps-title { position:absolute; top:0; left:15px; font-size:15px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:50px; }
.maps > .maps-box > .maps-close { position:absolute; top:0; right:0; width:50px; height:50px; background:#fff; cursor:pointer; }
.maps > .maps-box > .maps-close > i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:17px; font-weight:900; color:#000; line-height:50px; }

/* MAPS TYPE-1 */
@media only screen and (max-width:1649px) {
	.maps > .maps-box { width:600px; height:470px; padding-top:47px; }
	.maps > .maps-box > .maps-iframe > iframe { width:600px; height:433px; }
	.maps > .maps-box > .maps-title { left:14px; font-size:14px; line-height:47px; }
	.maps > .maps-box > .maps-close { width:47px; height:47px; }
	.maps > .maps-box > .maps-close > i { font-size:15.5px; line-height:47px; }
}

/* MAPS TYPE-2 */
@media only screen and (max-width:1279px) {
	.maps > .maps-box { width:550px; height:420px; padding-top:40px; }
	.maps > .maps-box > .maps-iframe > iframe { width:550px; height:378px; }
	.maps > .maps-box > .maps-title { left:12px; font-size:12.5px; line-height:40px; }
	.maps > .maps-box > .maps-close { width:40px; height:40px; }
	.maps > .maps-box > .maps-close > i { font-size:13px; line-height:40px; }
}

/* MAPS TYPE-3 */
@media only screen and (max-width:1023px) {
	.maps > .maps-box { width:500px; height:380px; padding-top:37px; }
	.maps > .maps-box > .maps-iframe > iframe { width:500px; height:345px; }
	.maps > .maps-box > .maps-title { left:11px; font-size:11.5px; line-height:37px; }
	.maps > .maps-box > .maps-close { width:37px; height:37px; }
	.maps > .maps-box > .maps-close > i { font-size:11.5px; line-height:37px; }
}

/* MAPS TYPE-4 */
@media only screen and (max-width:767px) {
	.maps > .maps-box { width:400px; height:340px; padding-top:32px; }
	.maps > .maps-box > .maps-iframe > iframe { width:400px; height:310px; }
	.maps > .maps-box > .maps-title { left:10px; font-size:10.5px; line-height:32px; }
	.maps > .maps-box > .maps-close { width:32px; height:32px; }
	.maps > .maps-box > .maps-close > i { font-size:10.5px; line-height:32px; }
}

/* MAPS TYPE-5 */
@media only screen and (max-width:499px) {
	.maps > .maps-box { width:calc(100% - 40px); }
	.maps > .maps-box > .maps-iframe > iframe { width:100%; }
}

/* MAPS TYPE-6 */
@media only screen and (max-height:399px) {
	.maps > .maps-box { height:calc(100% - 40px); }
	.maps > .maps-box > .maps-iframe > iframe { height:calc(100vh - 72px); }
}

/* SECTION 3 */
.st-3 { margin-top:120px; margin-bottom:150px; }
.st-3 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-3 > .wrap::after { content:''; display:table; clear:both; }
.st-3 > .wrap > .title { position:sticky; top:120px; float:left; width:620px; font-size:60px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:75px; }
.st-3 > .wrap > .content { float:left; width:calc(100% - 620px); }
.st-3 > .wrap > .content > .faq { border-top:2px solid #000; box-sizing:border-box; }
.st-3 > .wrap > .content > .faq > .question { position:relative; width:100%; height:118px; padding:0 20px; border-bottom:2px solid #000; overflow:hidden; box-sizing:border-box; cursor:pointer; }
.st-3 > .wrap > .content > .faq > .question::after { content:''; display:table; clear:both; }
.st-3 > .wrap > .content > .faq > .question > .q { position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:30px; color:#fff; text-align:center; background:#000; border-radius:100%; }
.st-3 > .wrap > .content > .faq > .question > .box { position:absolute; top:50%; transform:translateY(-50%); height:19.5px; margin-left:42px; overflow:hidden; }
.st-3 > .wrap > .content > .faq > .question > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:19.5px; font-weight:500; line-height:19.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-collapse:collapse; transition:0.3s; }
.st-3 > .wrap > .content > .faq > .question:hover > .box > .depth { top:-100%; }
.st-3 > .wrap > .content > .faq > .question > .arrow { position:absolute; width:70px; height:100%; right:0; background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.75) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,1)); }
.st-3 > .wrap > .content > .faq > .question > .arrow > i { position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:15px; }
.st-3 > .wrap > .content > .faq > .question.on > .arrow > i { transform:translateY(-50%) rotate(180deg); }
.st-3 > .wrap > .content > .faq > .question.on > span { }
.st-3 > .wrap > .content > .faq > .answer { display:none; font-size:18px; line-height:27px; padding:40px 45px; background:#f5f5f5; overflow:hidden; box-sizing:border-box; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-3 { margin-top:110px; margin-bottom:140px; }
	.st-3 > .wrap { padding:0 40px; }
	.st-3 > .wrap > .title { top:110px; width:510px; font-size:55px; line-height:70px; }
	.st-3 > .wrap > .content { width:calc(100% - 510px); }
	.st-3 > .wrap > .content > .faq > .question { height:110px; padding:0 17px; }
	.st-3 > .wrap > .content > .faq > .question > .q { width:28px; height:28px; font-size:15px; line-height:28px; }
	.st-3 > .wrap > .content > .faq > .question > .box { height:18.5px; margin-left:40px; }
	.st-3 > .wrap > .content > .faq > .question > .box > .depth { font-size:18.5px; line-height:18.5px; }
	.st-3 > .wrap > .content > .faq > .question > .arrow > i { font-size:14px; right:17px; }
	.st-3 > .wrap > .content > .faq > .answer { font-size:17px; line-height:25px; padding:35px 40px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-3 { margin-top:90px; margin-bottom:120px; }
	.st-3 > .wrap { padding:0 30px; }
	.st-3 > .wrap > .title { top:90px; width:410px; font-size:45px; line-height:57px; }
	.st-3 > .wrap > .content { width:calc(100% - 410px); }
	.st-3 > .wrap > .content > .faq > .question { height:94px; padding:0 14px; }
	.st-3 > .wrap > .content > .faq > .question > .q { width:24px; height:24px; font-size:13.5px; line-height:24px; }
	.st-3 > .wrap > .content > .faq > .question > .box { height:17px; margin-left:33px; }
	.st-3 > .wrap > .content > .faq > .question > .box > .depth { font-size:17px; line-height:17px; }
	.st-3 > .wrap > .content > .faq > .question > .arrow { }
	.st-3 > .wrap > .content > .faq > .question > .arrow > i { font-size:13px; right:14px; }
	.st-3 > .wrap > .content > .faq > .answer { font-size:15px; line-height:22px; padding:30px 35px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-3 { margin-top:80px; margin-bottom:100px; }
	.st-3 > .wrap { padding:0 20px; }
	.st-3 > .wrap > .title { top:80px; width:310px; font-size:35px; line-height:45px; }
	.st-3 > .wrap > .content { width:calc(100% - 310px); }
	.st-3 > .wrap > .content > .faq > .question { height:78px; padding:0 10px; }
	.st-3 > .wrap > .content > .faq > .question > .q { width:20px; height:20px; font-size:11.5px; line-height:20px; }
	.st-3 > .wrap > .content > .faq > .question > .box { height:15px; margin-left:28px; }
	.st-3 > .wrap > .content > .faq > .question > .box > .depth { font-size:15px; line-height:15px; }
	.st-3 > .wrap > .content > .faq > .question > .arrow { }
	.st-3 > .wrap > .content > .faq > .question > .arrow > i { font-size:12px; right:10px; }
	.st-3 > .wrap > .content > .faq > .answer { font-size:13.5px; line-height:19px; padding:25px 20px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-3 { margin-top:60px; margin-bottom:80px; }
	.st-3 > .wrap { padding:0 10px; }
	.st-3 > .wrap > .title { position:relative; top:auto; width:100%; font-size:27px; line-height:35px; }
	.st-3 > .wrap > .content { width:100%; margin-top:40px; }
	.st-3 > .wrap > .content > .faq > .question { height:62px; padding:0 5px; }
	.st-3 > .wrap > .content > .faq > .question > .q { width:16px; height:16px; font-size:9px; line-height:16px; }
	.st-3 > .wrap > .content > .faq > .question > .box { height:12.5px; margin-left:22px; }
	.st-3 > .wrap > .content > .faq > .question > .box > .depth { font-size:12.5px; line-height:12.5px; }
	.st-3 > .wrap > .content > .faq > .question > .arrow { }
	.st-3 > .wrap > .content > .faq > .question > .arrow > i { font-size:10px; right:5px; }
	.st-3 > .wrap > .content > .faq > .answer { font-size:11.5px; line-height:16px; padding:20px 15px; }
}