@charset "utf-8";
.mainSlider {width:100%;position: relative;}
		.mainSlider .mobileSlider {display:block;}
		.mainSlider .webSlider {display:none;}
		.btn_typeMain {width:137px;height:33px;line-height:33px;border:1px solid #dcdcdc;border-radius:16px;font-family:'s7';font-size:12px;color:#fff;letter-spacing:0.05em;text-transform:uppercase;bottom:23%;}


		.mainSlider .visuSlider {width:100%;position: relative;}
		.mainSlider .visuSlider li {width:100%;position: relative;text-align:center;}
		.mainSlider .visuSlider li.type1 {background:url('/resources/_img/main/visu_01_mo.jpg') center top no-repeat;background-size:cover;}
		.mainSlider .visuSlider li.type2 {background:url('/resources/_img/main/visu_02_mo.jpg') center top no-repeat;background-size:cover;}
		.mainSlider .visuSlider li .btn_typeMain {width:137px;}
		.mainSlider .visuSlider li h3 {font-family:'stitle';font-size:39px;color:#fff;position: absolute;top:33.6%;text-align:center;line-height:1.2;width:100%;text-align:center;}
		.mainSlider .visuSlider li.type2 h3 {top:22.7%;}
		.mainSlider .visuSlider .btn_link {position: absolute;left:50%;margin-left:-68px;text-align:center;}
		.mainSlider .visuSlider li.type2 .btn_link {width:160px;margin-left:-80px;}
		.mainSlider .visuSlider li.type2 .btn_more {position: absolute;bottom:20.02%;font-size:11px;letter-spacing:0.05em;}
		.mainSlider .bx-wrapper {width:100%;position: relative;}
		.mainSlider .bx-pager, .mainSlider .bx-pager .bx-pager-item, .mainSlider .bx-controls-auto, .mainSlider .bx-controls-auto .bx-controls-auto-item {display:inline-block;zoom:1;*display:inline;vertical-align:top;}
		.mainSlider .bx-controls {position: absolute;z-index:6;left:50%;bottom:6%;margin-left:-27px;}
		.mainSlider .bx-pager .bx-pager-item {width:24px;height:2.5px;vertical-align:top;margin-left:3px;}
		.mainSlider .bx-pager .bx-pager-item a {display:inline-block;width:24px;height:2.5px;background:url("/resources/_img/main/pager_slider.png");background-size:50px 2.5px;vertical-align:top;border-radius:3px;z-index:6;font-size:0;text-indent:-99999px;background-position:-24px 0;}
		.mainSlider .bx-pager .bx-pager-item a.active {background-position:0 0;}
		.mainSlider .bx-controls-auto {height:22px;padding-left:5px;}
		.mainSlider .bx-controls-auto .bx-controls-auto-item a {display:none;}

		.grid_web_toon {position:relative;width:100%;background:url('/resources/_img/main/bg_webtoon_mo.jpg') center top no-repeat;background-size:cover;}
			.grid_web_toon h3 {position: absolute;top:30.6%;text-align:center;line-height:1.2;letter-spacing:-0.01em !important;width:100%;text-align:center;font-family:'stitle';font-size:22px;color:#fff;z-index:7}
			.grid_web_toon .btn_link {position: absolute;top:59%;left:50%;margin-left:-60px;text-align:center;}
			.grid_web_toon .objCartoon {position: absolute;top:55%;left:50%;margin-left:-130px;background:url('/resources/_img/main/obj_cartoon.png') center top no-repeat;background-size:cover;width:85px;height:78px;z-index:1}
		.grid_zika {position:relative;width:100%;background:url('/resources/_img/main/bg_zika_mo.jpg') center top no-repeat;background-size:cover;}
			.grid_zika h3 {font-family:'stitle';font-size:22px;color:#fff;position: absolute;top:30.6%;text-align:center;line-height:1.2;letter-spacing:-0.01em !important;width:100%;text-align:center;}
			.grid_zika .btn_link {position: absolute;top:59%;left:50%;margin-left:-60px;text-align:center;}

		@media all and (min-width:768px){
			.mainSlider .mobileSlider {display:none;}
			.mainSlider .webSlider {display:block;}
			.btn_typeMain {width:180px;height:43px;line-height:43px;font-size:15px;border-radius:22px;}
			.mainSlider .visuSlider li.type1 {background:url('/resources/_img/main/visu_01_web.jpg') center top no-repeat;background-size:cover;}
			.mainSlider .visuSlider li.type2 {background:url('/resources/_img/main/visu_02_web.jpg') center top no-repeat;background-size:cover;}

			.mainSlider .visuSlider li .btn_typeMain {width:180px;height:43px;line-height:43px;font-size:15px;border-radius:22px;}
			.mainSlider .visuSlider li h3 {font-family:'stitle';font-size:58px;color:#fff;position: absolute;top:33.6%;text-align:center;line-height:1.2;width:100%;text-align:center;}
			.mainSlider .visuSlider li.type2 h3 {top:33.6%;}
			.mainSlider .visuSlider .btn_link {position: absolute;left:50%;margin-left:-90px;text-align:center;}
			.mainSlider .visuSlider li.type2 .btn_link {width:200px;margin-left:-100px;}
			.mainSlider .visuSlider li.type2 .btn_more {position: absolute;bottom:30.5%;font-size:15px;letter-spacing:0.05em;}
			.mainSlider .bx-wrapper {width:100%;position: relative;}
			.mainSlider .bx-pager, .mainSlider .bx-pager .bx-pager-item, .mainSlider .bx-controls-auto, .mainSlider .bx-controls-auto .bx-controls-auto-item {display:inline-block;zoom:1;*display:inline;vertical-align:top;}
			.mainSlider .bx-controls {position: absolute;z-index:6;left:50%;bottom:6%;margin-left:-52px;}
			.mainSlider .bx-pager .bx-pager-item {width:47px;height:5px;vertical-align:top;margin-left:5px;}
			.mainSlider .bx-pager .bx-pager-item a {display:inline-block;width:47px;height:5px;background:url("/resources/_img/main/pager_slider.png");background-size:100px 5px;vertical-align:top;border-radius:3px;z-index:6;font-size:0;text-indent:-99999px;background-position:-48px 0;}

			
			.grid_web_toon {width:100%;background:url('/resources/_img/main/bg_webtoon_web.jpg') center top no-repeat;background-size:cover;}
				.grid_web_toon h3 {font-family:'stitle';font-size:36px;color:#fff;position: absolute;top:24.5%;text-align:center;line-height:1.2;letter-spacing:-0.05em !important;width:100%;text-align:center;}
				.grid_web_toon .btn_link {position: absolute;top:62%;left:50%;margin-left:-90px;text-align:center;}
				.grid_web_toon .objCartoon {position: absolute;top:70px;left:50%;margin-left:-350px;background:url('/resources/_img/main/obj_cartoon.png') center top no-repeat;background-size:cover;width:150px;height:138px;}
		
			.grid_zika {width:100%;background:url('/resources/_img/main/bg_zika_web.jpg') center top no-repeat;background-size:cover;}
				.grid_zika h3 {font-family:'stitle';font-size:36px;color:#fff;position: absolute;top:33%;text-align:center;line-height:1.2;letter-spacing:-0.01em !important;width:100%;text-align:center;}
				.grid_zika .btn_link {position: absolute;top:58%;left:50%;margin-left:-90px;text-align:center;}

		}

		@media all and (min-width:1024px){
			.mainSlider .mobileSlider {display:none;}
			.mainSlider .webSlider {display:block;}
			.btn_typeMain {width:180px;height:43px;line-height:43px;font-size:15px;border-radius:22px;}
			.mainSlider .visuSlider li.type1 {background:url('/resources/_img/main/visu_01_web.jpg') center top no-repeat;background-size:cover;}
			.mainSlider .visuSlider li.type2 {background:url('/resources/_img/main/visu_02_web.jpg') center top no-repeat;background-size:cover;}

			.mainSlider .visuSlider li .btn_typeMain {width:180px;height:43px;line-height:43px;font-size:15px;border-radius:22px;}
			.mainSlider .visuSlider li h3 {font-family:'stitle';font-size:66px;color:#fff;position: absolute;top:287px;text-align:center;line-height:1.2;width:100%;text-align:center;}
			.mainSlider .visuSlider li.type2 h3 {top:287px;}
			.mainSlider .visuSlider .btn_link {position: absolute;bottom:23%;left:50%;margin-left:-90px;text-align:center;}
			.mainSlider .visuSlider li.type2 .btn_link {width:220px;bottom:23%;margin-left:-110px;}
			.mainSlider .visuSlider li.type2 .btn_more {position: absolute;bottom:30.5%;font-size:15px;letter-spacing:0.05em;}
			.mainSlider .bx-wrapper {width:100%;position: relative;}
			.mainSlider .bx-pager, .mainSlider .bx-pager .bx-pager-item, .mainSlider .bx-controls-auto, .mainSlider .bx-controls-auto .bx-controls-auto-item {display:inline-block;zoom:1;*display:inline;vertical-align:top;}
			.mainSlider .bx-controls {position: absolute;z-index:6;left:50%;bottom:6%;margin-left:-52px;}
			.mainSlider .bx-pager .bx-pager-item {width:47px;height:5px;vertical-align:top;margin-left:5px;}
			.mainSlider .bx-pager .bx-pager-item a {display:inline-block;width:47px;height:5px;background:url("/resources/_img/main/pager_slider.png");background-size:100px 5px;vertical-align:top;border-radius:3px;z-index:6;font-size:0;text-indent:-99999px;background-position:-48px 0;}
			
			.mainresizeBox  {height:510px}

			.grid_web_toon {width:100%;background:url('/resources/_img/main/bg_webtoon_web.jpg') center top no-repeat;background-size:cover;}
				.grid_web_toon h3 {font-family:'stitle';font-size:52px;color:#fff;position: absolute;top:150px;text-align:center;line-height:1.2;letter-spacing:-0.05em !important;width:100%;text-align:center;}
				.grid_web_toon .btn_link {position: absolute;top:305px;left:50%;margin-left:-90px;text-align:center;}
				.grid_web_toon .objCartoon {position: absolute;top:150px;left:50%;margin-left:-480px;background:url('/resources/_img/main/obj_cartoon.png') center top no-repeat;background-size:cover;width:200px;height:184px;}
		
			.grid_zika {width:100%;background:url('/resources/_img/main/bg_zika_web.jpg') center top no-repeat;background-size:cover;}
				.grid_zika h3 {font-family:'stitle';font-size:52px;color:#fff;position: absolute;top:215px;text-align:center;line-height:1.2;letter-spacing:-0.01em !important;width:100%;text-align:center;}
				.grid_zika .btn_link {position: absolute;top:305px;left:50%;margin-left:-90px;text-align:center;}

		}
		@media all and (min-width:1280px){
			
			.mainSlider .visuSlider li h3 {font-family:'stitle';font-size:66px;color:#fff;position: absolute;top:39.5%;text-align:center;line-height:1.2;width:100%;text-align:center;}
			.mainSlider .visuSlider li.type2 h3 {top:39.5%;}
			.mainSlider .visuSlider .btn_link {position: absolute;bottom:23%;left:50%;margin-left:-90px;text-align:center;}
			.mainSlider .visuSlider li.type2 .btn_link {bottom:23%;}
			.mainSlider .visuSlider li.type2 .btn_more {position: absolute;bottom:30.5%;font-size:15px;letter-spacing:0.05em;}
			.mainSlider .bx-wrapper {width:100%;position: relative;}
			.mainSlider .bx-pager, .mainSlider .bx-pager .bx-pager-item, .mainSlider .bx-controls-auto, .mainSlider .bx-controls-auto .bx-controls-auto-item {display:inline-block;zoom:1;*display:inline;vertical-align:top;}
			.mainSlider .bx-controls {position: absolute;z-index:6;left:50%;bottom:6%;margin-left:-52px;}
			.mainSlider .bx-pager .bx-pager-item {width:47px;height:5px;vertical-align:top;margin-left:5px;}
			.mainSlider .bx-pager .bx-pager-item a {display:inline-block;width:47px;height:5px;background:url("/resources/_img/main/pager_slider.png");background-size:100px 5px;vertical-align:top;border-radius:3px;z-index:6;font-size:0;text-indent:-99999px;background-position:-48px 0;}
			
			.mainresizeBox  {height:510px}

			.grid_web_toon {width:100%;background:url('/resources/_img/main/bg_webtoon_web.jpg') center top no-repeat;background-size:cover;}
				.grid_web_toon h3 {font-family:'stitle';font-size:52px;color:#fff;position: absolute;top:30%;text-align:center;line-height:1.2;letter-spacing:-0.01em !important;width:100%;text-align:center;}
				.grid_web_toon .btn_link {position: absolute;top:57%;left:50%;margin-left:-90px;text-align:center;}
				.grid_web_toon .objCartoon {position: absolute;top:26%;left:50%;margin-left:-540px;background:url('/resources/_img/main/obj_cartoon.png') center top no-repeat;background-size:cover;width:200px;height:184px;}
		
			.grid_zika {width:100%;background:url('/resources/_img/main/bg_zika_web.jpg') center top no-repeat;background-size:cover;}
				.grid_zika h3 {font-family:'stitle';font-size:52px;color:#fff;position: absolute;top:42%;text-align:center;line-height:1.2;letter-spacing:-0.01em !important;width:100%;text-align:center;}
				.grid_zika .btn_link {position: absolute;top:57%;left:50%;margin-left:-90px;text-align:center;}

		}




/* 2021 MAIN UI 개선 : [S] */

/* main */
.main-section {
	/* margin-bottom: 60px; */
}
.main-section.main-section--sns {
	margin: 60px 0;
}
.main-section__header {
	padding: 0 15px;
	margin-bottom: 20px;
}
.main-section__header-heading {
	font-family:'stitle';
	font-size: 34px;
	font-weight: 700;
	color: #282828;
}
.main-section .image-box .image-box-mb {
	display: block;
}

.main-section .image-box .image-box-tab{
	display: none;
}

.main-section .image-box .image-box-pc {
	display: none;
}

.main-section .contact__image.image-box .image-box-mb {
	display: block;
}
.main-section .contact__image.image-box .image-box-pc {
	display: none;
}

.main-section .bcBtn {
	text-transform: uppercase;
	font-weight: 700;
}
.main-section .bcBtn.ghost {
	background: #fff;
	color: #222;
}
/* 2023-08-22 v6 s */
.main-section .keyvisual__btnWrap2{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.main-section .keyvisual__btnWrap2 a{
	display: inline-block;
	width: auto;
	min-width: 140px;
	position: relative;
	font-family: 's8';
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0;
}
.main-section .keyvisual__slider-item:not(.V6) .keyvisual__btnWrap2 a + a{
	margin-left: 10px;
}
/* 
.main-section .keyvisual__btnWrap2 a:first-child{
	float: left;
}

.main-section .keyvisual__btnWrap2 a:last-child{
	float: right;
} */
/* //2023-08-22 v6 e */
.main-section .keyvisual__btnWrap2 a img{
	width: auto;
	height: 40%;
	position: absolute;
	bottom: 50%; 
	right: 30%;
	transform: translateY(50%);
}


.main-section h3 {
	font-family:'stitle';
	font-size: 29px;
	font-weight: 700;
	line-height: 1.31;
}

@media all and (min-width:768px) {
	.main-section {
		/* margin-bottom: 100px; */
	}
	.main-section.main-section--sns {
		margin: 100px 0;
	}
	.main-section h3 {
		font-size: 34px;
	}

	.main-section .image-box .image-box-mb {
		display: none;
	}

	.main-section .image-box .image-box-tab{
		display: block;
	}

	.main-section .image-box .image-box-pc {
		display: none;
	}

	.main-section .contact__image.image-box .image-box-mb {
		display: none;
	}
	.main-section .contact__image.image-box .image-box-pc {
		display: block;
	}
	.main-section .keyvisual__btnWrap2{
		width: 540px;
	}

	.main-section .keyvisual__btnWrap2 a{
		width: 260px;
		height: 46px;
		line-height: 46px;
		font-size: 19px;
	}
}

@media all and (min-width:1024px) {
	.main-section.main-section--sns {
		margin: 140px 0;
	}
	.main-section {
		/* margin-bottom: 140px; */
	}
	.main-section__header {
		padding: 0;
		max-width: 1240px;
		margin: 0 auto 50px;
	}
	.main-section h3 {
		font-size: 42px;
		line-height: 1.23;
	}
	.main-section__header-heading {
		font-size: 48px;
	}
	.main-section .image-box .image-box-mb {
		display: none;
	}

	.main-section .image-box .image-box-tab{
		display: none;
	}

	.main-section .image-box .image-box-pc {
		display: block;
	}

	.main-section .contact__image.image-box .image-box-mb {
		display: none;
	}
	.main-section .contact__image.image-box .image-box-pc {
		display: block;
	}

	.main-section .keyvisual__btnWrap2{
		width: 440px;
	}

	.main-section .keyvisual__btnWrap2 a{
		width: 210px;
		min-width: 0;/* 2023-08-23 수정 */
		height: 45px;
		font-size: 15px;
		line-height: 45px;
	}
}



/* keyvisual */
.keyvisual__slider {
	overflow: hidden;
}
.keyvisual__slider-thumbnail {
	display: none;
}
.keyvisual__slider-item {
	position: relative;
}
.keyvisual__text {
	position: absolute;
	left: 0;
	bottom: calc(100% / 33);
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	text-align: center;
}
.keyvisual__text-heading {
	display: block;
	font-family:'stitle', 'SECGCWB';/* 2023-10-31 agency */
	line-height: 1.2;
	font-size: 23px;
	color: #fff;
	text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
}

.keyvisual__text-sub-wrap{
	margin-top: calc(100% / 66);
}

.keyvisual__text-description {
	opacity: 0;
	visibility: hidden;
	display: -webkit-box;
	position: absolute;
	width: 100%;
	left: 0;
	top: 55px;
	height: 32px;
	text-align: center;
	line-height: 1.45;
	font-size: 11px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
}
/* 2023-02-21 버튼타입 추가 s */
.keyvisual__text .bcBtn {
	display: block;
	width: 103px;
	border: 0;
	margin-top: calc(100% / 66);
	margin-left: auto;
	margin-right: auto;
	line-height: 34px;
}

.keyvisual__text .bcBtn.type2 {
	background: #222;
	color: #fff;
	font-weight: normal;
}
/* //2023-02-21 버튼타입 추가 e */
/* 2023-02-02 소독제 메인 배너 추가 및 순서 변경 s */
.keyvisual__slider-item.keyvisual__slider-item7 .keyvisual__text .bcBtn {
	margin-bottom: 45vw;
}
/* // 2023-02-02 소독제 메인 배너 추가 및 순서 변경 e */
.keyvisual__slider-item.V6 .keyvisual__text .bcBtn br{display: none;}/* 2023-08-22 v6  */
/* 2023-03-06 버튼위치 조정 s */
.keyvisual__slider-item .bcBtn.mid_type{
	margin-bottom: 10vw;
}
/* //2023-03-06 버튼위치 조정 e */
.keyvisual__slider .slick-dots {
	margin: 20px 0;
	text-align: center;
}
.keyvisual__slider .slick-dots li {
	display: inline-block;
	margin-left: 8px;
}
.keyvisual__slider .slick-dots li:first-child {
	margin-left: 0;
}
.keyvisual__slider .slick-dots button {
	display: block;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 1px solid #222;
	border-radius: 5px;
	padding: 0;
}
.keyvisual__slider .slick-dots .slick-active button {
	width: 36px;
	background: #222;
}

/* 2024-01-05 arab Health s*/
.keyvisual__slider-keyvisual .keyvisual__slider-item.arab .keyvisual__text .bcBtn {
	background-color: #00431a;
	color: #fff;
	font-family: 's4';
	letter-spacing: normal;
}

/* //2024-01-05 arab Health e*/
@media all and (min-width:768px) {
	.keyvisual__text {
		bottom: calc(100% / 11);
		padding: 0 20px;
	}
	.keyvisual__text-heading {
		font-size: 48px;
	}

	.keyvisual__text-sub-wrap{
		height: 50px;
		margin-top: calc(100% / 33);
	}
	.keyvisual__text-description {
		top: 110px;
		height: 48px;
		font-size: 16px;
	}
	/* 2023-02-21 버튼타입 추가 s */
	.keyvisual__text .bcBtn {
		width: 190px;
		height: 43px;
		margin-top: calc(100% / 33);
		line-height: 44px;
	}
	/* //2023-02-21 버튼타입 추가 e */
	/* 2023-02-02 소독제 메인 배너 추가 및 순서 변경 s */
	.keyvisual__slider-item.keyvisual__slider-item7 .keyvisual__text .bcBtn {
		margin-bottom: 40vw;
	}
	/* // 2023-02-02 소독제 메인 배너 추가 및 순서 변경 e */
	/* 2023-03-06 버튼위치 조정 s */
	.keyvisual__slider-item .bcBtn.mid_type{
		margin-bottom: 10vw;
	}
	/* //2023-03-06 버튼위치 조정 e */
	/* 2023-08-22 v6 s */
	.keyvisual__slider-item.V6{position: relative;}
	.keyvisual__slider-item.V6 .keyvisual__text,
	.keyvisual__slider-item.V6 .keyvisual__btnWrap2{position: static;}
	.keyvisual__slider-keyvisual .keyvisual__slider-item.V6 .keyvisual__text .bcBtn{ display: flex; align-items: center; justify-content: center; position: absolute; top:67.820513%; width:19.207048%; margin-top: 0 !important; padding-left: 7px; padding-right: 7px; white-space: normal; line-height: 1.2;}/* 2023-08-23 수정 */
	.keyvisual__slider-keyvisual .keyvisual__slider-item.V6 .keyvisual__text .bcBtn:first-child{	left:48.458150%;}
	.keyvisual__slider-keyvisual .keyvisual__slider-item.V6 .keyvisual__text .bcBtn:nth-child(2){left:69.427313%;}
	/* //2023-08-22 v6 e */
}
@media all and (min-width:1024px) {

	.keyvisual__slider-keyvisual,
	.keyvisual__slider-thumbnail {
		opacity: 0;
		transition: opacity .25s linear;
	}
	.keyvisual__slider-keyvisual {
		transition: opacity .1s linear;
	}
	.keyvisual__slider-thumbnail {
		transition: opacity .2s linear;
	}
	.keyvisual__slider-keyvisual.is-active,
	.keyvisual__slider-thumbnail.is-active {
		opacity: 1;
	}

	.keyvisual__slider {
		position: relative;
		background: #eee; 
		max-height: 780px;
	}
	.keyvisual__text {
		left: 10%;
		top: auto;
		bottom: 12.82%;
		padding: 0 40px;
		box-sizing: border-box;
	}
	.keyvisual__text-heading {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		max-height: 134px;
		font-size: 58px;
		line-height: 1.15;
	}

	.keyvisual__text-sub-wrap{
		display: none;
	}

	.keyvisual__text-description {
		width: 100%;
		top: 135px;
		left: 0;
		font-size: 18px;
	}
	.keyvisual__slider-keyvisual {
		position: relative;
		width: 59.11%;
		overflow: hidden;
		z-index: 1;
	}
	.keyvisual__slider-keyvisual .keyvisual__text-heading {
		position: absolute;
		left: 0;
		bottom: 90%;
		width: 100%;
	}
	.keyvisual__slider-keyvisual .keyvisual__text {
		left: 0;
		width: 100%;
	}
	.keyvisual__slider-keyvisual .keyvisual__slider-item2 br {
		display: none;
	}
	.keyvisual__slider-keyvisual .bcBtn.ghost {
		margin-top: 70px;
	}
	
	/* 2023-02-02 소독제 메인 배너 추가 및 순서 변경 s */
	.keyvisual__slider-item.keyvisual__slider-item7 .keyvisual__text .bcBtn {
		margin-bottom: 13.5vw;
	}
	/* // 2023-02-02 소독제 메인 배너 추가 및 순서 변경 e */
	/* 2023-03-06 버튼위치 조정 s */
	.keyvisual__slider-item .bcBtn.mid_type{
		margin-bottom: 20%;
	}
	/* //2023-03-06 버튼위치 조정 e */
	.keyvisual__slider .slick-arrow {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 50px;
		height: 50px;
		background: rgba(255,255,255,.7);
		z-index: 100;
		text-indent: 1000%; 
		white-space: nowrap; 
		overflow: hidden;
	}
	.keyvisual__slider .slick-arrow::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 14px;
		height: 25px;
		transform: translate(-50%, -50%);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.keyvisual__slider .slick-arrow.slick-prev {
		left: 3.5%;
	}
	.keyvisual__slider .slick-arrow.slick-prev::before {
		background-image: url('/resources/_img/main/icon_arrow_left_333_14x25.png')
	}
	.keyvisual__slider .slick-arrow.slick-next {
		right: 3.5%;
	}
	.keyvisual__slider .slick-arrow.slick-next::before {
		background-image: url('/resources/_img/main/icon_arrow_right_333_14x25.png')
	}
	.keyvisual__slider-keyvisual .slick-dots {
		position: absolute;
		left: 0;
		bottom: 6.41%;
		width: 100%;
		margin-bottom:0;
	}
	.keyvisual__slider .keyvisual__slider-keyvisual .slick-dots button {
		border-color: #fff;
	}
	.keyvisual__slider .keyvisual__slider-keyvisual .slick-dots .slick-active button {
		background: #fff;
	}
	.keyvisual__slider-thumbnail {
		display: block;
		position: absolute;
		left: calc(59.11% - 19.27% + 10px);
		top: 50%;
		width: 58.33%;	
		transform: translateY(-50%);
		z-index: 0;
	}
	.keyvisual__slider-thumbnail .keyvisual__slider-item {
		position: relative;
		margin: 0 15px;
		overflow: hidden;
	}
	/*
	.keyvisual__slider-thumbnail .keyvisual__slider-item.slick-current:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #eee;
	}
	*/
	.keyvisual__slider-thumbnail .keyvisual__text  {
		position: static;
		background: #fff;
		padding: 40px 15px;
		height: 220px;
		text-align: left;
		box-sizing: border-box;
	}
	.keyvisual__slider-thumbnail .keyvisual__text-heading {
		height: 60px;
		line-height: 1.36;
		font-size: 22px;
		color: #222;
		text-shadow: none;
	}
	.keyvisual__slider-thumbnail .keyvisual__text-description {
		position: static;
		text-align: left;
		font-size: 16px;
		margin-top: 8px;
		height: 20px;
		color: #666;
		-webkit-line-clamp: 1;
		text-shadow: none;
	}
	.keyvisual__slider-thumbnail .keyvisual__text-heading span {
		color: #222 !important;
	}
	.keyvisual__slider-thumbnail .bcBtn.ghost {
		position: absolute;
		left: 15px;
		bottom: 22px;
		width: auto;
		background: transparent;
		padding: 0 16px 0 0;
		margin: 0;
		border-radius: 0;
		font-size: 15px;
		font-weight: 500;
		font-family: 's4','dotum','돋움',Serif;
		color:#666;
		text-align: left;
	}
	.keyvisual__slider-thumbnail .bcBtn.ghost:after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width: 6px;
    height: 15px;
    background-image: url(/resources/_img/main/ico_arrow_right_666_8x15.png);
    background-size: 6px auto;
		background-repeat: no-repeat;
		transform: translateY(-50%);
	}
	.keyvisual__slider-thumbnail .slick-dots {
		position: absolute;
		left: calc(59.11% - 24.27%);
		bottom: -40px;
		margin-top: 0;
	}
}
/* 2023-08-22 v6 s */
@media all and (min-width:768px) and (max-width:1500px) {
	.keyvisual__slider-item.V6 .keyvisual__text .bcBtn br{display: inline;}
}
/* //2023-08-22 v6 e */
/* 2022-12-15 mainbanner wide s */
@media all and (min-width:1920px) {
	.keyvisual__slider{
		max-height: none;
	}
}
/* //2022-12-15 mainbanner wide e */
/* new */
.main-section.main-section--new {
	position: relative;
	background: #222;
}
/*
.main-section.main-section--new::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 260px);
	background: #222;
}
*/
.main-section.main-section--new .main-section__contents {
	position: relative;
	z-index: 1;
	padding: 60px 0;
}
.news__slider {
	margin-left: 15px;
}
.news__slider-item {
	position: relative;
	display: inline-block;
	width: 250px;
	margin: 0 7px;
}
.news__text {
	padding: 26px 15px;
	background: #fff;
}
.news__text-number {
	display: block;
	color: #999;
	font-size: 13px;
	font-weight: 700;
}
.news__text-heading {
	display: block;
	margin-top: 12px;
	line-height: 1.41;
	font-size: 16px;
	height: 68px;
	font-weight: 700;
	color: #000022;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news__text-description {
	margin-top: 18px;
	line-height: 1.41;
	font-size: 12px;
	height: 50px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.news__text-more {
	position: relative;
	padding-right: 8px;
	display: inline-block;
	margin-top: 17px;
	font-size: 12px;
	color: #666;
	font-weight: 700;
}
.news__text-more:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 7px;
	background-image: url('/resources/_img/main/ico_arrow_right_666_8x15.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 4px 7px;
}
.news__slider .slick-dots {
	margin-top: 20px;
	text-align: center;
}
.news__slider .slick-dots li {
	display: inline-block;
	margin-left: 8px;
}
.news__slider .slick-dots li:first-child {
	margin-left: 0;
}
.news__slider .slick-dots button {
	display: block;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 0;
}
.news__slider .slick-dots .slick-active button {
	width: 36px;
	background: #fff;
}

@media all and (min-width:768px) {
	.main-section.main-section--new .main-section__contents {
		padding: 100px 0;
	}
	.news__slider {
		margin-left: 20px;
	}
	.news__slider-item {
		margin: 0 10px;
	}
	.news__text {
		padding: 30px 20px;
	}
	.news__text-number {
		font-size: 14px;
	}
	.news__text-heading {
		height: 77px;
		font-size: 18px;
	}
	.news__text-description {
		height: 68px;
		font-size: 16px;
	}
	.news__text-more {
		font-size: 14px;
	}
}

@media all and (min-width:1024px) {
	.main-section.main-section--new::before {
		height: calc(100% - 343px);
	}
	.main-section.main-section--new .main-section__contents {
		padding: 140px 0;
	}
	.news {
		margin-bottom: 130px;
	}
	.news__slider {
		margin-left: 0;
	}
	.news__slider-box {
		display: flex;
		justify-content: center;
	}
	.news__slider-item {
		width: calc(25% - 12px);
		max-width: 300px;
		margin: 0 0 0 12px;
		overflow: hidden;
	}
	.news__slider-item:first-child {
		margin-left: 0;
	}
	.news__image {
		height: 246px;
	}
	.news__image img {
		height: 246px;
		width: auto;
	}
	.news__text {
		min-height: 388px;
		padding: 40px 20px;
	}
	.news__text-number {
		font-size: 16px;
	}
	.news__text-heading {
		margin-top: 25px;
		font-size: 22px;
		height: 90px;
	}
	.news__text-description {
		margin-top: 40px;
		font-size: 19px;
		height: 78px;
	}
	.news__text-more {
		margin-top: 40px;
		font-size: 19px;
		font-weight: 400;
		padding-right: 16px;
	}
	.news__text-more:after {
		width: 8px;
		height: 15px;
		background-image: url('/resources/_img/main/ico_arrow_right_666_8x15.png');
		background-size: 8px 15px;
	}	
}


/* contact */
.contact {
	position: relative;
	padding-left: 15px;
	padding-bottom: 60px;
	box-sizing: border-box;
}
.contact__header {
	margin-bottom: 20px;
}
.contact__header-heading {
	margin-bottom: 15px;
	color: #fff;
}
.contact .bcBtn.ghost {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

@media all and (min-width:768px) {
	.contact {
		padding-left: 20px;
		padding-bottom: 80px;
	}

	.contact__header {
		margin-bottom: 24px;
	}
}
@media all and (min-width:1024px) {
	.contact {
		width: 1240px;
		height: 400px;
		margin: 0 auto;
		padding-left: 0;
		padding-bottom: 0;
	}
	.contact__header {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.contact__header-heading {
		margin-bottom: 28px;
	}
	.contact .bcBtn.ghost {
		position: static;
		transform: translateX(0);
	}
	.contact__banner {
		position: absolute;
		left: 465px;
		top: 0;
		width: 1114px;
		height: 400px;
	}
}

/* journal */
.journal {
	padding: 0 15px;
}
.journal__header {
	margin-bottom: 18px;
}
.journal__header-heading::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 2px;
	background: #222;
}
.journal__header-heading {
	position: relative;
	padding: 20px 0 0;
	color: #222;
}
.journal__header-description {
	line-height: 1.5;
	font-size: 12px;
	margin-top: 4px;
	color: #333;
}
.journal__list-item {
	margin: 40px 0;
}
.journal__link {
	margin: 20px 0;
	text-align: center;
}
.journal__link .bcBtn {
	text-transform: uppercase;
	min-width: 116px;
}
@media all and (min-width:768px) {
	.journal {
		padding: 0 20px;
	}
	.journal__header {
		margin-bottom: 24px;
	}
	.journal__header-heading {
		font-size: 34px;
	}
	.journal__header-description {
		font-size: 16px;
	}
	.journal__link {
		margin: 30px 0;
	}
}
@media all and (min-width:1024px) {
	.journal {
		margin: 0 auto;
		padding: 0;
		max-width: 1240px;
	}
	.journal__list-item {
		position: relative;
		font-size: 0;
		margin: 80px 0;
	}
	.journal__header,
	.journal__banner {
		display: inline-block;
		vertical-align: top;
	}
	.journal__header {
		position: absolute;
		left: 0;
		top: 50%;
		width: 35%;
		margin: 0;
		transform: translateY(-50%);
	}
	.journal__header-heading {
		padding-top: 30px;
		font-size: 42px;
	}
	.journal__header-description {
		font-size: 19px;
	}
	.journal__banner {
		position: relative;
		width: 65%;
		margin-left: 35%;
	}
	.journal__link {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.3);
		margin: 0;
	}
	.journal__link .bcBtn {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-color: #fff;
		background: #fff;
		color: #222;
		font-size: 15px;
	}
	.journal__link {
		opacity: 0;
		transition: opacity .2s ease-in;
	}
	.journal__list-item:hover .journal__link {
		opacity: 1;
	}
	/* 2023-06-07 main modify s */
	.journal__link.link-multi{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.journal__link.link-multi .bcBtn { position: static; transform: translate(0,0); }
	/* //2023-06-07 main modify e */
}


/* sns */

.sns {
	position: relative;
	/* margin-top: -30px; 2022-07-12 instagram 추가 */
}
.sns__header {
	text-align: center;
	margin-bottom: 30px;
}
.sns__header-heading {
	font-size: 29px;
	font-family: 'stitle';
	color: #222;
}
.sns__list-box {
	text-align: center;
	font-size: 0;
}
.sns__list-item {
	display: inline-block;
	margin-left: 37px;
}
.sns__list-item:first-child {
	margin-left: 0;
}
.sns__list-link {
	display: block; 
	width: 33px;
	height: 33px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	background-size: 33px 33px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.sns__list-link.sns__list-link--facebook {
	background-image: url('/resources/_img/main/icon_sns_facebook_66x66_222.png');
}
.sns__list-link.sns__list-link--linked {
	background-image: url('/resources/_img/main/icon_sns_linkein_66x66_222.png');
}
.sns__list-link.sns__list-link--twitter {
	background-image: url('/resources/_img/main/icon_sns_twitter_66x66_222.png');
}
.sns__list-link.sns__list-link--youtube {
	background-image: url('/resources/_img/main/icon_youtube_66x66_222.png');
}
.sns__list-link.sns__list-link--kakao {
	background-image: url('/resources/_img/main/kakao_icon_footer.png');
}
/* 2022-07-14 instagram 추가 s */
.sns__list-link.sns__list-link--insta {
	background-image: url('/resources/_img/main/icon_insta_66x66_222.png');
}
/* //2022-07-14 instagram 추가 e */
@media all and (min-width:768px) {
	.sns__list-link {
		width: 48px;
		height: 48px;
		background-size: 48px 48px;
	}
}
@media all and (min-width:1024px) {
	.sns {
		max-width: 1240px;
		margin: -50px auto 0;
	}
	.sns__header,
	.sns__contents {
		display: inline-block;
		vertical-align: top;
	}
	.sns__header {
		position: absolute;
		left: 0;
		top: 50%;
		width: 35%;
		margin: 0;
		transform: translateY(-50%);
		text-align: left;
	}
	.sns__contents {
		position: relative;
		width: 65%;
		margin-left: 35%;
	}
	.sns__list {
		padding: 0 10px;
	}
	.sns__list-box {
		text-align: right;
	}
	.sns__list-item {
		margin-left: 0;
		margin-right: 60px;
	}
	.sns__list-link {
		width: 66px;
		height: 66px;
		background-size: 66px 66px;
	}
	
}
/* 2021 MAIN UI 개선 : [E] */

/* 2021 MAIN BANNER VIDEO */
.banner_videoWrap{
	height: 100%;
	overflow: hidden;
}

.main video{width: 100%; object-fit: fill; height: calc((292vw * 59.15) / 429); display: block;}

/* 2022-05-25 5/26 업데이트 s */
.modal#privacyNotice .modal-dialog{top: 70px; word-break: keep-all;}
.modal#privacyNotice .today_checked{position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; text-align: right;}
.modal#privacyNotice .today_checked input[type="checkbox"]{position: relative; top: -1px; margin-right: 5px; width: 16px; height: 16px; border-color: #888; vertical-align: middle;}
.modal#privacyNotice .today_checked label{display: inline-block; vertical-align: middle; font-size: 16px; color: #666;}
@media all and (min-width:768px) {
	
	.modal#privacyNotice .modal-dialog{max-width: 465px;}
	.modal#privacyNotice .modal-header{position: relative; height: 80px; padding: 0 30px; text-indent: 0; line-height: 80px;}
	.modal#privacyNotice .modal-header .close{position: absolute; top: 0; right: 0; width: 80px; height: 80px;}
	.modal#privacyNotice .modal-body{padding:43px 50px;}
	.modal#privacyNotice .popInner .btnWrap{margin:20px auto 30px; padding:0 ; border-top: none;}
	.modal#privacyNotice .popInner .btnC{height: 35px; padding: 0; line-height: 35px;}
}
/* //2022-05-25 5/26 업데이트 e */