@charset "utf-8";
@import url('font/fs_font.css');

body {overflow-x: hidden;}
body.intro-lock {overflow: hidden;height: 100vh;}

.wrap {width: 140rem;margin: 0 auto;}
@media only screen and (max-width:1399px){
	.wrap {width: auto;padding:0 2rem;}
}
@media only screen and (max-width:1199px){

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

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

}

#fs_wrap {position: relative;}

/* 인트로 */
.intro_box {position:fixed;left:0;top:0;bottom:0;right:0;z-index:20;display: flex;width:100vw;height:100vh;background: linear-gradient(to left, #fff6f5, #fff);/*display: none;*/}
.intro_box .wrap {display: flex;align-items: center;justify-content: center;flex-direction:column;width:100%;height:100%;}
.intro_box .logo_box {}
.intro_box .logo_box .img1 {width: 33rem;margin:12.5rem -25rem 0 0;}
.intro_box .logo_box .img2 {width: 29.2rem;}
.intro_box .text_box {margin-top:4rem;text-align: center;}
.intro_box .text_box .p1 {font-weight:600;font-size:3.15rem;color:#e82c1f;font-family:'Noto Sans KR', sans-serif;opacity: 1;}
.intro_box .text_box .p2 {margin-top:1rem;font-weight:400;font-size:3.1rem;color:#717171;font-family:'Noto Sans KR', sans-serif;opacity: 1;letter-spacing: 1px;}
.intro_box .text_box .char {display: inline-block;}
@media only screen and (max-width:767px){
	.intro_box .text_box .p1 {font-size:2.8rem;}
	.intro_box .text_box .p2 {font-size:2.2rem;}
}

/* 해더영역 */
#fs_header {position:fixed;left:0;top:0;z-index:10;width:100%;height:10rem;background: #fff;border-bottom:1px solid #ddd;opacity:0;/*transform: translateY(-30px);*/transition: transform 0.4s ease, opacity 0.4s ease;}
#fs_header.hide_on {transform: translateY(-100%) !important;opacity: 0 !important;}
/* 상단 */
.fs_head {display: flex;justify-content: space-between;height: 100%;position: relative;}
.fs_head .logo {display:flex;align-items:center;}
.fs_head .logo img {width: 28.9rem;}
.fs_head .fs_top_menu {}
.fs_head .fs_top_menu .lnb {display: flex;gap:6rem;height:100%;}
.fs_head .fs_top_menu .lnb li {}
.fs_head .fs_top_menu .lnb li a {display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;font-size:1.8rem;font-weight: 600;color:#222;text-decoration: none;transition: 0.4s;}
.fs_head .fs_top_menu .lnb li a:is(:hover,:focus,:active) {color:#e73829;}
.fs_head .fs_top_menu .lnb li a.lnb_title {}
.fs_head .fs_top_menu .lnb li a.lnb_title span {margin-top:0.5rem;font-family: 'Paperlogy', sans-serif;font-weight: 400;font-size: 1.5rem;}
.fs_head .mbtn_box {display: none;}
.fs_head .fs_mtop_menu {display: none;}
@media only screen and (max-width:1023px){
	.fs_head .logo img {}
	.fs_head .fs_top_menu {display: none;}
	.fs_head .mbtn_box {display: block;position: absolute;right: 2rem;top: 3.5rem;}
	.fs_head .mbtn_box .menu_open {position: relative;display: flex;width: 4rem;height: 2rem;font-size: 0;}
	.fs_head .mbtn_box .menu_open:before {content:"";position: absolute;left:0;top:0;height: 2px;width: 4rem;background: #222;}
	.fs_head .mbtn_box .menu_open:after {content:"";position: absolute;left:0;bottom:0;height: 2px;width: 4rem;background: #222;}
	.fs_head .fs_mtop_menu {display: block;position: fixed;left: 0;top:5rem;width: 100vw;height: 100vh;background: #fff;opacity: 0;visibility: hidden;transition: 0.4s;}
	.fs_head .fs_mtop_menu.active {opacity: 1;visibility: visible;top:0;}
	.fs_head .fs_mtop_menu .lnb {text-align: center;margin-top:10rem;}
	.fs_head .fs_mtop_menu .lnb li {margin-top:5rem;}
	.fs_head .fs_mtop_menu .lnb li a {color:#222;font-size:3rem;font-weight: 600;}
	.fs_head .fs_mtop_menu .lnb li a.lnb_title {}
	.fs_head .fs_mtop_menu .lnb li a.lnb_title span {margin-top:0.5rem;font-family: 'Paperlogy', sans-serif;font-weight: 400;font-size: 1.8rem;}
	.fs_head .fs_mtop_menu .btn_close {display: flex;width: 4rem;height: 4rem;margin:0 auto;position:absolute;right:2rem;top:2.5rem;font-size: 0;background: transparent;}
	.fs_head .fs_mtop_menu .btn_close:before {content:"";position: absolute;left:0;top:15px;height: 2px;width: 4rem;background: #222;transform: rotate(45deg);}
	.fs_head .fs_mtop_menu .btn_close:after {content:"";position: absolute;left:0;top:15px;height: 2px;width: 4rem;background: #222;transform: rotate(-45deg);}
}


/* box1 */
.box1 {overflow-x:hidden;display:flex;align-items: center;justify-content:center;position:relative;z-index:0;width:100vw;height:100vh;padding-top:10rem;background: url("./../../images/fs/main/box1_bg1.jpg") no-repeat center top / cover;}
.box1:before {content: "WEBDOCTOR";position:absolute;left:calc(-10rem + var(--moveX));top:50%;opacity: 0.06;z-index:-1;color:#000;margin-top:-10rem;transform: translateY(5.3rem);font-size:16rem;font-family: 'Paperlogy', sans-serif;font-weight: 900;}
.box1:after {content: "WEBDOCTOR";position:absolute;right:calc(-17rem + var(--moveX));top:50%;opacity: 0.06;z-index:-1;color:#000;margin-top:10rem;transform: translateY(2.8rem);font-size:16rem;font-family: 'Paperlogy', sans-serif;font-weight: 900;}
.box1 .box1_cont1 {position:relative;margin-top:-10rem;}
.box1 .box1_cont1 .box1_text_box {position:absolute;left:3rem;top:10.2rem;z-index:1;color:#58413f;font-size:2.5rem;letter-spacing: -1px;}
.box1 .box1_cont1 .box1_text_box em {display:block;margin-top:1rem;font-size:3.3rem;font-weight: 700;}
.box1 .box1_cont1 .box1_text_box em span {color:#e73829;}
.box1 .box1_cont1 .box1_text_box2 {opacity:0;position:absolute;left:50%;bottom:2.8rem;z-index:1;color:#58413f;font-size:4.5rem;letter-spacing: -1px;font-weight: 700;transform: translateX(-50%);transition: 0.4s;}
.box1 .box1_cont1:hover .box1_text_box2 {opacity:1;}
.box1 .box1_cont1 .box1_img_box {}
.box1 .box1_cont1 .box1_img_box img {width: 65.7rem;filter: drop-shadow(46px 46px 23px rgba(0,0,0,0.38));}
.box1 .box1_icon1 {position:absolute;left:calc(50% - 59rem);top:calc(10rem + 14.5rem);}
.box1 .box1_icon1 img {filter: drop-shadow(46px 46px 23px rgba(0,0,0,0.38));}
.box1 .box1_icon2 {position:absolute;left:calc(50% + 58rem);top:calc(10rem + 10.5rem);}
.box1 .box1_icon2 img {filter: drop-shadow(46px 46px 23px rgba(0,0,0,0.7));}
.box1 .box1_icon3 {position:absolute;left:calc(50% - 62rem);bottom:23.5rem;}
.box1 .box1_icon3 img {filter: brightness(0) saturate(100%) invert(55%) sepia(7%) saturate(668%) hue-rotate(360deg) brightness(95%) contrast(86%) drop-shadow(46px 46px 23px rgba(0,0,0,0.7));}
.box1 .box1_icon4 {position:absolute;left:calc(50% + 35rem);bottom:15rem;}
.box1 .box1_icon4 img {filter: brightness(0) saturate(100%) invert(55%) sepia(7%) saturate(668%) hue-rotate(360deg) brightness(95%) contrast(86%) drop-shadow(46px 46px 23px rgba(0,0,0,0.7));}
@media only screen and (max-width:767px){
	.box1:before {font-size:12rem;}
	.box1:after {font-size:12rem;}
	.box1 .box1_cont1 .box1_text_box {top:8rem;font-size:2rem;}
	.box1 .box1_cont1 .box1_text_box em {font-size:2.8rem;}
	.box1 .box1_cont1 .box1_text_box2 {bottom: 2.4rem;font-size:3.5rem;}
	.box1 .box1_cont1 .box1_img_box img {width: 55.7rem;}
	.box1 .box1_icon1 {left:calc(50% - 49rem);}
	.box1 .box1_icon2 {left:calc(50% + 48rem);}
	.box1 .box1_icon3 {left:calc(50% - 52rem);}
	.box1 .box1_icon4 {left:calc(50% + 25rem);}
}
@media only screen and (max-width:639px){
	.box1 .box1_cont1 .box1_text_box {top:6rem;left:2rem;font-size:2rem;}
	.box1 .box1_cont1 .box1_text_box em {font-size:2.4rem;}
	.box1 .box1_cont1 .box1_text_box2 {bottom: 2.2rem;font-size:3rem;}
	.box1 .box1_cont1 .box1_img_box img {width: 46.7rem;}
	.box1 .box1_icon1 {left:calc(50% - 39rem);}
	.box1 .box1_icon2 {left:calc(50% + 38rem);}
	.box1 .box1_icon3 {left:calc(50% - 42rem);}
	.box1 .box1_icon4 {left:calc(50% + 15rem);}
	.box1 .box1_cont1 .box1_text_box2 {}
}


/* box2 */
.box2 {width:100vw;height:calc(100vh - 10rem);padding-top:10rem;overflow: hidden;}
.box2 .box2_cont1 {display:flex;flex-direction:column;height: 100%;}
.box2 .box2_cont1 li {flex:1;display:flex;gap:7rem;color:#222;padding:2.5rem 0 0 0;opacity: 0.3;transition: 0.4s;}
.box2 .box2_cont1 li .t1 {}
.box2 .box2_cont1 li .t1 strong {font-size:8rem;font-weight: 800;}
.box2 .box2_cont1 li .tbox {position:relative;padding-top:3rem;flex-grow: 1;}
.box2 .box2_cont1 li .tbox:before {content: '';position: absolute;top: 0;left: 0;z-index:1;height: 1px;background-color: #e73829;width: 0;transition: width 2s ease-out;}
.box2 .box2_cont1 li .tbox:after {content: '';position: absolute;top: 0;left: 0;height: 1px;background-color: #000;width: 200%;opacity: 0.3;}
.box2 .box2_cont1 li .tbox .t2 {}
.box2 .box2_cont1 li .tbox .t2 em {display:block;font-size:4.5rem;font-weight: 800;}
.box2 .box2_cont1 li .tbox .t2 span {display:block;margin-top:2rem;font-size:2.5rem;font-weight: 400;font-family: 'Paperlogy', sans-serif;}
.box2 .box2_cont1 li .tbox .box2_more {display:grid;place-items:center;position: absolute;right:0;top:3rem;width:8rem;height:8rem;background:#000;border-radius: 100%;transform: rotate(-45deg);transition: 0.4s;}
.box2 .box2_cont1 li .tbox .box2_more:hover {background:#e73829;transform: rotate(0deg);}
.box2 .box2_cont1 li.on {color:#e73829;opacity: 1;}
.box2 .box2_cont1 li.on .tbox:before {width: 200%;}
.box2 .box2_cont1 li.on .tbox .box2_more {background:#e73829;transform: rotate(0deg);}
@media only screen and (max-width:1023px){
	.box2 {height:auto;padding-bottom:10rem;}
	.box2 .box2_cont1 li {padding:6.5rem 0 0 0;gap: 3.5rem;}
	.box2 .box2_cont1 li:first-child {padding:0;}
	.box2 .box2_cont1 li .tbox .box2_more img {width: 40%;}
}
@media only screen and (max-width:767px){
	.box2 .box2_cont1 li .t1 strong {font-size:6rem;}
	.box2 .box2_cont1 li .tbox .t2 em {font-size:3.5rem;}
	.box2 .box2_cont1 li .tbox .box2_more {width: 6rem;height: 6rem;}
}


/* box3 */
.box3 {position:relative;width:100vw;height:100vh;min-height: 100vh;background: #062035;overflow: hidden;}
.box3 .box3_overlay {position: absolute;left: 50%;top: 50%;z-index: 0;width: 58rem;height: 43.4rem;background: #fff;opacity: 0.1;transform: rotate(15deg) translate(-25%, -40%);border-radius: 30px;pointer-events: none;}
.box3 .dot_list {position: absolute;left:auto;top:14rem;display: flex;justify-content:center;width:100%;gap:2rem;z-index: 1;padding:0 2rem;}
.box3 .dot_list li {position: relative;}
.box3 .dot_list li:before,
.box3 .dot_list li:after {content: "";position: absolute;top: 50%;left: 50%;z-index: -1;width: 13rem;height: 13rem;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 1);border-radius: 50%;opacity: 0;}
.box3 .dot_list li a {position:relative;opacity:0.5;color:#fff;overflow:hidden;display: flex;align-items: center;justify-content: center;padding:0 2rem;transition: 0.4s;border-radius: 50px;height: 6rem;text-decoration: none;border:1px solid #ddd;font-size:2rem;font-weight: 500;}
.box3 .dot_list li a:before {content: "";width: 1.1rem;height: 1px;background: #fff;display: inline-block;vertical-align:middle;margin-right:1.5rem;margin-top:-4px;transition: 0.4s;}
.box3 .dot_list li a:after {content:'';position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:bottom right;transition:transform 0.4s;border-radius: 50px;}
.box3 .dot_list li.on a {opacity:1;background:#fff;font-weight:600;border:1px solid #ddd;color:#222;}
.box3 .dot_list li.on a:before {background:#222;width: 2.1rem;}
.box3 .dot_list li:is(:hover) a {color:#222;}
.box3 .dot_list li:is(:hover) a:before {background:#222;}
.box3 .dot_list li:is(:hover,:focus,:active,.on) a:after {transform:scaleX(1);transform-origin:bottom left;}
.box3 .dot_list li.on:before {animation: ripplePulse 1.8s ease-out infinite;animation-delay: 0s;}
.box3 .dot_list li.on:after {animation: ripplePulse 1.8s ease-out infinite;animation-delay: 0.5s;}


.box3 .tab_box {width: 100%;height: 100%;position: relative;}
.box3 .tab_box .tab_content {position: absolute;left:-9999px;top:0;/*display: none;*/width: 100%;height: 100%;}
/*.box3 .tab_box .tab_content.active {display: block;}*/
.box3 .box3_tap {position: relative;padding-top:10rem;height: 100%;}
.box3 .box3_tap .tap1_text1 {position: absolute;top: 10rem;right: -100%;z-index: 0;white-space: nowrap;font-size: 16rem;font-weight: 900;color: #fff;opacity: 0.03;font-family: 'Paperlogy', sans-serif;text-transform: uppercase;pointer-events: none;}
.box3 .box3_tap .tap1_text2 {position: absolute;bottom: 0;left: -100%;z-index: 0;white-space: nowrap;font-size: 16rem;font-weight: 900;color: #fff;opacity: 0.03;font-family: 'Paperlogy', sans-serif;text-transform: uppercase;pointer-events: none;}
.box3 .box3_tap .box3_text_box {padding-top:13rem;}
.box3 .box3_tap .box3_text_box .tit {font-size:6rem;color:#fff;font-weight: 600;}
.box3 .box3_tap .box3_text_box .tit span {display: block;margin-bottom: 1rem;height: 4.9rem;}
.box3 .box3_tap .box3_text_box .tit span img {max-height: 4.9rem;}
.box3 .box3_tap .box3_text_box .ul_list {margin-top:4rem;}
.box3 .box3_tap .box3_text_box .ul_list li {position:relative;margin-top:1.7rem;padding-left:1.8rem;font-size:1.9rem;color:#fff;}
.box3 .box3_tap .box3_text_box .ul_list li:after {content:"";position:absolute;left:0;top:5px;width:1rem;height:1rem;border:2px solid #4b97ff;border-radius: 100%;background: transparent;}
.box3 .box3_tap .box3_text_box .ul_list li:first-child {margin-top:0;}
.box3 .box3_tap .box3_text_box .ul_list li span span {font-family: 'Paperlogy', sans-serif;}
.box3 .box3_tap .box3_text_box .ul_list li span {line-height:1.2;transition: box-shadow 0.4s ease;}
.box3 .box3_tap .box3_text_box .ul_list li:hover span {box-shadow: inset 0 -8px 0 #1e65e7;}
.box3 .box3_tap .box3_text_box .box3_more {position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;gap: 4.5rem;margin-top: 10.5rem;width: 20rem;height: 6rem;background: #fff;border-radius: 5rem;color:#222;text-decoration: none;}
.box3 .box3_tap .box3_text_box .box3_more img {transition: 0.4s;}
.box3 .box3_tap .box3_text_box .box3_more:hover img {transform: rotate(-45deg);}
.box3 .box3_tap .box3_text_box .box3_more:before,
.box3 .box3_tap .box3_text_box .box3_more:after {content: "";position: absolute;top: 50%;left: 100%;z-index: -1;width: 20rem;height: 20rem;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 1);border-radius: 50%;opacity: 0;}
.box3 .box3_tap .box3_text_box .box3_more:hover:before {animation: ripplePulse 1.8s ease-out infinite;animation-delay: 0s;}
.box3 .box3_tap .box3_text_box .box3_more:hover:after {animation: ripplePulse 1.8s ease-out infinite;animation-delay: 0.5s;}
@keyframes ripplePulse {
	0% {
		transform: translate(-50%, -50%) scale(0.6);
		opacity: 0.3;
	}
	70% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}

.box3 .box3_tap .box3_bg {text-align: right;}
.box3 .box3_tap .box3_bg img {position: absolute;right:0;bottom:0;z-index:0;width: 50%;border-radius: 5rem 0 0 0;}

.box3 .box3_scroll_section {position: relative;z-index:3;width: 100vw;height: 100vh;padding-top:10rem;overflow: hidden;}
.box3 .tab_box .tab_content .box3_scroll_section {left:-9999px !important;}
.box3 .tab_box .tab_content.on .box3_scroll_section {left:0 !important;}
.box3 .box3_scroll_wrap {position: absolute;left: 0;top:0;z-index:3;padding-top:23rem;width: 100%;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}
.box3 .box3_scroll_wrap .tit {display: block;margin-bottom:6rem;}
.box3 .box3_scroll_wrap .tit img {display: block;margin-bottom: 1rem;}
.box3 .box3_scroll_wrap .tit em {display: block;font-size:3rem;font-weight: 600;color:#fff;}
.box3 .box3_scroll_wrap .tit span {display: block;margin-top:1rem;font-size:2.4rem;color:#fff;font-weight: 400;}

.box3 .box3_scroll_wrap .slide_box {}
.box3 .box3_scroll_wrap .slide_box .slide_wrap {display:flex;gap:3rem;width: max-content;padding-left: 25%;box-sizing: border-box;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div {}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a {position:relative;display:flex;align-items:center;justify-content:center;width: 60rem;height: 50rem;background: #fff;text-decoration: none;overflow: hidden;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: #2177cf;opacity: 0;transition: 0.4s;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a > img {max-width: 60rem;width: 100%;position: absolute;left:0;top:0;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a > img.noimg {position: absolute;left:50%;top:50%;max-width: 28.9rem;width: 100%;height:auto;transform:translate(-50%,-50%);filter: brightness(0) saturate(100%) invert(71%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(86%) contrast(85%);}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a .spon {opacity:0;position: absolute;left:50%;top:50%;z-index: 1;width:100%;padding:0 1rem;text-align:center;font-weight: 500;transform: translate(-50%,-50%);transition: 0.4s;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a .spon > span {position: relative;z-index: 1;display:block;line-height:1.3;font-size: 2.4rem;color:#fff;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a .spon > span > span {font-family: 'Paperlogy', sans-serif;font-size:1.8rem;font-weight: 400;display: block;margin-top:0.4rem;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a .spon em {position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;gap: 4.5rem;margin-top: 3rem;width: 20rem;height: 6rem;font-weight: 400;background: #fff;border-radius: 5rem;color:#222;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a .spon em img {}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a:hover:after {opacity: 0.9;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a:hover .spon {opacity:1;}
.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a:hover .spon em img {}

.box3 .box3_scroll_wrap .swiper_layers {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.8);display: flex;justify-content: center;align-items: center;transition: opacity 0.3s ease;}
.box3 .box3_scroll_wrap .swiper_layers .swiper {position:relative;width: 90rem;}
.box3 .box3_scroll_wrap .swiper_layers .swiper .swiper-slide {}
.box3 .box3_scroll_wrap .swiper_layers .swiper .swiper-slide a {position:relative;display:flex;align-items:center;justify-content:center;width: 80rem;height: 83rem;background: #f5f8fa;margin:0 auto;}
.box3 .box3_scroll_wrap .swiper_layers .swiper .swiper-slide a img {width: 100%;width: 100%;position: absolute;left:0;top:0;}
.box3 .box3_scroll_wrap .swiper_layers .swiper .swiper-slide a img.noimg {position: absolute;left:50%;top:50%;max-width: 28.9rem;width: 100%;height:auto;transform:translate(-50%,-50%);filter: brightness(0) saturate(100%) invert(71%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(86%) contrast(85%);}
.box3 .box3_scroll_wrap .swiper_layers .swiper .button-prev {position:absolute;left:0;top:50%;z-index:1;background: transparent;cursor: pointer;transform: translateY(-50%);}
.box3 .box3_scroll_wrap .swiper_layers .swiper .button-prev img {}
.box3 .box3_scroll_wrap .swiper_layers .swiper .button-next {position:absolute;right:0;top:50%;z-index:1;background: transparent;cursor: pointer;transform: translateY(-50%);}
.box3 .box3_scroll_wrap .swiper_layers .swiper .button-next img {}
.box3 .box3_scroll_wrap .swiper_layers .swiper-close {position: fixed;left: 0;top: 0;width: 16.6rem;height: 16.6rem;pointer-events: none;z-index: 9999;opacity: 1;transition: opacity 0.2s ease;cursor: pointer;transform: translate(-50%, -50%);background: transparent;}
.box3 .box3_scroll_wrap .swiper_layers .swiper-close img {}
@media only screen and (max-width:1023px){
	.box3 .dot_list {z-index: 10;}
	.box3 .dot_list li a {height: 6rem;}

	.box3 .box3_tap .box3_text_box {padding-top:15rem;}
	.box3 .box3_tap .box3_text_box .box3_more {margin-top:6.5rem;}
	.box3 .box3_tap .box3_text_box .ul_list li:after {top:4px;}

	.box3 .box3_scroll_wrap {padding-top:20rem;}
	.box3 .box3_scroll_wrap .swiper_layers .swiper {width: 70rem;}
	.box3 .box3_scroll_wrap .swiper_layers .swiper .swiper-slide a {width: 60rem;height: 63rem;}
	.box3 .tab_box .tab_content .pin-spacer {z-index: 10 !important;}

}
@media only screen and (max-width:767px){
	.box3 .box3_tap .box3_text_box {padding-top:13rem;}
	.box3 .box3_tap .box3_text_box .tit span {height: 7.9rem;}
	.box3 .box3_tap .box3_text_box .ul_list li:after {top:3px;}
	.box3 .box3_scroll_wrap {padding-top:23rem;}
	.box3 .box3_scroll_wrap .slide_box .slide_wrap .slide_div a {width: 42rem;height: 44rem;}
}
@media only screen and (max-width:640px){
	.box3 .box3_scroll_wrap .swiper_layers .swiper {width: 55rem;}
	.box3 .box3_scroll_wrap .swiper_layers .swiper .swiper-slide a {width: 35rem;height: 37rem;}
}


/* box4 */
.box4 {overflow: hidden;padding-top:10rem;}
.box4 .box4_cont1 {display: flex;}
.box4 .box4_cont1 .left {position:relative;width: 50%;text-align: center;}
.box4 .box4_cont1 .left .icon {position: absolute;left:50%;top:50%;display: flex;align-items: flex-end;margin:-13rem 0 0 -9.5rem;}
.box4 .box4_cont1 .left .icon img {margin-right:-28px;}
.box4 .box4_cont1 .left .icon strong {margin-top:40px;font-weight:500;color:#2e8d00;}
.box4 .box4_cont1 .left .icon .ani {position: absolute;left:27px;bottom:3px;}
.box4 .box4_cont1 .left .icon .ani .dots {position: relative; display: block; width:1rem; height:1rem; border-radius:50%; background:#2e8d00;}
.box4 .box4_cont1 .left .icon .ani .dots:before {position: absolute; content:''; width:2rem; height:2rem; border:1px solid #2e8d00; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%);}
.box4 .box4_cont1 .left .icon .ani .wave {position: absolute; width:2rem; height:2rem; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #2e8d00; border-radius:50%; opacity:0.3;animation: countryWave 7s cubic-bezier(1, 2, 0.66, 3) infinite;}
.box4 .box4_cont1 .left .icon .ani .wave.wave01 {animation-delay:1s;}
.box4 .box4_cont1 .left .icon .ani .wave.wave02 {animation-delay:2s;}
.box4 .box4_cont1 .left .icon .ani .wave.wave03 {animation-delay:3s;}
.box4 .box4_cont1 .left .icon .ani .wave.wave04 {animation-delay:4s;}
.box4 .box4_cont1 .left .icon .ani .wave.wave05 {animation-delay:5s;}
.box4 .box4_cont1 .left .icon .ani .wave.wave06 {animation-delay:6s;}
.box4 .box4_cont1 .left .icon .ani .wave.wave07 {animation-delay:7s;}
@keyframes countryWave {
	0% {
		opacity: 0.3;
		width:3rem;
		height:3rem;
	}
	30%{
		opacity: 0.3;
	}
	80%{
		opacity: 0;
	}
	100% {
		opacity: 0;
		width:90rem;
		height:90rem;
	}
}
@keyframes countryWaveM {
	0% {
		opacity: 0;
		width:6px;
		height:6px;
	}
	30%{
		opacity: 0.1;
	}
	80%{
		opacity: 0;
	}
	100% {
		opacity: 0;
		width:30px;
		height:30px;
	}
}

.box4 .box4_cont1 .left > img {}
.box4 .box4_cont1 .right {display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width: 50%;}
.box4 .box4_cont1 .right img {}
.box4 .box4_cont1 .right strong {display: block;line-height:1.2;margin-top:2rem;font-weight:800;font-size:5rem;color:#222;}
.box4 .box4_cont1 .right strong span {display: block;font-weight:500;font-size:3rem;}
.box4 .box4_cont1 .right strong em {color:#e73829;}
.box4 .box4_cont1 .right p {margin-top:3rem;line-height:1.5;font-size:1.8rem;color:#616161;}
@media only screen and (max-width:1023px){
	.box4 .box4_cont1 {display: flex;flex-direction: column-reverse;align-items: center;}
	.box4 .box4_cont1 .left {width: 100%;padding-top:6rem;}
	.box4 .box4_cont1 .left .icon {margin:-13rem 0 0 -11.5rem;}
	.box4 .box4_cont1 .right {width: 100%;align-items: center;text-align: center;}
}
@media only screen and (max-width:767px){
	.box4 .box4_cont1 .left .icon {margin:-13rem 0 0 -10.5rem;}
	.box4 .box4_cont1 .left > img {width: 50rem;}
	.box4 .box4_cont1 .right strong {padding:0 2rem;}
	.box4 .box4_cont1 .right p {padding:0 2rem;}
	.box4 .box4_cont1 .right p br {display: none;}
}


.box4 .box4_cont2 {position: relative;z-index: 1;margin-top:5rem;}
.box4 .box4_cont2 .swiper_box {position: relative;width: 100%;}
.box4 .box4_cont2 .swiper_box .banner_box {display: flex;align-items: center;gap:4rem;width: max-content;will-change: transform;}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide {}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a {display: flex;align-items: center;justify-content: space-between;width: 32.6rem;height: 8rem;padding:0 2.5rem;box-shadow: 25px 25px 25px rgba(0,0,0,0.1);border:3px solid #fff;background:#fff;border-radius:1rem;transition: 0.4s;text-decoration: none;color:#222;line-height:1.3;}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a em {}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a span {flex-shrink:0;display:flex;align-items:center;justify-content:center;background: #afafaf;width: 3.6rem;height: 3.6rem;border-radius: 100%;transition: 0.4s;}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a span img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(183deg) brightness(111%) contrast(101%);transition: 0.4s;}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a:hover {border:3px solid #2e8d00;}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a:hover span {background: #2e8d00;}
.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a:hover span img {transform: rotate(-90deg);}
@media only screen and (max-width:1023px){
	.box4 .box4_cont2 .swiper_box .banner_box .banner_slide a em img {width: 90%;}
}
@media only screen and (max-width:767px){

}

.box4 .box4_cont3 {position: relative;z-index: 1;min-height:100vh;padding:21rem 0 17.5rem 0;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.box4 .box4_cont3 .logo_box {text-align: center;}
.box4 .box4_cont3 .logo_box img {width: 24.9rem;}
.box4 .box4_cont3 .text_box {font-size:2rem;margin-top:2.5rem;text-align: center;}
.box4 .box4_cont3 .text_box .p1 {color:#e82c1f;font-weight: 700;}
.box4 .box4_cont3 .text_box .p2 {margin-top:1rem;color:#717171;font-family: 'Paperlogy', sans-serif;}
.box4 .box4_cont3 .swiper_box {position:relative;z-index: 1;margin-top:9rem;height: 23rem;}
.box4 .box4_cont3 .swiper_box .his_box {position:absolute;left:0;top:0;display: flex;justify-content: center;flex-wrap: nowrap;gap:2rem;opacity: 0;visibility: hidden;}
.box4 .box4_cont3 .swiper_box .his_box .his_slide {display: flex;align-items: center;justify-content:center;flex-direction:column;height:23rem;border-radius:200px;padding:0 9rem;text-align:center;color:#222;border:1px solid #222;}
.box4 .box4_cont3 .swiper_box .his_box .his_slide .top {display:block;font-size:2rem;font-weight: 600;}
.box4 .box4_cont3 .swiper_box .his_box .his_slide em {display:block;margin:2rem 0 1rem 0;font-family: 'Paperlogy', sans-serif;font-size:10rem;font-weight: 800;letter-spacing: 3px;}
.box4 .box4_cont3 .swiper_box .his_box .his_slide .bot {display:block;}
@media only screen and (max-width:1023px){
	.box4 .box4_cont3 {min-height: auto;}
	.box4 .box4_cont3 .swiper_box {height: auto;margin-top:6rem;}
	.box4 .box4_cont3 .swiper_box .his_box {position:static;flex-wrap: wrap;opacity: 1;visibility: visible;padding:0 2rem;}
	.box4 .box4_cont3 .swiper_box .his_box .his_slide {width: calc(50% - 2rem);}
}
@media only screen and (max-width:767px){
	.box4 .box4_cont3 {padding:15rem 0 10rem 0;}
	.box4 .box4_cont3 .swiper_box .his_box .his_slide {height: 18rem;}
	.box4 .box4_cont3 .swiper_box .his_box .his_slide em {font-size:7rem;}
}
@media only screen and (max-width:639px){
	.box4 .box4_cont3 .swiper_box .his_box .his_slide {height: 16rem;}
	.box4 .box4_cont3 .swiper_box .his_box .his_slide em {font-size:5rem;}
	.box4 .box4_cont3 .swiper_box .his_box .his_slide {width: 100%;}
}


.box4 .box4_cont3 .bg { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; }
.box4 .box4_cont3 .bg .line {width: 2px; height:8.5rem;background-color: #dbdbdb; position: absolute; bottom: 0;}
.box4 .box4_cont3 .bg .line .dot {opacity: 0; z-index: 1; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 14px; height: 14px; background-color: #e82c1f; border-radius: 50%; }
.box4 .box4_cont3 .bg .line.act {background-color: #e82c1f;height: 11rem;}
.box4 .box4_cont3 .bg .line.act .dot {opacity: 1;}
.box4 .box4_cont3 .bg .line .dot:before,
.box4 .box4_cont3 .bg .line .dot:after { content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #e82c1f; animation: ripple 2s infinite; }
.box4 .box4_cont3 .bg .line .dot:before { animation-delay: 0s; }
.box4 .box4_cont3 .bg .line .dot:after { animation-delay: 0.5s; }
@keyframes ripple {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		transform: translate(-50%, -50%) scale(2.5);
		opacity: 0;
	}
}
@media only screen and (max-width:1023px){
	.box4 .box4_cont3 .bg {display: none;}
}


/* box5 */
.box5 {height:100vh;background: url("./../../images/fs/main/box6_img1.jpg") no-repeat center center / cover;padding-top:10rem;}
.box5 .box5_cont1 {display: flex;align-items: center;justify-content: space-evenly;height: 100%;}
.box5 .box5_cont1 .box5_div {position:relative;display:block;width: 33.3%;max-width:41rem;text-decoration: none;height: 45rem;perspective: 1000px;transform-origin: center;}
.box5 .box5_cont1 .box5_div:after {content: "";position: absolute;bottom: -12rem;left: 10%;z-index: 0;width: 80%;height: 2rem;background: radial-gradient(ellipse at center, rgba(0,0,0,0.05), transparent);filter: blur(5px);transition: 0.5s;}
.box5 .box5_cont1 .box5_div .box5_inner {position: relative;width: 100%;height: 100%;display:block;transform-style: preserve-3d;transition: transform 0.5s;}
.box5 .box5_cont1 .box5_div .box5_front {position:relative;display:block;width:41rem;height:45rem;padding:8rem 6rem;background: url("./../../images/fs/main/box4_bg1.png") no-repeat center center / cover;transform: rotateZ(5deg);}
.box5 .box5_cont1 .box5_div .box5_front strong {display:block;line-height:1.2;font-size:4.5rem;color:#fff;transform: rotateZ(-5deg);}
.box5 .box5_cont1 .box5_div .box5_front strong span {font-weight: 400;}
.box5 .box5_cont1 .box5_div .box5_back {display:block;width:41rem;height:45rem;padding:5rem;background: url("./../../images/fs/main/box4_bg_on.png") no-repeat right 3rem bottom 3rem #fff;border-radius: 3rem;transform: rotateY(180deg);}
.box5 .box5_cont1 .box5_div .box5_back strong {display:block;line-height:1.2;font-size:3rem;color:#222;}
.box5 .box5_cont1 .box5_div .box5_back strong span {font-weight: 400;}
.box5 .box5_cont1 .box5_div .box5_back .ul_sp {display:block;margin-top:3rem;}
.box5 .box5_cont1 .box5_div .box5_back .ul_sp span {position:relative;display: block;line-height:1.2;margin-top:1.5rem;padding-left:1.8rem;color:#222;}
.box5 .box5_cont1 .box5_div .box5_back .ul_sp span:after {content:"";position:absolute;left:0;top:5px;width:1rem;height:1rem;border:2px solid #4b97ff;border-radius: 100%;background: transparent;}
.box5 .box5_cont1 .box5_div .box5_back .ul_sp span:first-child {margin-top:0;}

.box5_front,
.box5_back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;backface-visibility: hidden;border-radius: 3rem;}
.box5 .box5_cont1 .box5_div:is(:hover,:focus,:active) .box5_inner {transform: rotateY(180deg);}
.box5 .box5_cont1 .box5_div:is(:hover,:focus,:active):after {left: 50%;width: 0;}

.box5 .box5_cont1 .box5_div:nth-child(2) .box5_front {background-image: url("./../../images/fs/main/box4_bg2.png");}
.box5 .box5_cont1 .box5_div:nth-child(3) .box5_front {background-image: url("./../../images/fs/main/box4_bg3.png");}
@media only screen and (max-width:1023px){
	.box5 .box5_cont1 .box5_div {max-width:26rem;min-height: 35rem;height: 35rem;}
	.box5 .box5_cont1 .box5_div .box5_front {width:26rem;height:auto;min-height:35rem;padding:5rem 3rem;}
	.box5 .box5_cont1 .box5_div .box5_front strong {font-size:3rem;}
	.box5 .box5_cont1 .box5_div .box5_back {width:26rem;height:auto;min-height:35rem;padding:3rem;background-image:none;}
}
@media only screen and (max-width:767px){
	.box5 {height:auto;padding-top:5rem;padding-bottom:5rem;}
	.box5 .box5_cont1 {flex-direction: column;}
	.box5 .box5_cont1 .box5_div {width:100%;margin-top:3rem;max-width: none;min-height: 41rem;height: auto;}
	.box5 .box5_cont1 .box5_div:after {display: none;}
	.box5 .box5_cont1 .box5_div .box5_front {width:100%;height:auto;min-height:41rem;padding:6rem 4rem;background-size: 100% auto;transform: rotateZ(0);}
	.box5 .box5_cont1 .box5_div .box5_front strong {transform: rotateZ(0);}
	.box5 .box5_cont1 .box5_div .box5_back {width:100%;height:auto;min-height:41rem;padding:4rem;background-image:url("./../../images/fs/main/box4_bg_on.png");background-size: 10rem auto;}
}


/* box6 */
.box6 {height:100vh;display: flex;align-items: center;}
.box6 .box6_cont1 {}
.box6 .box6_cont1 .box6_top {display: flex;gap:4rem;}
.box6 .box6_cont1 .box6_top .left {position: relative;width: 9rem;}
.box6 .box6_cont1 .box6_top .left span {position:absolute;left:0;top:0;display:grid;place-items:center;width: 9rem;height:11.3rem;border-radius: 50px;background: #e82c1f;}
.box6 .box6_cont1 .box6_top .left span:nth-child(1) {z-index:5;top:8rem;}
.box6 .box6_cont1 .box6_top .left span:nth-child(2) {z-index:4;top:6rem;opacity: 0.8;}
.box6 .box6_cont1 .box6_top .left span:nth-child(3) {z-index:3;top:4rem;opacity: 0.6;}
.box6 .box6_cont1 .box6_top .left span:nth-child(4) {z-index:2;top:2rem;opacity: 0.4;}
.box6 .box6_cont1 .box6_top .left span:nth-child(5) {z-index:1;opacity: 0.2;}
.box6 .box6_cont1 .box6_top .right {color:#222;padding-top:2rem;}
.box6 .box6_cont1 .box6_top .right span {display:block;font-size:2.5rem;}
.box6 .box6_cont1 .box6_top .right strong {display:block;margin-top:0.8rem;font-size:3.5rem;font-weight: 800;color:#e73829;}
.box6 .box6_cont1 .box6_top .right em {display:block;margin-top:1.8rem;font-size:8rem;font-family: 'Paperlogy', sans-serif;font-weight: 900;}
.box6 .box6_cont1 .box6_form form {display:flex;flex-direction:column;margin-top:-8.5rem;}
.box6 .box6_cont1 .box6_form .p1 {position:relative;display:inline-flex;align-items:center;margin-left:auto;margin-bottom:4.5rem;height:9rem;font-size:3rem;font-weight: 900;padding:0 5.5rem;background: #e73829;border-radius: 50px;color:#fff;}
.box6 .box6_cont1 .box6_form .p1:after {content:"";position:absolute;left:7rem;bottom:-34px;display: inline-block;border: 1.8rem solid transparent;border-top-color:#e73829;}
.box6 .box6_cont1 .box6_form .input_check { display: flex; flex-wrap: wrap; gap: 2rem; padding:4rem;border: 1px solid #222;border-radius: 30px;}
.box6 .box6_cont1 .box6_form .input_check div label { display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #ccc; height: 4rem; border-radius: 2rem; padding: 0 2.5rem; color: #616161; cursor: pointer; position: relative; transition: 0.4s; }
.box6 .box6_cont1 .box6_form .input_check div input[type="checkbox"] { opacity: 0; visibility: hidden;width: 0; transition: 0.4s;}
.box6 .box6_cont1 .box6_form .input_check div input[type="checkbox"]:checked + label { background: #ea4335; color: #fff; border-color: #ea4335; transition: 0.4s;}
.box6 .box6_cont1 .box6_form .input_check div input[type="checkbox"]:checked + label::before { content: ""; opacity: 1; width: 1.4rem; height: 1rem; margin-right: 1rem; margin-top: 0.1rem;background: url("./../../images/fs/main/box5_icon2.png") no-repeat left center / cover;}
.box6 .box6_cont1 .box6_form .input_text {display: flex;gap:8rem;margin-top:7rem;}
.box6 .box6_cont1 .box6_form .input_text div {display: flex;align-items:center;width: 50%;}
.box6 .box6_cont1 .box6_form .input_text div label {flex-shrink:0;display:flex;align-items:center;gap:1rem;width:15.5rem;height:6rem;border-bottom:1px solid #222;font-size:3rem;font-weight: 600;color:#222;}
.box6 .box6_cont1 .box6_form .input_text div label > span {color:#e73829;}
.box6 .box6_cont1 .box6_form .input_text div input {flex-grow: 1;width:100%;border: 0;height:6rem;border-bottom:1px solid #222;border-radius: 0;font-size:3rem;}
.box6 .box6_cont1 .box6_form .input_text .left {}
.box6 .box6_cont1 .box6_form .input_text .right {}
.box6 .box6_cont1 .box6_form .btn_box {text-align: center;margin-top:4rem;}
.box6 .box6_cont1 .box6_form .btn_box button {height: 5.5rem;padding:0 4rem;background: #e73829;border-radius: 50px;font-size:2rem;color:#fff;transition: 0.4s;}
.box6 .box6_cont1 .box6_form .btn_box button:hover {background: #222;}
@media only screen and (max-width:1023px){
	.box6 {height:auto;padding:10rem 0;}
	.box6 .box6_cont1 .box6_form .p1 {margin-left:0;}
	.box6 .box6_cont1 .box6_form .p1:after {bottom:-25px;}
	.box6 .box6_cont1 .box6_form form {margin-top:5rem;}
	.box6 .box6_cont1 .box6_form .input_check { gap: 1rem; padding:2.5rem;}
	.box6 .box6_cont1 .box6_form .input_text {gap:4rem;}
}
@media only screen and (max-width:767px){
	.box6 .box6_cont1 .box6_form .p1:after {bottom:-20px;}
	.box6 .box6_cont1 .box6_form .input_check div {width: calc(25% - 1rem);}
	.box6 .box6_cont1 .box6_form .input_check div label {width: 100%;}
	.box6 .box6_cont1 .box6_form .input_text {gap:2rem;flex-wrap: wrap;margin-top:3.5rem;}
	.box6 .box6_cont1 .box6_form .input_text div {width: 100%;}
	.box6 .box6_cont1 .box6_form .input_text div label {height:5.3rem;}
}
@media only screen and (max-width:639px){
	.box6 .box6_cont1 .box6_form .input_check div {width: calc(33.3% - 1rem);}
}
@media only screen and (max-width:539px){
	.box6 .box6_cont1 .box6_form .input_check div {width: calc(50% - 1rem);}
}
@media only screen and (max-width:439px){
	.box6 .box6_cont1 .box6_top .right em {font-size:5.5rem;}
}


/* 푸터 */
#fs_footer {padding:3rem 2rem 2.5rem 2rem;background: #fcf4f4;opacity: 0.9;text-align: center;}
#fs_footer .copyright {color:#222;font-family: 'Paperlogy', sans-serif;}
#fs_footer .copyright em {color:#e73829;font-weight: 700;}


/* 퀵메뉴 */
.btn_top_wrap {position:fixed;right:2rem;bottom:2rem;z-index:1;}
.btn_top_wrap .phone {position:relative;color:#fff;display:grid;place-items:center;background: #2975e7;margin-bottom:1rem;width: 8rem;height: 8rem;font-size: 2rem;border-radius: 100%;line-height: 1.2;font-weight: 500;text-decoration: none;text-align: center;}
.btn_top_wrap .blogs {position:relative;color:#fff;display:grid;place-items:center;background: #36b44a;margin-bottom:1rem;width: 8rem;height: 8rem;font-size: 2rem;border-radius: 100%;line-height: 1.2;font-weight: 500;text-decoration: none;text-align: center;}
.btn_top_wrap .blogs img {width: 60%;}
.btn_top_wrap .button {position:relative;color:#fff;display:grid;place-items:center;background: #e73829;margin-bottom:1rem;width: 8rem;height: 8rem;font-size: 2rem;border-radius: 100%;line-height: 1.2;font-weight: 500;text-decoration: none;text-align: center;}
.btn_top_wrap .button:before {content: "";position: absolute;top: 50%;left: 50%;z-index: -1;width: 13rem;height: 13rem;transform: translate(-50%, -50%);background: rgba(231, 56, 41, 1);border-radius: 50%;opacity: 0;animation: ripplePulse 1.8s ease-out infinite;animation-delay: 0s;}
.btn_top_wrap .button:after {content: "";position: absolute;top: 50%;left: 50%;z-index: -1;width: 13rem;height: 13rem;transform: translate(-50%, -50%);background: rgba(231, 56, 41, 1);border-radius: 50%;opacity: 0;animation: ripplePulse 1.8s ease-out infinite;animation-delay: 0.5s;}
.btn_top_wrap .btn_top {display:grid;place-items:center;width: 8rem;height: 8rem;border-radius: 100%;border:1px solid #ddd;background: #fff;}