@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;display:block;width:100%;height:100%;position:relative;margin-top:110px;}
.fs_main_visual .mvis_slide {display:block;}
.fs_main_visual .mvis_slide .mvis {position:relative;width:100%;height:calc(100vh - 110px);}
.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/theme2/main/mvis01.png") no-repeat center;background-size:cover;z-index: -1;
}
.fs_main_visual .mvis_slide .mvis.mvis02 .bg {background:url("/images/theme2/main/mvis02.png") no-repeat center;background-size:cover;}
.fs_main_visual .mvis_slide .mvis .main_visual_text {position: relative;z-index: 1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-wrap:wrap;}
.fs_main_visual .mvis_slide .mvis .main_visual_text > div {}
.fs_main_visual .mvis_slide .mvis .main_visual_text .sta {display:block;font-family:'Maruburi';font-size:3.5em;color:#fff;font-weight:600;line-height:normal;text-align:center;}
.fs_main_visual .mvis_slide .mvis .main_visual_text .stb {display:block;margin-top:30px;font-size:1.2em;color:#fff;font-weight:500;text-align:center;}

/* 컨트롤 */
#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/theme2/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/theme2/main/ico_stop.png') no-repeat center;background-size:contain;}
#pager .btn_pause.stop {opacity:.8;}
#pager .btn_pause.stop:after {background:url("/images/theme2/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 {margin-top:100px;}
		.fs_main_visual .mvis_slide .mvis {height:calc(100vh - 100px);}
		.fs_main_visual .mvis_slide .mvis .main_visual_text .sta {font-size:3em;}
	}
	@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 {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:2.5em;}

		/* 컨트롤 */
		#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:2em;}
		.fs_main_visual .mvis_slide .mvis .main_visual_text .stb {font-size:1em;}
	}


/* ------------------------------ 컨텐츠 */
/* 메인 공통 */
.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;overflow:hidden;}
/*.mcon01:before {content:'';position:absolute;left:0;top:0;background:url("/images/theme2/main/mcon01_bg01.png") no-repeat left top;width:100%;height:100%;opacity: .6;background-size:cover;}*/
.mcon01:after {content:'';position:absolute;left:-5%;bottom:-15%;background:url("/images/theme2/main/mcon01_bg02.png") no-repeat left top;width:600px;height:auto;aspect-ratio:4/3;background-size:contain;opacity: .1;z-index:0;background-size:contain;}
.mcon_box {display:flex;flex-wrap:wrap;width:100%;position:relative;}
.mcon_box .mcon_left {width:500px;}
.mcon_box .mcon_right {width:calc(100% - 500px);}
.mcon01 .h_list_box {position:relative;}
.mcon01 .h_list_box .h_list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.mcon01 .h_list_box .h_list .h_item {padding:0 20px;}
.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;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.4;}
.mcon01 .h_list_box .h_list a:hover {text-decoration: none;}
.mcon01 .h_list_box .h_list a:hover .h_tit {text-decoration: none;}
.mcon01 .h_list_box .h_list .slick-slide.slick-current .imgbox img {opacity:1;}
.mcon01 .h_list_box .h_list .slick-arrow {position:absolute;left:-500px;top:200px;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/theme2/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-next {left:-440px;}
.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;}

		.mcon_box .mcon_left {width:400px;}
		.mcon_box .mcon_right {width:calc(100% - 400px);}
		.mcon01 .h_list_box .h_list .slick-arrow {left:-400px;}
		.mcon01 .h_list_box .h_list .slick-arrow.slick-next {left:-340px;}
	}
	@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;}

		.mcon_box .mcon_left {width:100%;}
		.mcon_box .mcon_right {width:100%;margin-top:40px;}
		.mcon01 .h_list_box .h_list .slick-arrow {left:unset;right:60px;top:-80px;}
		.mcon01 .h_list_box .h_list .slick-arrow.slick-next {right:0;left:unset;}
	}
	@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 .slick-arrow {width:45px;height:45px;top:-10%;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;}

		.mcon_box .mcon_right {margin-top:20px;}
	}

/* 슬로건 */
.mcon02 {position:relative;padding:150px 0;overflow: hidden;}
.mcon02:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/theme2/main/mcon02_bg.png") center top #fff;z-index: -1;opacity:0.5;}
.mcon02:after {content:'';position:absolute;right:-23%;bottom:0;background:url("/images/theme2/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/theme2/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:1em;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;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/theme2/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;}

.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;}
	}