@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */
.txt_c {text-align:center;}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1150px !important; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual video {width:100%;}
#mainVisual .main-movie-pc-img {background:#111;}
@media screen and (max-width: 768px) {
	#mainVisual {height:auto !important;}
}
@media all and ( min-width: 768px ) {
	
	#mainVisual  .main-movie-mo-img {display:none;}
	
}
@media all and ( max-width: 768px ) {
	
	#mainVisual  .main-movie-pc-img {display:none;}
	#mainVisual .main-movie-mo-img {background:#111;}
	
}

.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:1150px;
	background-size:contain !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
}
.main-visual-item .main-visual-txt-box{display:table; width:100%; height:100%;}
.main-visual-item .main-visual-txt-box .main-visual-txt-inner {display:table-cell; vertical-align:middle;}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{
	opacity:0; 
}
/*240403 메인 비주얼 ::  텍스트*/
/*기존 font-size:72px;*/
.main-visual-item .main-visual-txt-con .main-visual-txt1 {display:block; font-size:65px; font-weight:700; letter-spacing:-0.35px; color:#fff;  line-height:1.3; text-align:right;}
/*기존 font-size:18px;*/
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:22px; line-height:2em; font-weight:700; letter-spacing:-0.5px; color:rgba(255,255,255); text-align:right;}
.main-visual-item .main-visual-txt-con .txt1-box {margin-bottom:30px;}

@media all and ( max-width: 768px ){
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1 {
		text-align:left;
	}
	.main-visual-item .main-visual-txt-con .txt1-box {
		margin:20px 0;
	}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {
		text-align:left;
	}
	
}
	
/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2{
	-webkit-animation: text-active-animation ease both;
	animation: text-active-animation 1s ease both;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}


@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(-20px); 
		transform: translateX(-20px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0; bottom:10.56vh; width:100%; text-align:left; z-index:11; }
.main-visual-con .slick-dots{display:inline-block; vertical-align:top; *display:inline;*zoom:1; }
.main-visual-con .slick-dots li {float:left; margin:0 10px;}
.main-visual-con .slick-dots li:not(.slick-active) svg {display:none;}
.main-visual-con .slick-dots li:not(.slick-active) svg circle {display:none;}
.main-visual-con .circle-box {position:relative; margin:auto; width:20px; height:20px; text-align:center; border:3px solid #fff; border-color:rgba(255, 255, 255, 0.2); border-radius: 50%; z-index:11; box-sizing:border-box; cursor:pointer;}
.main-visual-con .circle-box svg{
	overflow: visible; 
	position:absolute;
	top:-1px;
	left:-1px;
	width:16px;
	height:16px;
	fill:none; 
	stroke:#fff;
	transform:rotate(-90deg);
}
.main-visual-con .circle-box svg circle { transform-origin: center; stroke: #fff; stroke-dasharray: 360; stroke-dashoffset: 360; stroke-width: 16px; }

/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{position:absolute;  top:50%;transform:translateY(-50%); border:0; cursor:pointer; z-index:9; font-size:72px; color:rgba(255,255,255,0.5); }
.main-visual-con .slick-arrow.slick-prev{left:84px; }
.main-visual-con .slick-arrow.slick-next{right:84px;}


/* ******************  메인 컨텐츠 :: 공통 ********************** */
/* 공통 :: 타이틀 */
.main-tit-box{letter-spacing:-0.75px; text-align:center;}
.main-tit-box .main-tit{color:#000; font-size:60px; font-weight:700; }
.main-tit-box .main-sub-tit{display:block; margin-top:20px; color:#000; font-size:18px; letter-spacing:-0.75px; font-weight:300; line-height:2; }

/* ******************  메인 컨텐츠 :: Works+ ********************** */
#mainWorksCon{padding:145px 0 100px; }
.main-works-con {margin-top:60px;}
.main-works-list {margin:0 -2.2%;}
/*240403 .main-works-list li {float:left; width:20.58%; margin:0 2.2%; text-align:center;} */
.main-works-list li {float:left; width:28%; margin:0 2.2%; text-align:center;}
.main-works-list li:nth-child(even) {/*margin-top:60px;*/margin-top:0;}
/*240403 .main-works-list li a {display:block; position:relative; }*/
.main-works-list li {display:block; position:relative; }
.main-works-list li .bg {display:block; position:relative; padding-top:171.42%; background:no-repeat; background-size:cover;}
.main-works-list li.item01 .bg {background-image:url("../../images/main/main/main_works_img_01.jpg");}
.main-works-list li.item02 .bg {background-image:url("../../images/main/main/main_works_img_02.jpg");}
.main-works-list li.item03 .bg {background-image:url("../../images/main/main/main_works_img_03.jpg");}
.main-works-list li.item04 .bg {background-image:url("../../images/main/main/main_works_img_04.jpg");}
/*240403 .main-works-list li .txt-box {position:absolute; bottom:0; left:0; width:100%; z-index:1; color:#fff; padding: 0 15px 40px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; }*/
/*240403 수정*/
.main-works-list li .txt-box {position:absolute; bottom:100px; left:0; width:100%; z-index:1; color:#fff; /*padding: 0 15px 40px;*/ -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; box-sizing: border-box; }
.main-works-list li .txt-box .icon {display:block; width:100%; height:48px; background:center no-repeat; background-size:auto 100%; }
.main-works-list li.item01 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_01.png");}
.main-works-list li.item02 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_02.png");}
.main-works-list li.item03 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_03.png");}
.main-works-list li.item04 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_04.png");}
/*섹션2 각 이미지 내 타이틀*/ /* 240403 기존 font-size:25px;*/
.main-works-list li .txt-box .tit {display:block; width:100%; font-size:40px; letter-spacing:-0.5px; font-weight:500; margin-top:20px;} 
/*섹션2 각 이미지 내 타이틀 아래 텍스트*/ /* 240403 기존 font-size:16px;*/
.main-works-list li .txt-box .txt { width:100%; font-size:25px; line-height:1.75; letter-spacing:-0.5px; opacity:0.75;filter:Alpha(opacity=75); margin-top:20px;} 

@media all and (max-width:1320px){
	.main-works-list li .txt-box {padding-bottom:3.03vw;}
	.main-works-list li .txt-box .icon {height:3.64vw;}
	.main-works-list li .txt-box .tit ,
	.main-works-list li .txt-box .txt  {margin-top: 1.52vw;}
}
/**********************************************240404기존 메인 컨텐츠:: works+ 시작*******************************/
#mainWorksCon{padding:145px 0 100px; }
.main-works-con {margin-top:60px;}
.main-works-list {margin:0 -2.2%;}
.main-works-list li {float:left; width:20.58%; margin:0 2.2%; text-align:center;} 
.main-works-list li:nth-child(even) {margin-top:60px;}
/*240405 섹션 2 박스 높이 동일하게 변경*/
.main-works-list li:nth-child(even) {margin-top:0px;}

.main-works-list li a {display:block; position:relative; }
.main-works-list li .bg {display:block; position:relative; padding-top:171.42%; background:no-repeat; background-size:cover;}
.main-works-list li.item01 .bg {background-image:url("../../images/main/main/main_works_img_01.jpg");}
.main-works-list li.item02 .bg {background-image:url("../../images/main/main/main_works_img_02.jpg");}
.main-works-list li.item03 .bg {background-image:url("../../images/main/main/main_works_img_03.jpg");}
.main-works-list li.item04 .bg {background-image:url("../../images/main/main/main_works_img_04.jpg");}
.main-works-list li .txt-box {position:absolute; bottom:0; left:0; width:100%; z-index:1; color:#fff; padding: 0 15px 40px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-works-list li .txt-box .icon {display:block; width:100%; height:48px; background:center no-repeat; background-size:auto 100%; }
.main-works-list li.item01 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_01.png");}
.main-works-list li.item02 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_02.png");}
.main-works-list li.item03 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_03.png");}
.main-works-list li.item04 .txt-box .icon {background-image:url("../../images/main/main/main_works_icon_04.png");}
.main-works-list li .txt-box .tit {display:block; width:100%; font-size:25px; letter-spacing:-0.5px; font-weight:500; margin-top:20px;}
.main-works-list li .txt-box .txt { width:100%; font-size:16px; line-height:1.75; letter-spacing:-0.5px; /*opacity:0.75;*/opacity:0.85;filter:Alpha(opacity=75); margin-top:20px;}

@media all and (max-width:1320px){
	.main-works-list li .txt-box {padding-bottom:3.03vw;}
	.main-works-list li .txt-box .icon {height:3.64vw;}
	.main-works-list li .txt-box .tit ,
	.main-works-list li .txt-box .txt  {margin-top: 1.52vw; font-size:16px;}/*font-size:17px; @media (max-width: 800px)*/	
	/*240408*/
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 19px;}
}
@media all and (max-width:800px){
	.main-works-list li .txt-box .tit {font-size:18px;}
	/*240408*/
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size: 19px;}
}

.contents_main_title {font-size:32px; font-weight:800; color:#212121; text-align:center; margin-bottom:4rem;}
.contents_sub_title {width:180px; font-size:20px; font-weight:700; color:#fff;  border-radius:50px; background:#263f6d; text-align:center; padding:10px 0;margin:20px auto;}

/****************** 메인 컨텐츠 :: 동영상 이미지 **********************/
.tora_movie_Box {
	width:100%;
	margin:100px auto;
}
.tora_movie_Box img {
	max-width:100%;
}

@media all and ( max-width: 768px ){

	.tora_movie_Box {
		margin:50px auto;
	}
	
}
/****************** 메인 컨텐츠 :: 동영상 이미지 **********************/


/* ******************  토라 메인 컨텐츠 :: 상단 상품 ***********************/
.tora_prd_wrap {
	width:1300px;
	margin:130px auto;
	position:relative;
}
.tora_prd_title_box {
	margin-bottom:50px;
}
.tora_prd_title_box h3 {
	font-size:40px;
	color:#222;
	font-weight:800;
	line-height:47px;
	margin:20px 0;
}
.tora_prd_title_box h4 {
	font-size:17px;
	line-height:24px;
	color:#555;
	font-weight:600;
}
.tora_prd_title_box h5 {
	font-size:18px;
	color:#ccc;
	font-weight:700;
}
.tora_prd_wrap .toraBtn {
	display: inline-block;
	border-radius:50px;
	border:1px solid #c3c3c3;
	font-size: 14px;
	font-weight:600;
	padding: 15px 45px;
	margin-top:50px;
	transition: all 0.3s;
}
.tora_prd_wrap .toraBtn:hover {
	background:#555;
	border:1px solid #555;
	color:#fff;
}
.tora_prd_wrap ul {
	display:flex;
	justify-content:end;
	gap:25px;
	/*grid-template-columns:repeat(2,1fr);*/
}
.tora_prd_wrap ul:last-child {
	margin-top:25px;
}
.tora_prd_wrap ul:nth-child(2) li:nth-child(1) {
	position:relative;
}
.tora_prd_wrap ul:nth-child(2) li:nth-child(1):before {
	content:'';
	position:absolute;
	top:70px;
	left:-600px;
	width:598px;
	height:192px;
	background:url('../../images/main/main/text.jpg');
}
.tora_prd_wrap ul:nth-child(2) li:nth-child(2) {
	margin-top:-183px;
}
.tora_prd_wrap ul:nth-child(3) li:nth-child(2) {
	margin-top:-106px;
}
.tora_prd_wrap ul li a img {
	overflow:hidden;
	transition: all 0.3s;
}
/*.tora_prd_wrap ul li a img:hover {
	transform:scale(1.1);
}*/
/* ******************  토라 메인 컨텐츠 :: 상단 상품 ***********************/

/* ******************  토라 메인 컨텐츠 :: 상단 상품 모바일 ***********************/

@media all and ( max-width: 768px ){
	.tora_prd_title_box h3 {
		font-size:30px;
		line-height:38px;
	}
	.tora_prd_title_box h5 {
		font-size:16px;
	}
	.tora_prd_title_box {
		margin-bottom:30px;
	}
	.tora_prd_wrap .toraBtn {
		padding:13px 35px;
		margin-top:30px;
	}
	.tora_prd_wrap {
		width:96%;
		margin:50px auto;
	}
	.tora_prd_wrap ul {
		gap:10px;
		width:96%;
		margin:0 auto;
	}
	.tora_prd_wrap ul li {
		width:50%;
		gap:5px;
	}
	.tora_prd_wrap ul:last-child {
		margin:5px auto;
	}
	.tora_prd_wrap ul:nth-child(2) li:nth-child(1) {
		margin-top:44px;
	}
	.tora_prd_wrap ul:nth-child(2) li:nth-child(1):before {
		display:none;
	}
	.tora_prd_wrap ul:nth-child(2) li:nth-child(2) {
		margin:0;
	}
	.tora_prd_wrap ul:nth-child(3) li:nth-child(2) {
		margin:0;
	}
	.tora_prd_wrap ul li a img {
		max-width:100%;
	}
}

/* ******************  토라 메인 컨텐츠 :: 상단 상품 모바일 ***********************/

/* ******************  토라 메인 컨텐츠 :: 베스트 상품 ***********************/
.tora_best_prd_wrap {
	width:1300px;
	margin:100px auto;
	position:relative;
}
/* ******************  토라 메인 컨텐츠 :: 베스트 상품 ***********************/

/****************** 메인 컨텐츠 :: 하단메뉴 **********************/
.tora_bottom_menu_wrap {
	width:1230px;
	margin:50px auto;
	background:#f4f6f7;
	border-radius:100px;
	padding:35px;
	display:flex;
	justify-content:center;
}
.tora_bottom_menu_wrap dl {
	display:flex;
	justify-content:space-between;
	width:180px;
	background:#fff;
	border-radius:50px;
	padding:10px 30px;
	margin:0 15px;
	box-shadow:0px 5px 10px rgba(0, 0, 0, .05);
}
.tora_bottom_menu_wrap dl dt i {
	font-size:35px;
	color:#7c8892;
	transition: all 0.3s;
}
.tora_bottom_menu_wrap a:hover dl dt i {
	transform: translateY(-5px);
}
.tora_bottom_menu_wrap dl dd {
	font-size:16px;
	line-height:35px;
	font-weight:800;
	color:#7c8892;
	padding-left:15px;
}
/****************** 메인 컨텐츠 :: 하단메뉴 **********************/

/****************** 메인 컨텐츠 :: 하단메뉴 모바일 **********************/
@media all and ( max-width: 768px ){
	
	.tora_bottom_menu_wrap {
		flex-wrap:wrap;
		width:96%;
		margin:0 auto;
		border-radius:20px;
		padding:35px 0;
		gap:15px;
	}
	.tora_bottom_menu_wrap dl {
		width:220px;
	}
	
}
/****************** 메인 컨텐츠 :: 하단메뉴 모바일 **********************/


/* ******************  메인 컨텐츠 :: 카테고리 ***********************/
.mainCategoryWrap {background:#f8f8f8; padding:100px 0; margin:150px 0;}
.mainCategoryWrap .CategoryBox {display:flex; justify-content:center; gap:5rem;}
.mainCategoryWrap .CategoryBox a dl {position:relative;}
.mainCategoryWrap .CategoryBox a dl dt {width:360px; height:360px;}
.mainCategoryWrap .CategoryBox a dl dd {width:100%; position:absolute; bottom:55px; text-align:center; font-size:24px; font-weight:900;}
.mainCategoryWrap .CategoryBox a:nth-child(1) dl dt {background-image:url("../../images/main/main/main_category_img01.png");}
.mainCategoryWrap .CategoryBox a:nth-child(2) dl dt {background-image:url("../../images/main/main/main_category_img02.png");}
.mainCategoryWrap .CategoryBox a:nth-child(3) dl dt {background-image:url("../../images/main/main/main_category_img03.png");}
/* ******************  메인 컨텐츠 :: 카테고리 ***********************/

/* ******************  메인 컨텐츠 :: 패키지 ***********************/
.mainPackageWrap {margin:150px 0;}
.mainPackageWrap .PackageBox {display:flex; justify-content:center; gap:3rem;}
.mainPackageWrap .PackageBox a dl {position:relative;}
.mainPackageWrap .PackageBox a dl dd {width:100%; position:absolute; bottom:30px; font-size:32px; font-weight:800; text-indent:30px;}
.mainPackageWrap .PackageBox a dl dd span {display:block; font-size:16px; font-weight:700; line-height:40px;}
.mainPackageWrap .PackageBox a:nth-child(1) dl dt {width:400px; height:510px; background-image:url("../../images/main/main/main_package01.jpg");}
.mainPackageWrap .PackageBox a:nth-child(2) dl dt {width:400px; height:510px; background-image:url("../../images/main/main/main_package02.jpg");}
.mainPackageWrap .PackageBox a:nth-child(2) dl dd {width:100%; color:#fff;}
.mainPackageWrap .PackageBox a:nth-child(3) dl dt {width:400px; height:510px; background-image:url("../../images/main/main/main_package03.jpg");}
/* ******************  메인 컨텐츠 :: 패키지 ***********************/

/* ******************  메인 컨텐츠 :: 띠배너 ***********************/
.mainBottomBnr {position:relative; height:308px; background:url("../../images/main/main/main_bottom_bnr.jpg") no-repeat; background-position:center center;}
.mainBottomBnr a {position:absolute; top:57%; left:50%; transform:translate(-50%, -50%); width:1300px; margin:0 auto;color:#fff;}
.mainBottomBnr a p {font-size:34px; font-weight:700;}
.mainBottomBnr a .BnrTitle {font-size:68px; font-weight:800; margin-top:10px;}
.mainBottomBnr a .BnrTitle span {display:block; font-size:28px; font-weight:500; margin-top:20px;} 
/* ******************  메인 컨텐츠 :: 띠배너 ***********************/

/* ******************  메인 컨텐츠 :: 공지사항 ***********************/
.mainNoticeWrap {display:flex; gap:3rem; justify-content:space-between; width:1240px; margin:130px auto 0 auto;}
.mainNoticeWrap .NoticeTitleBox {width:450px;}
.mainNoticeWrap .NoticeTitleBox .NoticeSub {position:relative; font-size:20px; font-weight:600; color:#263f6d;}
.mainNoticeWrap .NoticeTitleBox .NoticeSub:before {content:''; position:absolute; top:-5px; left:-8px; display:block; width:16px; height:16px; background:#f4b628; z-index:-1;}
.mainNoticeWrap .NoticeTitleBox .NoticeTitle {font-size:32px; font-weight:800; line-height:42px; margin:45px 0 70px 0;}
.tora_prd_title_box a.NoticeMore {display:block; width:99px; height:9px; background-image:url("../../images/main/main/notice_more.jpg"); margin-top:70px;}

.mainNoticeWrap .NoticeCont {width:720px; margin-top:50px; border-top:2px solid #66686a;}
.mainNoticeWrap .NoticeCont ul li {font-size:24px; font-weight:700; line-height:110px; color:#323333; border-bottom:1px dashed #bdbdbd;}
.mainNoticeWrap .NoticeCont ul li a {position:relative;}
.mainNoticeWrap .NoticeCont ul li a:hover:before {content:''; display:inline-block; width:100%; height:2px; position:absolute; bottom:-3px; background:#323333;}
.mainNoticeWrap .NoticeCont ul li span {width:70px; display:inline-block; font-size:13px; color:#798392; padding:0 15px 0 30px;}
.mainNoticeWrap .NoticeCont ul li em {float:right; font-size:17px; color:#4f5a65; padding-right:30px;}
/* ******************  메인 컨텐츠 :: 공지사항 ***********************/


/*********************************************240404기존 메인 컨텐츠::works+끝*******************************/
/* ******************  메인 컨텐츠 :: About ********************** */
/*#mainAboutCon {padding:100px 0 90px;}*/
.main-about-con {margin-top:85px;}
.main-about-con .tit {display:block; text-align:center; font-size: 32px; color:#ee2f25; letter-spacing:-0.25px; font-weight:600;}
.main-about-con .img-box {margin-top:40px; position: relative; text-align: center;}
.main-about-con .img-box svg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.main-about-con .img-box > img{display: none; max-width: 100%;}


/* ******************  메인 컨텐츠 :: 배너 
#mainAboutCon {padding:100px 0 0px;}
#mainAboutCon div.mainbanner_tx1 {color:#fff; font-size:5em; font-weight:700;padding-top:20px;}
#mainAboutCon div.mainbanner_tx2 {color:#fff; font-size:2em; font-weight:400;line-height:1.5;padding-top:20px;}
****/


/* ******************  메인 컨텐츠 :: News ********************** */
#mainNewsCon {padding:90px 0 180px; background:url("../../images/main/main/main_news_bg.jpg") bottom no-repeat; background-size:cover; }
.main-news-con {position:relative; margin-top:85px;}
.main-news-con .swiper-container {overflow:visible;}
.main-news-list{margin-left: -70px;}
.main-news-list li {position:relative; margin-right: 70px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-news-list li a { cursor:default; pointer-events: none; }
.main-news-list:not(.first) li {transition: margin 0.5s, opacity 0.4s; }
.main-news-list li a {display:block; height:100%;}
.main-news-list li.swiper-slide-prev,
.main-news-list li.swiper-slide-active,
.main-news-list li.swiper-slide-next {opacity:1;filter:Alpha(opacity=100); }
.main-news-list li { opacity:0.4;filter:Alpha(opacity=40);}
.main-news-list li.swiper-slide-prev a,
.main-news-list li.swiper-slide-active a,
.main-news-list li.swiper-slide-next a {cursor:pointer; pointer-events: auto; }
.main-news-list li .img-wrap {display:block; position:relative; padding-top:66.66%;}
.main-news-list li .new {position:absolute; top:-13px; left:20px; z-index:1; display:block; width:55px; height:26px; text-align:center; line-height:26px; background-color:#ee2f25; color:#fff; font-size:12px;  }
.main-news-con .main-news-arrow {position:absolute; font-size:30px; color:rgba(0,0,0,0.2); top:50%; transform:translateY(-50%); z-index:9;}
.main-news-con .main-news-arrow:after {display:none;}
.main-news-con .main-news-arrow.swiper-button-prev {left:-86px; }
.main-news-con .main-news-arrow.swiper-button-next {right:-86px; }
.main-news-list li dd {padding:35px 20px; color:#000; }
.main-news-list li .tit {font-size:22px; line-height: 1.54; height:3.08em; letter-spacing:-0.5px; font-weight:500;}
.main-news-list li .txt {font-size:16px; line-height:1.75; height:5.25em; letter-spacing:-0.5px; opacity:0.5;filter:Alpha(opacity=50); margin-top:15px;}
.main-news-list li .date {display:block; font-size:16px;opacity:0.3;filter:Alpha(opacity=30); margin-top:30px; }

/* ******************  메인 컨텐츠 :: Contact ********************** */
.main-contact-container {display:table; width:100%; table-layout:fixed;}
.main-contact-container > div {display:table-cell; vertical-align:middle; width:50%; height:100%;}
.main-contact-con {position:relative; padding-top: 50.7%;}
.main-contact-con .main-contact-con-inner {position:absolute; top:0; left:0; width:100%; height:100%;}
/*contact배경*/
.main-contact-con .info-box {position:relative; height:50%;/* background-color:#a6998d; */background-color:#087394;text-align:center; overflow:hidden;} 
.main-contact-con .info-box .white-bg-cover {height: calc(100% + 1px);}
/*contact*/
.main-contact-con .info-box .tit {display:block; font-size:60px; letter-spacing:-0.25px; /*color:#fff;*/ color: rgba(255, 255, 255, 0.9);margin-bottom:35px;}
/*contact 주소*/
.main-contact-con .info-box .txt { /*color:#fff;*/color: rgba(255, 255, 255, 0.9);margin-top:15px;}
.main-contact-con .info-box a,
.main-contact-con .info-box .txt p {display:inline-block;}
.main-contact-con .info-box .txt i {font-size:20px; margin-right:5px; vertical-align:bottom; }
.main-contact-con .info-box .txt span {font-size:18px; }
.main-contact-con .info-box .txt p:first-child {margin-right:30px;}
.main-contact-con .map-btn {position:absolute; right:0; bottom:0; width:70px; height:70px; background-color:#000; text-align:center; display:block; z-index:9;}
.main-contact-con .map-btn i {line-height:70px; vertical-align:top; color:#fff; font-size:24px;}
.main-contact-con .map-box {height:50%;}
.map-iframe-wrapper{position:relative; margin:0px auto; height:100%;}
.map-iframe-wrapper .map-iframe-con{position:relative; height:100%;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* Form 영역 */
.main-inquiry-con {position:relative; overflow:hidden; z-index: 100;}
.main-inquiry-con .inner-box {padding:7.03vw 30px 5.72vw; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.main-inquiry-form{max-width:550px; margin:60px auto 15px; }
.main-inquiry-form li{position:relative; height:44px; margin-top:15px; border-bottom:1px solid rgba(0,0,0,0.3); padding:0 15px 0 80px}
.main-inquiry-form li .contact-form-tit{position:absolute; top:0px; left:0px; width:80px; line-height:44px; color:#222; font-size:18px; font-weight:500; letter-spacing:-0.5px; }
.main-inquiry-form li .contact-input{width:100%; height:44px; font-size:16px; border:0; background-color:transparent; }
.main-inquiry-form li.main-contact-content{height:auto; padding:0 0 15px 0; }
.main-inquiry-form li.main-contact-content .contact-form-tit{position:static; display:block; width:100%;}
.main-inquiry-form li.main-contact-content .contact-textarea{width:100%; /*height:100px;*/ height:140px; resize:none; border:0;  background-color:#fff; box-sizing:border-box;}
.main-inquiry-form li input::-webkit-input-placeholder {color: rgba(0,0,0,0.3); font-size:16px; font-weight:500;}
.main-inquiry-form li input:-ms-input-placeholder {color: rgba(0,0,0,0.3); font-size:16px; font-weight:500;}
.main-inquiry-form li textarea::-webkit-input-placeholder {color: rgba(0,0,0,0.3); font-size:16px; font-weight:500;}
.main-inquiry-form li textarea:-ms-input-placeholder {color: rgba(0,0,0,0.3); font-size:16px; font-weight:500; }

/* 개인정보동의 */
.main-inquiry-agree-btn-box {margin-top:20px;}
.main-inquiry-agree-btn-box .agree-check-box{width:calc(100% - 220px); }
.main-inquiry-agree-btn-box .agree-check-box input{display:none;}
.main-inquiry-agree-btn-box .agree-check-box label {position:relative; display:inline-block; color:#222; font-size:16px; line-height:1.3; letter-spacing:-0.5px; padding-left: 25px;}
.main-inquiry-agree-btn-box .agree-check-box label:before {content:""; position:absolute; left:0; top:50%; margin-top:-7.5px; width:13px; height:13px; border:1px solid #000; background-color:#fff;}
.main-inquiry-agree-btn-box .agree-check-box label:after {content:""; display:none; position:absolute; left:4px; top:50%; margin-top:-3.5px; width:7px; height:7px; background-color:#ee2e24;  }
.main-inquiry-agree-btn-box .agree-check-box input:checked + label:after {display:block;}
.main-inquiry-agree-btn-box .agree-check-box input:checked + label .check{display:inline-block; color:#333}
.main-inquiry-agree-btn-box .main-inquiry-btn{text-align: center; width: 100%; height:50px; padding:0 20px; 
	background-color: #053d87;    border: 1px solid #053d87; font-size:15px; letter-spacing:-0.5px; color:#fff; transition: all 0.3s;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
.main-inquiry-agree-btn-box .main-inquiry-btn i{padding-left: 15px;}
/* 버튼영역 */
.main-inquiry-btn-box {margin: -1%; padding-top: 30px; }/* margin-top:60px; */
.main-inquiry-btn-box > a {display: block; float: left; width:48%; margin:1%; border:1px solid #e5e5e5; text-align:center; font-size:16px; letter-spacing:-0.25px; line-height: 50px; color:#000; transition: all 0.3s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

@media all and (min-width:801px){
	/* 개인정보동의 */
	.main-inquiry-agree-btn-box .main-inquiry-btn:hover {background-color:#fff; color: #18348f;}
	.main-inquiry-btn-box > a:hover {background-color:#e5e5e5; }
}
/* 스크롤 효과 */
.white-bg-cover{position:relative; overflow:hidden;}
.white-bg-cover:after{display: block; position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; background-color:#fff; z-index:99; -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg); transform: translate3d(0, 0, 0) rotate(0.0001deg); -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) .5s; transition: all 1s cubic-bezier(0.23, 1, 0.38, 1) .5s;}
.aos-animate .white-bg-cover:after {-webkit-transform: translate3d(100%, 0, 0) rotate(0.0001deg); transform: translate3d(100%, 0, 0) rotate(0.0001deg);}
.aos-animate .main-inquiry-con .white-bg-cover:after{transition-delay:1.5s;}


/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 800px ){
	.main-visual-item .main-visual-pc-img{padding-top: 100%; height: 0;}
	
}
@media all and ( max-width: 680px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block; background:#111;}
	.main-visual-m-img img{width:100%;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display:none !important;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and (max-width:1760px){
	.main-visual-con .slick-arrow.slick-prev{left: 0;}
	.main-visual-con .slick-arrow.slick-next{right: 0;}
}
@media all and (max-width:1480px){
	.main-visual-item .main-visual-txt-box,
	.main-visual-con .slick-dots-wrapper > .area{padding: 0 80px; -webkit-box-sizing: border-box; box-sizing: border-box;}
}
@media all and (max-width:1024px){
	.main-visual-con .slick-arrow{font-size: 52px;}
}
@media all and (max-width:800px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 50px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 14px;}
	/*240408*/
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 16px;opacity: 0.95;font-weight:600;}
	.main-visual-item .main-visual-txt-box, .main-visual-con .slick-dots-wrapper > .area{padding: 0 40px;}
	.main-visual-item .main-visual-txt-box{padding: 0 50px;}
	.main-visual-con .slick-arrow{font-size: 35px;}
}
@media all and (max-width:680px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 40px;}
	.main-visual-item .main-visual-txt-box, .main-visual-con .slick-dots-wrapper > .area{padding: 0 15px;}
}

@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box{margin-bottom:30px;}
	.main-tit-box .main-tit{font-size:48px;}
	.main-tit-box .main-sub-tit{font-size:14px;}
	.main-tit-box .main-sub-tit span{display:block;}
	
}
@media all and ( max-width: 480px ){
	.main-tit-box .main-tit{font-size:38px;}
}	

/* ******************  메인 컨텐츠 :: Works+ ********************** */
@media all and ( max-width: 1300px ){
	.main-works-list{margin: 0 -1%;}
	.main-works-list li{width: 23%; margin: 0 1%;}
}
@media all and ( max-width: 1024px ){ /*화면크기가 1024px보다 작은 경우*/
	.main-works-list{margin: -8px 0;}
	.main-works-list li{float: none; width: 100%; margin: 8px 0; text-align: left;}
	.main-works-list li:nth-child(even){margin-top: 0;}
	.main-works-list li .bg{padding-top: 37.83%;}
	.main-works-list li.item01 .bg {background-image:url("../../images/main/main/main_works_img_01_m.jpg");}
	.main-works-list li.item02 .bg {background-image:url("../../images/main/main/main_works_img_02_m.jpg");}
	.main-works-list li.item03 .bg {background-image:url("../../images/main/main/main_works_img_03_m.jpg");}
	.main-works-list li.item04 .bg {background-image:url("../../images/main/main/main_works_img_04_m.jpg");}
	.main-works-list li .txt-box{bottom: auto; top: 50%; transform: translateY(-50%); height: 100%; padding: 0 30px; display: table;}
	.main-works-list li .txt-box .inner{display: table-cell; vertical-align: middle;}
	.main-works-list li .txt-box .icon{position: absolute; top: 50%; margin-top: -24px; right: 30px; width: 48px; height: 48px;}
} 
@media all and ( max-width: 800px ){
	#mainWorksCon, #mainAboutCon, #mainNewsCon{padding:70px 0 20px; }
	.main-works-con{margin-top: 30px;}
}
@media all and ( max-width: 480px ){
	.main-works-list li .txt-box{padding: 0 20px;}
	.main-works-list li .txt-box .icon{right: 20px; margin-top: -18px;width: 36px; height: 36px;}
	.main-works-list li .txt-box .tit{font-size: 20px;}
	.main-works-list li .txt-box .txt{font-size: 13px;}
}

@media screen and ( max-width: 768px ){
	.mainCategoryWrap {background:#f8f8f8; padding:70px 0; margin:80px 0;}
	.mainCategoryWrap .CategoryBox {display:flex; justify-content:center; gap:2rem; flex-wrap: wrap;}
	.mainPackageWrap {margin: 100px 0 70px 0;}
	.mainPackageWrap .PackageBox {display:flex; flex-wrap: wrap; justify-content:center; gap:3rem;}
	
	.mainNoticeWrap {flex-wrap:wrap; width:94%; margin:50px 3%;}
	.mainNoticeWrap .NoticeTitleBox {width:100%;}
	.mainNoticeWrap .NoticeTitleBox .NoticeTitle {font-size:2rem; margin:25px 0 40px 0;}
	.mainNoticeWrap .NoticeCont {width:100%; margin:0;}
	.mainNoticeWrap .NoticeCont ul li {font-size:1rem; line-height:1.5rem; padding:15px 10px;}
	.mainNoticeWrap .NoticeCont ul li a {display:block; margin-top:10px;}
	.mainNoticeWrap .NoticeCont ul li span {display:inline-block; padding:0; font-size:0.75rem; background:#263f6d; border-radius:50px; color:#fff; text-align:center;}
	.mainNoticeWrap .NoticeCont ul li em {float:none; display:block; font-size:0.75rem; padding:0; line-height:1rem;}
	.mainNoticeWrap .NoticeTitleBox a.NoticeMore {background-size:70%; background-repeat:no-repeat;}
	
	.mainBottomBnr {
		margin-bottom:50px;
		position:relative;
		height:200px;
		background-image:url("../../images/main/main/main_bottom_bnr_m.jpg");
		background-size:contain;
		background-repeat:no-repeat;
	}
	
	.mainBottomBnr a {
		top:50px;
		left:20px;
		transform:none;
		width:100%;
	}
	
	.mainBottomBnr a p {
		font-size:1rem;
	}
	
	.mainBottomBnr a .BnrTitle {
		font-size:2rem;
	}
	
	.mainBottomBnr a .BnrTitle span {
		font-size:1rem;
		margin-top:10px;
	}
	
	.footerAreaBox {
		width:100%;
		flex-wrap:wrap;
		gap:1rem;
	}
	
	.to-top-btn {width:50px; height:50px;}
	.to-top-btn i {font-size:30px; font-weight:800;}
	.to-top-btn.bottom-fixed {right:10px; bottom:10px;}
}

/* ******************  메인 컨텐츠 :: About ********************** */
@media all and ( max-width: 800px ){
	.main-about-con{margin-top: 40px;}
	.main-about-con .tit{font-size: 21px;}
	.main-about-con .img-box {margin-top: 30px; padding-top: 0!important;}
	.main-about-con .img-box svg{display: none;}
	.main-about-con .img-box img{display: block;}
}

/* ******************  메인 컨텐츠 :: News ********************** */
@media all and (min-width:801px){
	.main-news-list li a {padding-top:15px;overflow:hidden;}
	.main-news-list li dl {position:relative; padding-bottom:282px; }
	.main-news-list li dl:before {
		content:"";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #333;
		transform-origin: 0 0;
		transform: scaleY(0);
		z-index:1;
		transition: transform .5s cubic-bezier(.32,.625,.58,1);
	}
	.main-news-list li dl dt {position:relative; z-index:0; }
	.main-news-list li dd {position:absolute; top:0; left:0; height:100%; margin-top:66.66%; transition: all 0.5s cubic-bezier(.32,.625,.58,1); z-index:1;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.main-news-list li.swiper-slide-prev a:hover dl:before,
	.main-news-list li.swiper-slide-active a:hover dl:before,
	.main-news-list li.swiper-slide-next a:hover dl:before {transform-origin: 100% 100%; transform: scaleY(1);}
	.main-news-list li.swiper-slide-prev a:hover dl dd ,
	.main-news-list li.swiper-slide-active a:hover dl dd ,
	.main-news-list li.swiper-slide-next a:hover dl dd {margin-top:0; color:#fff; animation: text-fade-in 1s ease forwards;}
	.main-news-list li.swiper-slide-prev a:hover .tit ,
	.main-news-list li.swiper-slide-active a:hover .tit ,
	.main-news-list li.swiper-slide-next a:hover .tit {height:auto; max-height:7.7em;  -webkit-line-clamp: 5;} 
	.main-news-list li.swiper-slide-prev a:hover .txt,
	.main-news-list li.swiper-slide-active a:hover .txt,
	.main-news-list li.swiper-slide-next a:hover .txt {height:auto; max-height:12.25em;  -webkit-line-clamp: 7;} 

	@keyframes text-fade-out {
		from {
			opacity:0;filter:Alpha(opacity=0);
		}
		to {
			opacity:1.0;filter:Alpha(opacity=100);
		}
	}
}
@media all and (min-width:1537px){
	.main-news-list li.swiper-slide-prev{margin-left: 70px !important;}
	.main-news-list li.swiper-slide-next{margin-right: 140px !important;}
}
@media all and (max-width:1536px){
	.main-news-con {padding:0 50px; }
	.main-news-list{margin-left: 0}
	.main-news-list li {margin-right:0;}
	.main-news-con .main-news-arrow.swiper-button-prev {left:0; }
	.main-news-con .main-news-arrow.swiper-button-next {right:0; }
}
@media all and ( max-width: 1024px ){
	.main-news-con{margin-top: 50px; padding: 0 80px;}
	.main-news-con .main-news-arrow{top: 38%;}
	.main-news-con .main-news-arrow.swiper-button-prev{left: 45px;}
	.main-news-con .main-news-arrow.swiper-button-next{right: 45px;}
	.main-news-list li.swiper-slide-prev,
	.main-news-list li.swiper-slide-next {opacity:0.4;filter:Alpha(opacity=40);}
}
@media all and ( max-width: 800px ){
	#mainNewsCon{padding-bottom: 70px;}
	.main-news-list li .tit{font-size: 16px;}
	.main-news-list li .txt{font-size: 13px; margin-top: 5px;}
	.main-news-list li .date{font-size: 13px; margin-top: 15px;}
	.main-news-list li dd{padding: 20px 0;}
}
@media all and ( max-width: 680px ){
	.main-news-con{padding: 0 40px;}
	.main-news-con .main-news-arrow{top: 33%; font-size: 20px;}
	.main-news-con .main-news-arrow.swiper-button-prev{left: 5px;}
	.main-news-con .main-news-arrow.swiper-button-next{right: 5px;}
	.main-news-list li .new {top: -10px; left:10px; width:50px; height:20px; line-height:20px; font-size: 11px;}
}

/* ******************  메인 컨텐츠 :: Contact ********************** */
@media all and ( max-width: 800px ){
	.main-contact-container {display:block;}
	.main-contact-container > div {display:block; width:100%; height:auto;}
	.main-contact-con{padding-top: 0;}
	.main-inquiry-con .inner-box {padding: 5vh 15px;}
	.main-contact-con .main-contact-con-inner {position:static; top:auto; left:auto;}
	.main-contact-con .main-contact-con-inner .inner{padding: 8.5vh 0;}
	.main-contact-con .info-box .tit {font-size:40px; margin-bottom:25px;}
	.main-contact-con .info-box .txt {margin-top:10px;}
	.main-contact-con .info-box .txt i {font-size:15px; }
	.main-contact-con .info-box .txt span {font-size:14px; }
	.main-contact-con .info-box .txt p:first-child {margin-right:30px;}
	.main-contact-con .map-btn {width:50px; height:50px;}
	.main-contact-con .map-btn i {line-height:50px; font-size:17px;}
	.map-iframe-wrapper{height: 320px;}

	.main-inquiry-form {max-width: none; margin: 30px auto 15px;}
	.main-inquiry-form li{height:40px; margin-top:15px; padding:0 15px 0 80px}
	.main-inquiry-form li .contact-form-tit{width:60px; line-height:40px; font-size:14px}
	.main-inquiry-form li .contact-input{height:40px; font-size:13px;}
	.main-inquiry-form li.main-contact-content{height:auto; padding:0 0 15px 0; }
	.main-inquiry-form li input::-webkit-input-placeholder {font-size:13px;}
	.main-inquiry-form li input:-ms-input-placeholder {font-size:13px;}
	.main-inquiry-form li textarea::-webkit-input-placeholder {font-size:13px;}
	.main-inquiry-form li textarea:-ms-input-placeholder {font-size:13px; }

	/* 개인정보동의 */
	.main-inquiry-agree-btn-box {margin-top:20px;}
	.main-inquiry-agree-btn-box .main-inquiry-btn{justify-content: space-between; height:40px; padding:0 15px; font-size:13px; }
	.main-inquiry-agree-btn-box .main-inquiry-btn i{padding-left: 10px;}
	/* 버튼영역 */
	.main-inquiry-btn-box {padding-top: 15px; }/* margin-top:60px; */
	.main-inquiry-btn-box > a {font-size: 13px; line-height: 40px;}
}