@charset "utf-8";

a:hover, a:focus, a:active {text-decoration: none;}
.skip_snb_menu {display:none;}
#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;display:block;width:100%;height:100%;position:relative;}
.fs_main_visual .mvis_slide {display:block;}
.fs_main_visual .mvis_slide .mvis {position:relative;width:100%;height:100vh;}
.fs_main_visual .mvis_slide .mvis .flexbox {display:block;width:100%;height:100%;display:flex;align-items:flex-end;}
.fs_main_visual .mvis_slide .mvis .bg {
	position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:url("/../images/fs/main/mvis01.png") no-repeat center;background-size:cover;z-index: -1;
}
.fs_main_visual .mvis_slide .mvis.mvis02 .bg {background:url("/../images/fs/main/mvis02.png") no-repeat center;background-size:cover;}
.fs_main_visual .mvis_slide .mvis .main_visual_text {position: relative;z-index: 1;padding:0 100px 160px;text-align: left;}
.fs_main_visual .mvis_slide .mvis .main_visual_text .sta {display:block;font-family:'Maruburi';font-size:3em;color:#fff;font-weight:600;line-height:normal;}
.fs_main_visual .mvis_slide .mvis .main_visual_text .stb {display:block;margin-top:30px;font-size:1.2em;color:#fff;font-weight:500;}

/* 컨트롤 */
#pager {position: absolute;right:0;bottom:80px;z-index: 1;display:flex;align-items: center;padding:0 100px;}
#pager > div:hover {cursor:pointer;}
#pager > div + div {margin-left:20px;}
#pager .arrow {width:15px;height:15px;position:relative;opacity:.3;transition:all .4s;-webkit-transition:all .4s;}
#pager .arrow:hover {opacity: 1;}
#pager .arrow:after {content:'';position:absolute;left:0;top:0;margin:auto;background:url("/../../images/fs/main/ico_prev.png") no-repeat center;width:100%;height:100%;}
#pager .next:after {transform:rotate(180deg);}
#pager .dots {position:relative;margin-left:20px;}
#pager .dots .slick-dots {display:flex;align-items: center;justify-content: right;}
#pager .dots .slick-dots > li {display: inline-block;width:9px;height:auto;aspect-ratio:1/1;}
#pager .dots .slick-dots > li + li {margin-left:10px;}
#pager .dots .slick-dots > li.slick-active button {background:none;border:1px solid #fff;}
#pager .dots .slick-dots > li button {display:block;width:100%;height:100%;padding:0;background:#fff;font-size:0;border-radius:8px;}
#pager .btn_pause {width:12px;height:12px;position:relative;opacity: .8;transition:all .4s;-webkit-transition:all .4s;}
#pager .btn_pause:hover {opacity: 1;}
#pager .btn_pause:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url('/../../images/fs/main/ico_stop.png') no-repeat center;background-size:contain;}
#pager .btn_pause.stop {opacity:.8;}
#pager .btn_pause.stop:after {background:url("/../../images/fs/main/ico_play.png") no-repeat center;background-size:contain;}
#pager .counter {position:relative;padding-left:40px;color:#bbb;font-weight:300;font-size:15px;}
#pager .counter:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:#fff;opacity: .3;width:30px;height:1px;}
#pager .counter span {padding:0 5px;}
#pager .counter .now {color:#fff;font-weight:600;}

	@media only screen and (max-width:1199px){
		.fs_main_visual .mvis_slide .mvis .main_visual_text {padding:0 30px 160px;}
		.fs_main_visual .mvis_slide .mvis .main_visual_text .sta {font-size:4em;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .mvis_slide .mvis .flexbox {align-items: center;}
		.fs_main_visual .mvis_slide .mvis .main_visual_text {display:block;width:100%;padding:0 15px 0;word-break: keep-all;text-align: center;}
		.fs_main_visual .mvis_slide .mvis .main_visual_text .sta {font-size:3.6em;}

		/* 컨트롤 */
		#pager {padding:0 15px;justify-content: center;right:0;left:0;}
		#pager > div + div {margin-left:10px;}
		#pager .dots {display: none;}
		#pager .counter {padding-left:30px;}
	}
	@media only screen and (max-width:560px){

		.fs_main_visual .mvis_slide .mvis .main_visual_text .sta {font-size:2.5em;}
	}


/* ------------------------------ 컨텐츠 */
/* 메인 공통 */
.mcon {padding:150px 0;}
.mcon .pd_wrp {position:relative;z-index: 1;}
h3.mtit	{font-size:4em;font-family:'MaruBuri';font-weight:600;color:#000;}
.mstit {display:block;font-size:1.05em;color:#999;margin-top:30px;line-height:1.4em;font-weight:400;}

/* 01_ 걸어온 길 */
.mcon01 {position:relative;}
.mcon01:before {content:'';position:absolute;left:-25%;top:0;background:url("/../../images/fs/main/mcon01_bg01.png") no-repeat left top;width:100%;height:300px;opacity: .2;background-size:contain;}
.mcon01:after {content:'';position:absolute;right:-13%;bottom:-10%;background:url("/../../images/fs/main/mcon01_bg02.png") no-repeat left top;width:600px;height:auto;aspect-ratio:4/3;background-size:contain;opacity: .1;z-index: -1;background-size:contain;}
.mcon01 .h_list_box {position:relative;}
.mcon01 .h_list_box .h_list {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:60px;}
.mcon01 .h_list_box .h_list .h_item {padding:0 20px;}
.mcon01 .h_list_box .h_list .h_item a:hover span {text-decoration: none;}
.mcon01 .h_list_box .h_list .h_item a .imgbox {display:flex;justify-content:center;align-items:center;width:100%;height:auto;aspect-ratio: 8/6;overflow:hidden;border-radius:20px;background:#000;}
.mcon01 .h_list_box .h_list .h_item a .imgbox img {max-width:unset;height:100%;transition:all .6s;-webkit-transition:all .6s;opacity: .7;}
.mcon01 .h_list_box .h_list .h_item a:hover .imgbox img,
.mcon01 .h_list_box .h_list .h_item a:focus .imgbox img,
.mcon01 .h_list_box .h_list .h_item a:active .imgbox img {transform:scale(1.1);opacity:1;}
.mcon01 .h_list_box .h_list .h_tit {display:block;margin-top:20px;text-align:center;color:#000;font-size:1.1em;font-weight:bold;line-height:1.5;}
.mcon01 .h_list_box .h_list .slick-slide.slick-current .imgbox img {opacity:1;}
.mcon01 .h_list_box .h_list .slick-arrow {position:absolute;right:0;top:-110px;width:50px;height:50px;font-size:0;background:#fff;border-radius:50px;border:1px solid #ddd;transition:all .4s;-webkit-transition:all .4s;opacity: .5;}
.mcon01 .h_list_box .h_list .slick-arrow:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/../../images/fs/common/mcon_arrow.png") no-repeat center;transition:all .4s;-webkit-transition:all .4s;}
.mcon01 .h_list_box .h_list .slick-arrow:hover,
.mcon01 .h_list_box .h_list .slick-arrow:focus,
.mcon01 .h_list_box .h_list .slick-arrow:active {background:#ebca34;opacity:1;border:1px solid #ebca34;}
.mcon01 .h_list_box .h_list .slick-arrow.slick-prev {right:60px;}
.mcon01 .h_list_box .h_list .slick-arrow.slick-prev:after {transform:rotate(180deg);}
	/* 반응형 */
	@media only screen and (max-width:1199px){
		.mcon01 .h_list_box .h_list .h_item {padding:0 10px;}
	}
	@media only screen and (max-width:1023px){
		/* 메인 공통 */
		.mcon {padding:100px 0;}
		.mstit {margin-top:15px;}
		h3.mtit {font-size:3.5em;}

		.mcon01:before {background-size:cover;height:200px;opacity: .3;background-position:right bottom;}
		.mcon01:after {right:-25%;bottom:-20%;width:500px;}
	}
	@media only screen and (max-width:767px){
		/* 메인 공통 */
		.mcon {padding:80px 0;}
		h3.mtit {font-size:2.8em;}

		.mcon01:before {height:140px;}
		.mcon01:after {right:-50%;width:440px;}
		.mcon01 .h_list_box .h_list {margin-top:40px;}
		.mcon01 .h_list_box .h_list .slick-arrow {width:45px;height:45px;top:0;bottom:34px;margin:auto;z-index:1;opacity: .8;}
		.mcon01 .h_list_box .h_list .slick-arrow.slick-prev {left:-10px;right:unset;}
		.mcon01 .h_list_box .h_list .slick-arrow.slick-next {right:-10px;left:unset;}
	}

/* 슬로건 */
.mcon02 {position:relative;padding:150px 0;overflow: hidden;}
.mcon02:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("/../../images/fs/main/mcon02_bg.png") center top #fff;z-index: -1;}
.mcon02:after {content:'';position:absolute;right:-23%;bottom:0;background:url("/../../images/fs/main/mcon02_bg02.png") no-repeat bottom right;width:100%;height:auto;aspect-ratio:4/3; z-index: -1;opacity: .2;}
.mcon02 ul.slogan_list li + li {margin-top:100px;}
.mcon02 ul.slogan_list li .flexbox {justify-content: space-between;align-items:center;padding:0 5% 0 10%;}
.mcon02 ul.slogan_list li:nth-child(2n) .flexbox {flex-direction: row-reverse;}
.mcon02 ul.slogan_list li .flexbox .txtbox {width:50%;text-align:left;}
.mcon02 ul.slogan_list li:nth-child(2n) .flexbox .txtbox {text-align:left;padding:0 0 0 5%;}
.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .stit {position:relative;font-size:3em;font-family:'MaruBuri';color:#000;font-weight:600;margin-bottom:20px;}
.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .stit:before {content:'';position:absolute;left:-20px;bottom:0;background:url("/../../images/fs/main/mcon02_icon.png") no-repeat left bottom;width:101px;height:auto;aspect-ratio:101/116;z-index:-1;opacity: .7;}
.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .sstit {font-size:1.2em;font-weight:300;color:#666;line-height:1.5em;}
.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn {margin-top:40px;display:inline-block;padding:20px 30px;color:#231815;background:#f0d456;border-radius:50px;transition:all .4s;-webkit-transition:all .4s;}
.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn span {position:relative;display:block;padding-right:60px;}
.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn span:after {content:'';position:absolute;top:0;bottom:0;right:0;background:url("/../../images/fs/common/mcon_arrow.png") no-repeat right;width:16px;height:auto;aspect-ratio: 1/1;transition:all .4s;-webkit-transition:all .4s;}
.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn:hover {color:#fff;background:#231815;text-decoration: none;}
.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn:hover span:after {filter:brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(2%) hue-rotate(120deg) brightness(105%) contrast(100%);}
.mcon02 ul.slogan_list li .flexbox .imgbox {position:relative;display:block;width:50%;height:auto;aspect-ratio:39/23;overflow: hidden;border-radius: 20px;}

.mcon02 ul.slogan_list li:first-child .flexbox .imgbox:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));}
.mcon02 ul.slogan_list li:first-child .flexbox .imgbox span.since {display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;color:#fff;z-index: 1;font-family:'MaruBuri';font-size:1.5em;font-weight:bold;}
	/* 반응형 */
	@media only screen and (max-width:1199px){
		.mcon02:after {background-size:cover;height:200px;opacity: .2;background-position:left top;}
		.mcon02 ul.slogan_list li .flexbox {padding:0;}
	}
	@media only screen and (max-width:1023px){
		.mcon02 {padding:100px 0;}
		.mcon02 ul.slogan_list li + li {margin-top:60px;}
		.mcon02 ul.slogan_list li .flexbox {flex-direction: column-reverse !important;justify-content:center;align-items: normal;}
		.mcon02 ul.slogan_list li .flexbox .txtbox {margin-top:20px;text-align: center !important;width:100% !important;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .stit {padding:60px 0 0;font-size:2em;margin-bottom:10px;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .stit:before {background-size:contain;width:70px;left:0 !important;right:0 !important;margin:auto;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .sstit {font-size:1.1em;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn {margin-top:20px;padding:15px 25px;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .more_btn span:after {width:14px;}
		.mcon02 ul.slogan_list li .flexbox .imgbox {width:90%;max-width:560px;margin:auto;}
		/*.mcon02 ul.slogan_list li .flexbox .txtbox {width:45%;}*/
		/*.mcon02 ul.slogan_list li .flexbox .imgbox {width:55%;}*/
		.mcon02 ul.slogan_list li .flexbox .imgbox img {max-width: 100%;}
	}
	@media only screen and (max-width:767px){
		.mcon02 {padding:80px 0;}
		.mcon02:after {right:-20%;height:160px;}

	}
	@media only screen and (max-width:560px){
		.mcon02 ul.slogan_list li .flexbox .txtbox {margin:0;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .stit {padding:20px 0 0;}
		.mcon02 ul.slogan_list li .flexbox .txtbox .d_txt .stit:before {display:none;}
	}