@charset "utf-8";

.main .inner {width:var(--main-width);}

/* ----------------------------------------------------------------- */
/* main_visual */
/* ----------------------------------------------------------------- */

.visual_wrap {position:relative; width:100%;}
.main_visual {position:relative; background-color:#eee; z-index:0;}

/* 메인 비주얼 :: 이미지 */
.main_visual .item {position:relative;}

.main_visual .item .img {position:relative; width:100%; height:500px/*100vh*/; }

/* 메인 비주얼 :: active효과 */
.main_visual .item.active-item .img {}

/* 메인 비주얼 :: 텍스트 */
.visual_wrap .txt {position:absolute; left:10%; top:40%; width:100%; color:#fff; z-index:999;}
.visual_wrap .txt .tit_big {line-height:1.2; font-size:4.6rem; color:#fff; font-family:var(--font-title);}
.visual_wrap .txt .exp {margin-top:20px; font-size:2.4rem; color:#fff; font-family: 'TTTtangsbudaejjigaeM';}

.visual_wrap .txt .exp em {color:#ffcc33;}
.visual_wrap .txt .tit_big, 
.visual_wrap .txt .tit_mdd, 
.visual_wrap .txt .exp {text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);}

.main_visual .slick-list {overflow: visible !important;}/* 무효화 */
.visual_wrap .icon {position:absolute; right:3%; bottom:-40px;}
.visual_wrap .icon {transform:translateY(0); transition: all ease-in-out 1.2s;}
.visual_wrap .icon img {width:180px;}
.visual_wrap .icon.move {animation:imgupDown 3s 2s ease-in-out infinite;}

@keyframes imgupDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}


/* 메인 비주얼 :: 버튼 ----------- */ 
.visual_wrap .slick-dots {display:flex; /*position:absolute; left:0; right:0; bottom:30px; text-align:center; z-index:999; */ font-size:0;}
.visual_wrap .slick-dots li {margin-right:14px;}
.visual_wrap .slick-dots li button {cursor:pointer; margin:0px; padding:0; width:12px; height:12px; font-size:0; /*background-color:rgba(255,255,255,0.4);*/ border:2px solid #fff; border-radius:12px;}
.visual_wrap .slick-dots li.slick-active button {width:24px; height:12px; background:#fff; opacity:1;}

/* 메인 비주얼 :: 진행 바 */ 
.main_visual .slider_controls {position:absolute; left:0; right:0; bottom:30px; width:100%; display:flex; justify-content:center; align-items:center; z-index:9999;}
.main_visual .control {position:static; display:flex; justify-content:flex-end; align-items:center;}
.main_visual .control button {display:none;}
.main_visual .control button.active {display:inline-block; line-height:1; font-size:2rem; color:#fff;}
.main_visual .control span {display:none;}




/* ----------------------------------------------------------------- */
/* main_cont */
/* ----------------------------------------------------------------- */



/* 메인 :: 바로가기 */
.quick_wrap {position:relative; padding:60px 0;}
.quick_wrap:after {content:""; display:block; clear:both;}
.quick_wrap .inner {}

.quick_wrap .lst {display:flex; flex-wrap:wrap; justify-content:center; gap:40px 0; width:100%;}
.quick_wrap .lst li {position:relative; width:calc(100% / 3);}
.quick_wrap .lst li a {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.quick_wrap .lst li a i {overflow:hidden; display:flex; justify-content:center;-webkit-box-align:center; align-items:center; width:130px; height:130px; border-radius:100%; background-color:#f5f5f5;}

.quick_wrap .lst li a img {width:130px;}
.quick_wrap .lst li a .title {margin-top:20px; font-size:2rem; color:#333; font-family:'Paperlogy'; font-weight:500; /* letter-spacing:-0.025em; */ text-align:center;}
.quick_wrap .lst li a .title span {}
.quick_wrap .lst li a:hover .title {color:var(--main-color);}




/* 메인 :: 스마트투어 */
.tour_wrap {position:relative; margin:0 auto; padding:50px 0 100px; max-width:900px; width:100%; background:url("/images/main/bg_tour.png") no-repeat center bottom; background-size:100%;}

.tour_wrap .main_title {position:relative; text-align:center;}
.tour_wrap h3 {display:flex; flex-wrap:wrap; justify-content:center; font-weight:normal; text-transform:uppercase;}
.tour_wrap h3 span {display:inline-block; padding:15px 15px 10px; background:#000; line-height:1; font-size:3.6rem; color:#fff; font-family:var(--font-title);}
.tour_wrap h3 span + span {background:var(--main-color);}
.tour_wrap .h_desc {margin-top:10px; font-size:1.8rem; color:#333; font-family:'Paperlogy'; font-weight:400;}

.tour_wrap .img {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; text-indent:-9999em;}
.tour_wrap .img:before {content:""; display:block; position:absolute; left:-10px; bottom:-10px; width:50%; height:100%; background:url("/images/main/img_to_left.png") no-repeat center bottom;}
.tour_wrap .img:after {content:""; display:block; position:absolute; right:-10px; bottom:-10px; width:50%; height:100%; background:url("/images/main/img_to_right.png") no-repeat center bottom;}
.tour_wrap .img:before,
.tour_wrap .img:after {background-size:100%;}

.tour_slide {position:relative; margin-top:25px;}
.tour_slide .item {overflow:hidden; position:relative;}
.tour_slide .item .subject {position:relative; text-align:center; font-size:3rem; color:#333; font-family:var(--font-title);}
.tour_slide .item .imgthumb {overflow:hidden; position:relative; margin:25px auto; width:440px; height:auto; aspect-ratio:1 / 1; border-radius:100%; 
filter:drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.1));}
.tour_slide .item .imgthumb img {height:100%;}

.tour_slide .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.tour_slide .slick-arrow {position:absolute; top:55%; font-size:0; z-index:9999;} 
.tour_slide .slick-arrow.slick-prev {left:calc(50% - 220px - 24px);}
.tour_slide .slick-arrow.slick-next {right:calc(50% - 220px - 24px);}
.tour_slide .slick-arrow.slick-prev, .tour_slide .slick-arrow.slick-next {margin-top:-24px; width:48px; height:48px; text-align:center; background-color:#fff;  border-radius:100%; -webkit-box-shadow:0 0 16px 0 rgb(0 0 0 / 10%); box-shadow:0 0 16px 0 rgb(0 0 0 / 10%);}
.tour_slide .slick-arrow i {font-family:xeicon; display: inline-block; font-size:3rem; line-height:48px; color:#333;}
.tour_slide .xi-long-arrow-left:before {content: "\e93c"; padding-right:2px;}
.tour_slide .xi-long-arrow-right:before {content:"\e93f"; padding-left:2px;}






@media (max-width:1300px){ /* 선택 */

}

@media (max-width:1200px){ /* 1152px 96%*/

}

@media (max-width:1024px){ /* tablet 980 */

	.quick_wrap .lst li a .title {font-size:1.8rem;}

}

@media (max-width:900px){



}
@media (max-width:830px){ /* tablet ~ 768 */

	
	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */
	.main_visual .item .img {height:400px;}
	
	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:3.8rem;}
	.visual_wrap .txt .exp {margin-top:15px; font-size:2rem;}



	
	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */

	/* 메인 :: 바로가기 */
	.quick_wrap {padding:50px 0;}
	.quick_wrap .lst li a img {width:100px;}
	.quick_wrap .lst li a .title {margin-top:15px; font-size:1.7rem;}



	/* 메인 :: 스마트투어 */
	.tour_wrap {padding:40px 0 80px;}

	.tour_wrap h3 span {padding:15px 15px 10px; font-size:3.2rem;}
	.tour_wrap .h_desc {font-size:1.7rem;}

	.tour_slide .item .subject {font-size:2.6rem;}
	.tour_slide .item .imgthumb {margin:25px auto; width:400px;}
	.tour_slide .slick-arrow.slick-prev {left:calc(50% - 200px - 22px);}
	.tour_slide .slick-arrow.slick-next {right:calc(50% - 200px - 22px);}

	.tour_slide .slick-arrow.slick-prev, .tour_slide .slick-arrow.slick-next {margin-top:-22px; width:44px; height:44px;}
	.tour_slide .slick-arrow i {font-size:3rem; line-height:44px;}



}

@media (max-width:768px){ /* mobile 가로 */

}

@media (max-width:680px){ /* mobile 가로 640기준 */



	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */
	
	.main_visual .item .img {height:360px;}
	
	
	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt {left:5%; top:40%;}
	.visual_wrap .txt .tit_big {font-size:3.4rem;}
	.visual_wrap .txt .exp {font-size:1.8rem;}

	.visual_wrap .icon {right:2%; bottom:-36px;}
	.visual_wrap .icon img {width:160px;}
	

	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */


	/* 메인 :: 바로가기 */		
	.quick_wrap .lst li a img {width:86px;}
	.quick_wrap .lst li a .title {margin-top:15px; font-size:1.6rem;}



	/* 메인 :: 스마트투어 */
	.tour_wrap {padding:35px 0 80px; background-size:110%;}
	.tour_wrap h3 span {font-size:3rem;}
	.tour_wrap .h_desc {font-size:1.6rem;}

	.tour_slide {margin-top:20px;}
	.tour_slide .item .subject {font-size:2.4rem;}
	.tour_slide .item .imgthumb {margin:20px auto; width:360px;}
	.tour_slide .slick-arrow.slick-prev {left:calc(50% - 180px - 20px);}
	.tour_slide .slick-arrow.slick-next {right:calc(50% - 180px - 20px);}

	.tour_slide .slick-arrow.slick-prev, .tour_slide .slick-arrow.slick-next {margin-top:-20px; width:40px; height:40px;}
	.tour_slide .slick-arrow i {font-size:2.8rem; line-height:40px;}





}

@media (max-width:610px){ /* mobile 세로 */
	

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */


	/* 메인 비주얼 :: 텍스트 */	
	.visual_wrap .txt .tit_big {font-size:3.2rem;}


	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */

	/* 메인 :: 바로가기 */
	.quick_wrap {padding:45px 0 40px;}
	.quick_wrap .lst li a .title {line-height:1.2;}
	.quick_wrap .lst li a .title span {display:block;}


	
	/* 메인 :: 스마트투어 */
	.tour_wrap {padding:35px 0 60px; background-size:120%;}
	.tour_wrap h3 span {padding:13px 13px 8px; font-size:2.8rem;}

	.tour_slide .item .subject {font-size:2.3rem;}
	
	.tour_wrap .img:before {left:-20px;}
	.tour_wrap .img:after {right:-20px;}
	.tour_wrap .img:before,
	.tour_wrap .img:after {background-size:110%;}



}

@media (max-width:430px){ /* mobile 세로 */


	
	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */


	.main_visual .item .img {height:380px;}


	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt {top:40%;}
	.visual_wrap .txt .tit_big {font-size:2.8rem;}
	.visual_wrap .txt .exp {font-size:1.8rem;}
	
	.visual_wrap .icon {right:0; bottom:-32px;}
	.visual_wrap .icon img {width:150px;}

	

	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */
	

	/* 메인 :: 바로가기 */	
	.quick_wrap .lst li a img {width:84px;}
	.quick_wrap .lst li a .title {font-size:1.6rem;}


	
	/* 메인 :: 스마트투어 */
	.tour_wrap {padding:25px 0 60px; background-size:140%;}
	.tour_wrap h3 span {font-size:2.6rem;}

	.tour_slide .item .imgthumb {margin:15px auto; width:280px;}
	.tour_slide .slick-arrow.slick-prev {left:calc(50% - 140px - 17px);}
	.tour_slide .slick-arrow.slick-next {right:calc(50% - 140px - 17px);}

	.tour_slide .slick-arrow.slick-prev, .tour_slide .slick-arrow.slick-next {margin-top:-17px; width:34px; height:34px;}
	.tour_slide .slick-arrow i {font-size:2.5rem; line-height:34px;}



}

@media (max-width:380px){ /* mobile 세로 */

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

	
	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */

	
	/* 메인 :: 바로가기 */	
	.quick_wrap .lst li a img {width:80px;}
	.quick_wrap .lst li a .title {font-size:1.5rem;}


	/* 메인 :: 스마트투어 */
	.tour_slide .item .imgthumb {width:260px;}
	.tour_slide .slick-arrow.slick-prev {left:calc(50% - 130px - 16px);}
	.tour_slide .slick-arrow.slick-next {right:calc(50% - 130px - 16px);}

	.tour_slide .slick-arrow.slick-prev, .tour_slide .slick-arrow.slick-next {margin-top:-16px; width:32px; height:32px;}
	.tour_slide .slick-arrow i {font-size:2.4rem; line-height:32px;}



}