@charset "utf-8";

.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

/******************************************************* PC // *******************************************************************************/
* {box-sizing:border-box; line-height:1; letter-spacing:-0.04em;}
img {vertical-align:bottom;}

#mainCont_wrap {
	padding:0 90px 0 180px;
	display:flex;
}
.leftCont {width:calc(100% - 400px);}
#mainvisual {
	position:relative;
}
.main-slider {
	height:1000px;
}
.main-slider .slide-item {
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:cover;
	height:100%;
	padding:90px 0 0 60px;
}
.main-slider .slide-item-1 {background-image:url('../images/main/main_slide_01.jpg');}
.main-slider .slide-item-2 {background-image:url('../images/main/main_slide_02.jpg');}
.main-slider .slide-item-3 {background-image:url('../images/main/main_slide_03.jpg');}
.main-slider .slide-item-4 {background-image:url('../images/main/main_slide_04.jpg');}
.main-slider .slide-item-5 {background-image:url('../images/main/main_slide_06.jpg');}
.main-slider .slide-item-6 {background-image:url('../images/main/main_slide_07.jpg');}
#mainvisual .slideBtn {
	position:absolute;
	bottom:40px;
	left:50%;
	transform:translate(-50%,0);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:900;
}
#mainvisual .slideBtn .swiper-button-prev,
#mainvisual .slideBtn .swiper-button-next {
	width:14px;
	height:21px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	margin:0;
	position:static;
	opacity:.2;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#mainvisual .slideBtn .swiper-button-prev:hover,
#mainvisual .slideBtn .swiper-button-next:hover {opacity:1;}
#mainvisual .slideBtn .swiper-button-prev {background-image:url('../images/main/left_arrow.png');}
#mainvisual .slideBtn .swiper-button-next {background-image:url('../images/main/right_arrow.png');}
#mainvisual .slideBtn .swiper-pagination {
	margin:0 55px;
	position:static;
}
#mainvisual .slideBtn .swiper-pagination-bullet {
	width:15px;
	height:15px;
	border-radius:50%;
	border:1px solid #fff;
	margin:0 5px;
	opacity:1;
	background:transparent;
}
#mainvisual .slideBtn .swiper-pagination-bullet-active {
	background:#fff;
	width:40px;
	border-radius:20px;
}
.mob_slide {display:none;}
.mob_media {display:none;}
.mob_img {display:none;}
.mob_simple_btn {display:none;}

.rightCont {
	width:400px;
	position:fixed;
	top:0;
	right:90px;
	background:#6c738d;
	height:100%;
	transition:all .5s;
	z-index:980;
}
.r_contZone {
	overflow-y:auto;
	height:100%;
}
.r_contZone::-webkit-scrollbar {
	width:1px;
}
.r_contZone::-webkit-scrollbar-thumb {
	background:#6c738d;
}
.r_contZone::-webkit-scrollbar-track {
}
.rightCont .bBox {
	/*height:calc(100% / 4);*/
	position:relative;
}

.rightCont .swiper-pagination {
	bottom:18px;
	right:15px;
	display:flex;
	align-items:center;
}
.rightCont .swiper-pagination-bullet {
	width:8px;
	height:8px;
	background:#a9a8a6;
	opacity:1;
	border-radius:50%;
	margin:0 5px;
	transition:all .3s;
}
.rightCont .swiper-pagination-bullet-active {
	width:15px;
	height:15px;
	background:#98ccfb;
}

.rightCont .banner03 .txtFix {
	font-size:15px;
	position:absolute;
	top:30px;
	left:25px;
	font-weight:100;
	color:#5f5f5f;
	line-height:1.5;
	z-index:900;
}
.rightCont .banner03 .txtFix strong {font-weight:400;}
.rightCont .banner03 .slideBtn {
	position:absolute;
	bottom:70px;
	left:30px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:5px;
	z-index:900;
}

.rightCont .banner03 .swiper-button-prev,
.rightCont .banner03 .swiper-button-next {
	position:static;
	margin:0;
	width:17px;
	height:17px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}
.rightCont .banner03 .swiper-button-pause {
	width:17px;
	height:17px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url('../images/main/ctr_pause.png');
	background-size:contain;
}
.rightCont .banner03 .swiper-button-prev {background-image:url('../images/main/ctr_left.png');}
.rightCont .banner03 .swiper-button-next {background-image:url('../images/main/ctr_right.png');}

.rightCont .notice {
	background:#6c738d;
	padding:20px 35px;
}
.rightCont .notice h2 {
	font-size:25px;
	font-weight:600;
	color:#fff;
	margin:0 0 7px;
}
.rightCont .notice .stxt {
	display:block;
	font-size:13px;
	color:#bfc8ef;
	margin:0 0 20px;
}
.rightCont .notice a.more {
	position:absolute;
	top:15px;
	right:35px;
	font-weight:600;
	color:#fff;
	font-size:30px;
}
.rightCont .notice li {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:10px 0 0;
}
.rightCont .notice li:first-child {margin:0;}
.rightCont .notice li a {
	display:block;
	font-size:13px;
	font-weight:300;
	color:#fff;
	width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.rightCont .notice li span {
	font-size:13px;
	color:#fff;
	font-weight:300;
}

/* main footer */
#footer.mainFooter {
	padding-right:490px;
	padding-left:180px;
}
#footer.mainFooter .foot_1 {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 100px;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
#footer.mainFooter .foot_1 li {
	width:calc(100% / 7);
}
#footer.mainFooter .foot_1 li a {
	display:block;
	font-size:13px;
	font-weight:500;
	color:#818181;
	height:35px;
	line-height:35px;
	text-align:center;
	position:relative;
}
#footer.mainFooter .foot_1 li a:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	width:1px;
	height:15px;
	background:#ccc;
}
#footer.mainFooter .foot_1 li:first-child a:after {display:none;}
#footer.mainFooter .foot_2 {
	display:flex;
	align-items:flex-start;
	padding:40px 0;
}
#footer.mainFooter .foot_2 h3 {
	font-size:18px;
	font-weight:500;
	color:#2d508a;
	padding:0 0 0 24px;
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:23px;
}
#footer.mainFooter .foot_2 .left h3 {background-image:url('../images/main/blue_icon1.png'); margin:0 0 20px;}
#footer.mainFooter .foot_2 .center h3 {background-image:url('../images/main/blue_icon2.png'); margin:0 0 20px;}
#footer.mainFooter .foot_2 .center h3 strong {display:none;}
#footer.mainFooter .foot_2 .right h3 {margin:0 0 5px;}
#footer.mainFooter .foot_2 .right .rt_1 h3 {background-image:url('../images/main/blue_icon3.png');}
#footer.mainFooter .foot_2 .right .rt_2 h3 {background-image:url('../images/main/blue_icon4.png');}
#footer.mainFooter .foot_2 .left {
	width:45%;
	padding-left:80px;
}
#footer.mainFooter .foot_2 .left ul {
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:40px;
}
#footer.mainFooter .foot_2 .left li a {display:block;}
#footer.mainFooter .foot_2 .left span {
	display:flex;
	width:115px;
	height:115px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	transition:all .3s;
	margin:0 0 15px;
	background:#e1e1e1;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	overflow:hidden;
	text-align:center;
}
#footer.mainFooter .foot_2 .left dt {
	font-size:18px;
	font-weight:600;
	color:#525252;
	text-align:center;
	margin:0 0 5px;
}
#footer.mainFooter .foot_2 .left dd {
	font-size:15px;
	line-height:1.3;
	color:#888888;
	text-align:center;
}
#footer.mainFooter .foot_2 .left .online_s {
	background-image:url('../images/main/service_online.png');
}
#footer.mainFooter .foot_2 .left li a:hover .online_s {
	background-image:url('../images/main/service_online_on.png'); 
	background-color:#a186be;
}
#footer.mainFooter .foot_2 .left .kakao_s {
	background-image:url('../images/main/service_kakao.png');
}
#footer.mainFooter .foot_2 .left li a:hover .kakao_s {
	background-image:url('../images/main/service_kakao_on.png'); 
	background-color:#ffe800;
}
#footer.mainFooter .foot_2 .left .cost_s {
	background-image:url('../images/main/service_cost.png');
}
#footer.mainFooter .foot_2 .left li a:hover .cost_s {
	background-image:url('../images/main/service_cost_on.png'); 
	background-color:#7da7d9;
}

#footer.mainFooter .foot_2 .center {
	width:32%;
	padding:0 35px;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	height:265px;
}
#footer.mainFooter .foot_2 .center span {
	display:block;
	text-align:center;
	margin:0 0 5px;
}
#footer.mainFooter .foot_2 .center span.mobImg {display:none;}
#footer.mainFooter .foot_2 .center p {
	font-size:14px;
	line-height:1.3;
	color:#888;
}
#footer.mainFooter .foot_2 .right {
	width:calc(100% - 77%);
	padding:0 0 0 35px;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
	height:265px;
}
#footer.mainFooter .foot_2 .rt_1 p {
	font-size:40px;
	font-weight:600;
	color:#2d508a;
	padding:0 0 10px;
	border-bottom:1px solid #ebebeb;
	margin:0 0 6px;

} 
#footer.mainFooter .foot_2 .rt_1 li {
	font-size:13px;
	font-weight:400;
	color:#888;
	line-height:1.3;
}
#footer.mainFooter .foot_2 .rt_2 li {
	font-size:15px;
	font-weight:500;
	color:#888;
	line-height:1.3;
	letter-spacing:0.02em;
}
#footer.mainFooter .foot_2 .rt_2 span {
	display:block;
	margin:5px 0 0;
	padding:5px 0 0;
	border-top:1px solid #ebebeb;
	font-size:15px;
	color:#808080;
	font-weight:400;
}
#footer.mainFooter .foot_2 .rt_2 span.mob {display:none;}
#footer.mainFooter .foot_3 {
	padding:30px 10%;
	border-top:1px solid #ebebeb;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#footer.mainFooter .foot_3 address {
	padding:0 0 0 60px;
}
#footer.mainFooter .foot_3 ul {
	display:flex;
	align-items:flex-start;
}
#footer.mainFooter .foot_3 ul li {
	font-size:13px;
	font-weight:300;
	color:#888;
	line-height:1.5;
	letter-spacing:0.1em;
	margin-left:5px;
}
#footer.mainFooter .foot_3 ul li:first-child {margin:0;}
#footer.mainFooter .foot_3 span {
	display:block;
	line-height:1.5;
	font-size:13px;
	font-weight:300;
	color:#888;
	letter-spacing:0.1em;
}
#footer.mainFooter .foot_3 span br {display:none;}

/******************************************************* device - pc // *******************************************************************************/
@media screen and (max-width: 1700px) {
	#footer.mainFooter .foot_1 {padding:0 50px;}
	#footer.mainFooter .foot_2 .left {padding-left:30px;}
	#footer.mainFooter .foot_2 .left span {
		width:85px; 
		height:85px; 
		background-size:contain; 
		background-color:transparent;
		margin-left:auto;
		margin-right:auto;
	}
	#footer.mainFooter .foot_2 .center {padding:0 20px;}
	#footer.mainFooter .foot_2 .right {padding:0 0 0 20px;}
	#footer.mainFooter .foot_3 {padding-left:4%; padding-right:4%;}
}
@media screen and (max-width: 1500px) {
	.leftCont {
		width:100%;
	}
	.rightCont {
		right:-100%;
	}
	#footer.mainFooter .foot_2 .left {padding-left:90px; width:42%;} 
	#footer.mainFooter .foot_2 .left span {
		width:115px;
		height:115px;
	}
	#footer.mainFooter .foot_2 .center {padding:0 35px;}
	#footer.mainFooter .foot_2 .right {padding:0 0 0 35px;}
	#footer.mainFooter {
		padding-right:90px;
	}
}

/******************************************************* MOBILE // *******************************************************************************/
@media screen and (max-width: 768px) {
	#mainCont_wrap {
		padding:0;
		margin-top:18vw;
		display:block;
	}
	.main-slider {height:120vw;}
	.main-slider .slide-item {padding:0;}
	.main-slider .slide-item img {display:none;}
	.main-slider .slide-item-1 {background-image:url('../images/main/main_slide_01_m.jpg');}
	.main-slider .slide-item-2 {background-image:url('../images/main/main_slide_02_m.jpg');}
	.main-slider .slide-item-3 {background-image:url('../images/main/main_slide_03_m.jpg');}
	.main-slider .slide-item-4 {background-image:url('../images/main/main_slide_04_m.jpg');}
	.main-slider .slide-item-5 {background-image:url('../images/main/main_slide_06_m.jpg');}
	.main-slider .slide-item-6 {background-image:url('../images/main/main_slide_07_m.jpg');}
	#mainvisual .slideBtn {
		bottom:7vw;
		width:100%;
	}
	#mainvisual .slideBtn .swiper-button-prev, #mainvisual .slideBtn .swiper-button-next {display:none;}
	#mainvisual .slideBtn .swiper-pagination {
		margin:0; 
		display:flex;
		justify-content:space-between;
		max-width:70%;
		width:100%;
		margin:0 auto;
	}
	#mainvisual .slideBtn .swiper-pagination-bullet {
		margin:0;
		width:3vw;
		height:3vw;
	}
	#mainvisual .slideBtn .swiper-pagination-bullet-active {width:8vw;}
	.rightCont {display:none;}
	.mob_slide {
		display:block;
		margin:4vw 0;
		position:relative;
	}
	.mob_slide .slide-item img {width:100%;}
	.mob_slide .swiper-pagination {
		bottom:4vw;
		right:4vw;
		
	}
	.mob_slide .swiper-pagination-bullet {
		width:7vw;
		height:7vw;
		line-height:7vw;
		font-size:4vw;
		background:#625253;
		color:#fff;
		text-align:center;
		font-weight:400;
		border-radius:0;
		opacity:1;
		margin:0 0 0 2vw;
	}
	.mob_slide .swiper-pagination-bullet-active {
		background:#245d94;
	}
	.mob_media {
		display:block;
		padding:6vw 0 0;
	}
	.mob_media h3 {
		text-align:center;
		color:#242424;
		margin:0 0 4vw;
		font-weight:700;
		letter-spacing:0;
		font-size:4.5vw;
		line-height:1.3;
	}
	.mob_media h3 strong {
		display:block;
		font-size:7.5vw;
		font-weight:100;
		margin:0 0 1vw;
	}
	.mob_media p a {
		display:block;
		height:50vw;
	}
	.mob_media iframe {width:100%; height:100%;}
	.mob_img {display:flex;}
	.mob_img p {width:50%;}
	.mob_img p img {width:100%;}
	.mob_simple_btn {display:block;}
	.mob_simple_btn .simple_nav {
		justify-content:flex-start;
		background:#fff;
	}
	.mob_simple_btn .simple_nav li {
		margin:0 0 0 5vw;
	}
	.mob_simple_btn .simple_nav li:first-child {
		margin:0 0 0 3vw;
		position:relative;
	}
	.mob_simple_btn .simple_nav li:first-child:after {
		content:"";
		border-color:#353535 transparent transparent;
		border-style:solid;
		border-width:6px 7px 0;
		width:0;
		height:0;
		margin-left:-7px;
		position:absolute;
		top:0;
		left:50%;
	}
	.mob_simple_btn .simple_nav li a {
		display:block;
		font-size:3.6vw;
		color:#454545;
		padding:2vw 0;
	}
	.mob_simple_btn .simple_bt {border-top:1px solid #353535; border-bottom:1px solid #353535;}
	.mob_simple_btn .simple_bt li {width:25%;}
	.mob_simple_btn .simple_bt li a {display:block;}
	.mob_simple_btn .simple_bt li img {width:100%;}

	#footer.mainFooter {
		padding:0;
	}
	#footer.mainFooter .foot_1 {display:none;}
	#footer.mainFooter .foot_2 {flex-wrap:wrap; padding:6vw 0 10vw;}
	#footer.mainFooter .foot_2 h3 {
		text-align:center;
		padding:0;
	}
	#footer.mainFooter .foot_2 .right .rt_1 h3,
	#footer.mainFooter .foot_2 .right .rt_2 h3 {background:none;}
	#footer.mainFooter .foot_2 .left {display:none;}
	#footer.mainFooter .foot_2 .center {
		width:100%; 
		padding:0; 
		border:none; 
		height:auto;
	}
	#footer.mainFooter .foot_2 .center h3 strong {
		display:block;
		font-size:7.5vw;
		font-weight:100;
		margin:0 0 1vw;
	}
	#footer.mainFooter .foot_2 .center h3 {
		padding:0; 
		background:none; 
		color:#242424;
		margin:0 0 4vw;
		font-weight:700;
		letter-spacing:0;
		font-size:4.5vw;
		line-height:1.3;
	}
	#footer.mainFooter .foot_2 .center span.mobImg {display:block; border-top:1px solid #7d7d7d;}
	#footer.mainFooter .foot_2 .center span.mobImg img {width:100%;}
	#footer.mainFooter .foot_2 .center span.pcImg {display:none;}
	#footer.mainFooter .foot_2 .center p {display:none;}
	#footer.mainFooter .foot_2 .right {height:auto; width:100%; padding:5vw 4vw 0; justify-content:center;}
	#footer.mainFooter .foot_2 .right h3 {margin:0 0 1vw; line-height:1.2; font-size:5vw;}
	#footer.mainFooter .foot_2 .right .rt_1 {padding:0 0 7vw;}
	#footer.mainFooter .foot_2 .rt_1 li {
		font-size:3.8vw;
		text-align:center;
	}
	#footer.mainFooter .foot_2 .rt_1 p {
		font-size:12vw;
		text-align:center;
		padding:0 0 2vw;
		margin:0 0 2vw;
	}
	#footer.mainFooter .foot_2 .rt_2 li {
		font-size:4.2vw;
	}
	#footer.mainFooter .foot_2 .rt_2 span {
		margin:0;
		padding:0;
		border:none;
		font-size:4vw;
		text-align:center;
		line-height:1.3;
	}
	#footer.mainFooter .foot_2 .rt_2 span.mob {
		display:block;
		margin:2vw 0 0;
		padding:2vw 0 0;
		border-top:1px solid #ebebeb;
		line-height:1.3;
	}
	#footer.mainFooter .foot_3 {
		padding:7vw 4vw;
		background:#2d508a;
	}
	#footer.mainFooter .foot_3 p {display:none;}
	#footer.mainFooter .foot_3 address {
		padding:0;
	}
	#footer.mainFooter .foot_3 ul {flex-wrap:wrap; justify-content:center;}
	#footer.mainFooter .foot_3 ul li {
		font-size:3.6vw;
		line-height:1.4;
		color:#fff;
		text-align:center;
		letter-spacing:0;
	}
	#footer.mainFooter .foot_3 span {
		font-size:3vw;
		line-height:1.3;
		text-align:center;
		letter-spacing:0;
		margin:3vw 0 0;
		color:#fff;
	}
	#footer.mainFooter .foot_3 span br {display:block;}
}
@media screen and (max-width: 500px) {

}