@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}


/* 비주얼 */
.fs_main_visual {height:424px;}
.fs_main_visual .vis_slide_box {position:relative;height:424px;}
.fs_main_visual .vis_slide_box .slides01 {position:absolute;right:50%;transform:translateX(720px);}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide {position:relative;background-repeat:no-repeat;background-position:right top;background-color:#f1f4fa;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text {position:absolute;right:100px;top:90px;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text > span {font-family:'GmarketSans';}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text > span em {}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text > span .br_none {display:none;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text .sta {display:block;letter-spacing:-1px;font-size:2.5em;font-weight:700;color:#023760;overflow:hidden;opacity:0;transition:1s;transform:translateY(-20px);}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text .sta em {color:#f08336;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text .sta span {font-family:'GmarketSans';font-weight:500;color:#222;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text .stb {display:block;letter-spacing:-0.1px;font-size:1.25em;color:rgba(102,102,102,0.5);overflow:hidden;opacity:0;transition:1s;transform:translateY(-20px);}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text .stb em {}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active .main_visual_text .sta {overflow:visible;opacity:1;transition:1s;transform:translateY(0);transition-delay:0.1s;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active .main_visual_text .stb {overflow:visible;opacity:1;transition:1s;transform:translateY(0);transition-delay:0.3s;}
/* 컨트롤 */
.fs_main_visual .mvis_controll_box {position:absolute;right:50%;top:260px;z-index:1;transform:translateX(580px);}
.fs_main_visual .mvis_controll_box a {display:inline-block;vertical-align:middle;}
.fs_main_visual .mvis_controll_box a:hover,
.fs_main_visual .mvis_controll_box a:focus,
.fs_main_visual .mvis_controll_box a:active {color:#4e6cb4;}
.fs_main_visual .mvis_controll_box a:hover img,
.fs_main_visual .mvis_controll_box a:focus img,
.fs_main_visual .mvis_controll_box a:active img {filter: invert(43%) sepia(100%) saturate(120%) hue-rotate(175deg);}
.fs_main_visual .mvis_controll_box .mvis_prev {padding-right:20px;margin-right:12px;border-right:1px solid #d7d7d7;}
.fs_main_visual .mvis_controll_box .mvis_prev img {margin-right:10px;vertical-align:middle;}
.fs_main_visual .mvis_controll_box .mvis_next {}
.fs_main_visual .mvis_controll_box .mvis_next img {margin-left:10px;vertical-align:middle;}
	@media only screen and (max-width:1439px){
		.fs_main_visual .vis_slide_box .slides01 {left:0;right:auto;transform:translateX(0);}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide {background-size:cover;background-position:right -50px top;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text {right:15px;}

		.fs_main_visual .mvis_controll_box {right:15px;top:260px;transform:translateX(0);}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual {height:325px;}
		.fs_main_visual .vis_slide_box {height:325px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide {background-position:right -20px top;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text {top:45px;}

		.fs_main_visual .mvis_controll_box {top:auto;bottom:100px;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual {height:250px;}
		.fs_main_visual .vis_slide_box {height:250px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide {background-position:right 0 top 0px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text {top:55px;}

		.fs_main_visual .mvis_controll_box {bottom:20px;}
	}
	@media only screen and (max-width:599px){
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide {}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text {font-size:0.875em;}
	}
	@media only screen and (max-width:479px){
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide {background-position:right -240px top 0px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text {top:30px;font-size:0.75em;word-break:keep-all;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .main_visual_text > span .br_none {display:block;}
	}

/* 컨텐츠 시작 */
.fs_main_contents {}

/* 상단버튼 */
.top_con_box {display:flex;justify-content:flex-end;position:relative;z-index:1;transform:translateY(-74px);}
.top_con_box .btn_list {display:flex;width:600px;height:140px;}
.top_con_box .btn_list li {width:50%;letter-spacing:-1px;}
.top_con_box .btn_list li a {display:flex;justify-content:center;flex-direction:column;height:100%;padding:0 35px;background-image:url("./../images/main_intro/icon_vis1.png");background-repeat:no-repeat;background-position:right 20px center;color:#fff;text-decoration:none;}
.top_con_box .btn_list li a em {font-size:1.375em;font-weight:500;font-family:'GmarketSans';}
.top_con_box .btn_list li a > span {font-size:1.75em;font-weight:700;font-family:'GmarketSans';}
.top_con_box .btn_list li a > span span {font-size:0.714em;font-weight:300;font-family:'GmarketSans';}
.top_con_box .btn_list li.st1 a {width:300px;border-radius:42px 0 0 0;}
.top_con_box .btn_list li.st1 a {background-color:#f08336;border-radius:42px 0 0 0;transition:0.4s;}
.top_con_box .btn_list li.st2 a {background-image:url("./../images/main_intro/icon_vis2.png");border-radius:0 0 42px 0;}
.top_con_box .btn_list li.st2 a {background-color:#023760;border-radius:0 0 42px 0;transition:0.4s;}
.top_con_box .btn_list li.st1 a:is(:hover, :focus, :active) {background-color:#ff890f;}
.top_con_box .btn_list li.st2 a:is(:hover, :focus, :active) {background-color:#066cbb;}
	@media only screen and (max-width:1439px){
		.top_con_box {padding:0;}
	}
	@media only screen and (max-width:1023px){
		.top_con_box .btn_list {width:100%;height:auto;}
		.top_con_box .btn_list li a {padding:24px 20px;}
		.top_con_box .btn_list li.st1 a {width:100%;border-radius:0;}
		.top_con_box .btn_list li.st2 a {width:100%;border-radius:0;}
	}
	@media only screen and (max-width:767px){
		.top_con_box {transform:translateY(0);}
		.top_con_box .btn_list li.st1 {border-radius:0;}
		.top_con_box .btn_list li.st2 {border-radius:0;}
	}
	@media only screen and (max-width:669px){
	}
	@media only screen and (max-width:559px){
		.top_con_box .btn_list {flex-direction:column;}
		.top_con_box .btn_list li {width:100%;}
		.top_con_box .btn_list li a {padding:15px 15px;}
		.top_con_box .btn_list li a img {width:18px;}
		.top_con_box .btn_list li.st1 a {width:100%;border-radius:0;background-position:right 23px center;background-size:40px auto;}
		.top_con_box .btn_list li.st2 a {width:100%;background-position:right 28px center;background-size:30px auto;}
	}


/* 바로가기 */
.con_box1 {padding-bottom:90px;}
.con_box1 .wrap {}
.con_box1 .btn {display:flex;justify-content:space-around;margin-left:-24px;}
.con_box1 .btn li {width:33.3%;padding-left:24px;}
.con_box1 .btn li .line {position:relative;display:flex;flex-direction:column;align-items:flex-start;word-break:keep-all;min-height:205px;padding:40px;border:1px solid #e2e2e2;text-decoration:none;}
.con_box1 .btn li strong {font-family:'GmarketSans';font-size:1.875em;font-weight:500;color:#222;}
.con_box1 .btn li > a .go {display:inline-block;padding:0 35px;margin-top:10px;height:36px;line-height:36px;background:#e6793d;border-radius:50px;color:#fff;transition:0.4s;}
.con_box1 .btn li > a .icon {position:absolute;right:40px;top:0;bottom:0;display:grid;place-items:center;width:120px;height:120px;margin:auto 0;background:#eef2fa;border-radius:100%;transition:0.4s;}
.con_box1 .btn li > a .icon img {}
.con_box1 .btn li > a:is(:hover, :focus, :active) .icon {background:#023760;}
.con_box1 .btn li > a:is(:hover, :focus, :active) .go {padding:0 45px;}
.con_box1 .btn li.divli > div {padding:30px 40px;}
.con_box1 .btn li.divli > div .li {display:flex;align-items:center;flex-grow:1;font-size:1.25em;text-decoration:none;color:#222;}
.con_box1 .btn li.divli > div .li span {display:inline-block;width:30px;margin-right:5px;text-align:center;}
.con_box1 .btn li.divli > div .li span img {vertical-align:middle;}
.con_box1 .btn li.divli > div strong + .li span img {height:21px;margin-top:-2px;}
.con_box1 .btn li.divli > div strong + .li + .li span img {height:26px;margin-top:-1px;}
.con_box1 .btn li.divli > div .li em {margin-right:5px;color:#999;}
	@media only screen and (max-width:1199px){
		.con_box1 {padding-bottom:80px;}
		.con_box1 .btn {margin-left:-15px;}
		.con_box1 .btn li {padding-left:15px;}
		.con_box1 .btn li > a .icon {right:20px;}
		.con_box1 .btn li .line {padding:40px 20px;}
		.con_box1 .btn li.divli > div {padding:30px 20px;height: 100%;}
	}
	@media only screen and (max-width:1023px){
		.con_box1 {padding-bottom:20px;transform:translateY(-30px);}
		.con_box1 .btn {flex-wrap:wrap;}
		.con_box1 .btn li {width:50%;}
		.con_box1 .btn li:last-child {width:100%;margin-top:15px;}
		.con_box1 .btn li .line {min-height:auto;}
		.con_box1 .btn li.divli > div .li {padding:5px 0;}
		.con_box1 .btn li > a .icon {width:80px;height:80px;}
		.con_box1 .btn li > a .icon img {width:50%;}
		.con_box1 .btn li > a:is(:hover, :focus, :active) .icon {transform:translateY(0);}
	}
	@media only screen and (max-width:767px){
		.con_box1 {padding-top:40px;padding-bottom:50px;transform:translateY(0);}

	}
	@media only screen and (max-width:579px){
		.con_box1 .btn li strong {font-size:1.575em;}
		.con_box1 .btn li .line {align-items:center;padding:30px 15px;}
		.con_box1 .btn li > a .icon {position:static;margin-top:15px;}
	}

/* 푸터영역 */
@media only screen and (max-width:1439px){
	.fs_footer_box {padding:20px 0 30px 0;}
}