/*메인배너*/
#main-carousel{padding:0; display:block;}
#main-carousel .li{height:700px; background-size:cover; background-position:center; position:relative}
#main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
#main-carousel .jarallax {height: 700px;}
#main-carousel .img01 { background-image:url(../images/slide_01.jpg);}
#main-carousel .img02 { background-image:url(../images/slide_02.jpg);}
#main-carousel .img03 { background-image:url(../images/slide_03.jpg);}
#main-carousel .li .copy_area_wrap {max-width:1400px; margin:auto;}
#main-carousel .li .copy_area{position: absolute; top:45%; -ms-transform: translateX(-50%); transform: translateX(-50%); color:#fff; z-index:2; left:50%; width:100%; padding:0 20px;}
#main-carousel .li .copy_area h2{font-size:22px;font-weight:300; line-height:1.3;  letter-spacing:-1px; padding-bottom:20px; margin-bottom:20px; word-break: keep-all; font-family: 'ELAND_Choice_M'; text-align: center; position: relative;}
#main-carousel .li .copy_area h2::after{content: ""; position: absolute; width: 50px; height: 1px; background:#ddd; bottom:0; left:50%; transform: translateX(-50%);}
#main-carousel .li .copy_area h3{font-size:48px;font-weight:300;text-align:center; letter-spacing:-5px; color:#fff; line-height:1.2; font-family: 'ELAND_Choice_M';  word-break: keep-all;}
#main-carousel .li .copy_area h3 span{ color:#b7ff39; font-weight:600; font-size:54px}
#main-carousel .li .copy_area h3 .wh_sp{color:#fff;}
#main-carousel .li .copy_area h4{font-size:17px;font-weight:500;text-align:left; max-width:500px; word-break:keep-all; font-family: 'ELAND_Choice_M';}
#main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto;bottom:100px;}
#main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:70px;height:6px;display:inline-block;margin-left:10px; border:0}
#main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
#main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
#main-carousel .owl-prev {position:absolute;top:50%;left:5%;z-index:999;background:url(../img/arrow_left.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
#main-carousel .owl-next {position: absolute; top: 50%; right: 5%;z-index: 999;background:url(../img/arrow_right.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
#main-carousel .owl-prev:hover { background: url("../img/arrow_on_left.png") no-repeat;}
#main-carousel .owl-next:hover { background: url("../img/arrow_on_right.png") no-repeat;}

#main-carousel .owl-carousel .item { height: 10rem; background: #4DC7A0;padding: 1rem;}
#main-carousel .ctl { text-align:right;max-width:1400px; margin:-70px auto 0 auto; position:relative; z-index:1; color:#fff}
#main-carousel .ctl i { color:#fff}
#main-carousel .btn-toggle, #main-carousel .btn-prev, #main-carousel .btn-next{ border: 0; font-size: 18px; width: 30px;height: 30px; background-color: transparent;}
#main-carousel .idx-box {display: inline-block; vertical-align: bottom; height:30px; line-height: 30px; margin-left: 20px; margin-right: 20px;font-size: 16px; }

@media screen and (max-width:960px) {
	#main-carousel .li .copy_area h3{font-size:22px; letter-spacing: 0;}
	#main-carousel .li .copy_area h3 span{font-size:24px;}
	#main-carousel .li .copy_area h2{font-size: 18px;;}
}

@media screen and (max-width:640px) {
	#main-carousel .li{height:400px;}
}

/*메인배너*/

/*index공통*/
.con_wrap{padding:80px 10px ; max-width:1400px; margin:0 auto; }
.con_wrap p{font-size:18px; color:#fff; text-align: center; line-height: 1.8em; padding:15px 0;word-break: keep-all;;}
.txt_tit{padding:50px 0; position: relative;}
.txt_tit h2{font-size:34px; color:#fff; font-weight: 600; line-height: 1.8em; padding:10px 0; word-break: keep-all; letter-spacing:-1px;}
.txt_tit h2 span{color:#fa9c5c;}
.txt_tit h3{font-size:20px; color:#fff; font-weight: 300; line-height: 1.8em; word-break: keep-all; letter-spacing:-1px;}

.more_btn a{font-size:18px; background:#fa9c5c; padding:15px 40px; border-radius: 110px; color:#fff; transition: 0.3s;;}
.more_btn a:hover{background: none; color:#121212; border: 1px solid #fa9c5c; transition: 0.3s;}
/*index공통*/
/*con1*/
#con1{ background:#868e96;}
#con1 .con_wrap .img_box ul{display:flex; justify-content: space-between;}
#con1 .con_wrap .img_box ul li{margin-right:1%;}
#con1 .con_wrap .img_box ul li:last-child{margin-right:0%;}
#con1 .more_btn{position: absolute; right:0; top:50%;}
/*con1*/

/*con2*/
#con2{ background:#868e96;}
#con2 .con_wrap{display:flex; justify-content: space-between; position: relative; align-items: center;}
#con2 .con_wrap .txt_tit{width:25%;}
#con2 .con_wrap #tab_box{width:75%;}
#con2 .con_wrap #tab_box .tab{position:absolute; left:10px; top:50%;}
#con2 .con_wrap #tab_box .tab li{font-size:16px; color:#fff; cursor: pointer; line-height: 1.8em;}
#con2 .con_wrap #tab_box .tab li.selected{color:#c0d6fd;}

#con2 .more_btn{padding-top:260px;}
/*con2*/

/*con3*/
#con3 .more_btn{position: absolute; right:0; top:45%;}
/*con3*/

/*con4*/
#con4 .con_wrap{display:flex; justify-content: space-between; padding:50px 10px 120px;}
#con4 .con_wrap .img_box{width:32.3%;}

#con4 .con_wrap .img_box:nth-of-type(1){max-height:462.38px; border-radius: 25px;;}
#con4 .con_wrap .img_box:nth-of-type(1) .txt_tit{height:462.38px;}
#con4 .con_wrap .img_box:nth-of-type(1) .txt_tit a{display:block; height:100%; padding-top:40px;}

#con4 .con_wrap .img_box:nth-of-type(1) .img01{background: url(../images/con4_01.png) no-repeat bottom #346373;  border-radius: 25px; padding-top:35px}
#con4 .con_wrap .img_box:nth-of-type(1) .img02{background: url(../images/con4_03.png) no-repeat right #ff8e57;  border-radius: 25px; padding-top:35px}

#con4 .con_wrap .img_box:nth-of-type(2){background:#c0d6fd; border-radius: 25px; padding-top:35px}
#con4 .con_wrap .img_box .img_box_fx:nth-of-type(1){background: url(../images/con4_02.png) no-repeat #f08f89; border-radius: 25px; margin-bottom:20px;}
#con4 .con_wrap .img_box .img_box_fx:nth-of-type(2){background:#6ba543; border-radius: 25px;}

#con4 .con_wrap .txt_tit{padding:35px 30px 50px;  position:relative;}
#con4 .con_wrap .txt_tit h3{font-size:16px; color:#fffed4;}
#con4 .con_wrap .txt_tit h2{font-size: 16px; color:#eee; font-weight: 300;;}
#con4 .con_wrap .txt_tit h2 span{font-size: 22px; color:#fff;;}
#con4 .con_wrap .img_box:nth-of-type(2) h2{font-size:22px;}

#con4 .more_btn{position: absolute; right:20px; bottom:40px;}
#con4 .con_wrap .img_box:nth-of-type(2) .more_btn{bottom:-93px;;}

#con4 .con_wrap .img_box:nth-of-type(2) .more_btn a{background:#79bc56;;}
#con4 .con_wrap .img_box .img_box_fx:nth-of-type(2) .more_btn a{background:#599033;}
#con4 .con_wrap .img_box .img_box_fx:nth-of-type(1) .more_btn a{background:#e5756e;;}

#con4 .con_wrap .img_box:nth-of-type(2) .more_btn a:hover{background: #fff; color:#121212; transition: 0.3s; border: none;}
#con4 .con_wrap .img_box .img_box_fx:nth-of-type(2) .more_btn a:hover{background: #fff; color:#121212; transition: 0.3s; border: none;}
#con4 .con_wrap .img_box .img_box_fx:nth-of-type(1) .more_btn a:hover{background: #fff; color:#121212; transition: 0.3s; border: none;}


#con4 .owl-nav{font-size:30px; position:absolute; left:30px; bottom:35px;}
#con4 .owl-nav button{background:#ffffffa2; padding:8px 19px; margin-right:5px; border-radius: 7px;;}
#con4 .owl-nav button:hover{background:#fff; transition: 0.3s;}

#con4 .owl-dots{position:absolute; top:30px; right:30px;}
#con4 .owl-dots button{width:10px; height:10px; border-radius: 10px; background:#ddd; margin-right: 5px;;}
#con4 .owl-dots button.active{background: #fff;}
/*con4*/

@media screen and (max-width:960px) {
	.con_wrap{padding:70px 10px 20px 10px;}
	.con_wrap p{font-size:16px;}
	.txt_tit{padding:30px 0;}
	.txt_tit h3{font-size:18px;}
	.txt_tit h3 br{display: none;}
	.txt_tit h2{font-size:22px;}
	.more_btn a{font-size:16px; padding:10px 30px;}

	/* #con1 .con_wrap .img_box ul{flex-direction: column;} */

	#con1 .con_wrap .img_box ul li img{width: 100%;}
	#con1 .con_wrap .img_box ul li {
    margin-right: 1%;
    width: 48%; /* 변경: 가로 2개씩 배치 */
    margin-bottom: 20px; /* 추가: 요소 사이의 간격 설정 */
  }

	#con2 .con_wrap{flex-direction: column;}
	#con2 .con_wrap .txt_tit{width:100%;}
	#con2 .con_wrap #tab_box{width:100%;}
	#con2 .con_wrap #tab_box .tab{position: static; display:flex;}
	#con2 .con_wrap #tab_box .tab li{width:25%; text-align: center; padding:10px;}
	#con2 .con_wrap #tab_box .tab li.selected{background: #c0d6fd; color:#fff;}
	#con2 .more_btn{position:absolute; padding-top:0; right: 0; top:50%;;}

	#con4 .con_wrap .txt_tit h2 span{font-size: 18px;}
	#con4 .con_wrap .img_box:nth-of-type(2) h2{font-size: 18px;;}
	#con4 .more_btn{bottom:25px;}
}

@media screen and (max-width:768px) {
	#con4 .con_wrap{flex-direction: column;}
	#con4 .con_wrap .img_box{width:100%; margin-bottom:20px;}
	#con4 .con_wrap .img_box:nth-of-type(2){padding-top:0;}
	#con4 .con_wrap .img_box:nth-of-type(2) .more_btn{bottom:25px;}
	#con4 .con_wrap .img_box:nth-of-type(1) .txt_tit{height:310px;}
	#con4 .con_wrap .img_box:nth-of-type(1) .img01{background: #346373; }
	#con4 .con_wrap .img_box:nth-of-type(1) .img02{background:#ff8e57;}
	#con4 .con_wrap .img_box:nth-of-type(1) .txt_tit a{padding-top:0;}
}

@media screen and (max-width:640px) {
	#con1 .more_btn{position: static; margin-top:10px; text-align: right;}

	#con2 .con_wrap .txt_tit{padding: 0 0 30px;}
	#con2 .con_wrap #tab_box .tab{flex-wrap: wrap;}
	#con2 .more_btn{position: static; margin-top:20px; text-align: right;}
	#con2 .con_wrap #tab_box .tab li{width:50%; font-size:14px; padding:10px 0;}

	#con3 .con_wrap .txt_tit{padding: 0 0 30px;}
	#con3 .more_btn{position: static; margin-top:10px; text-align: right;}

	.txt_tit{text-align: center;}
	.txt_tit h3{text-align: center;}
	.txt_tit h2{text-align: center;}
}



/*푸터*/
#footer{ width:100%; height:auto; background:#2a2b2a; clear:both}
.foot_menu{width:100%; padding:20px 10px; background:#2a2b2a; border-bottom:1px solid rgba(255,255,255,0.07);  }
.foot_menu .inner { max-width:1400px;}
.foot_menu .fm{ float:left; padding:10px 20px;}
.foot_menu .fm li{ display:inline-block; line-height:2em; margin-right:15px; padding-right:15px;}
.foot_menu .fm li a{ font-size:1.3em; color:rgba(255,255,255,0.9);}
.foot_menu .fm li a.point{color:#32c0eb;}
.foot_menu .fm li:last-child{border-right:0; margin-right:0}

.foot_menu .bt_logo{float:left;}
.foot_menu .menu { margin-top:20px; }

.footer_in{ max-width:1400px; height:auto; padding:38px 20px; margin:0 auto; box-sizing:border-box}
.footer_in address h1{ font-size:16px; line-height:1.8; padding-bottom:10px; color:#fff; font-weight:bold; }
.footer_in address p{ overflow:hidden; font-size:15px; color:rgba(255,255,255,0.4);}
.footer_in address p strong{ font-weight: 500;  color:rgba(255,255,255,0.5);}
.footer_in address p span{margin-right:10px; line-height:1.8em; word-break: keep-all; color:rgba(255,255,255,0.4)}
.footer_in address p.addr{margin-top:18px;}
.footer_in address p.copylight{ font-size:13px; color:#999; margin-top:18px; word-break: keep-all;}
.footer_in address p.copylight a{color:#fff; border:1px solid #ddd; padding:10px;}

.footer_in address{float:left; width:65%; font-style:normal}
.footer_in .customer{float:right; color:rgba(255,255,255,0.5); margin-left:20px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.05); font-size:13px;}
.footer_in .customer .main_tel{font-size:15px; font-weight:300; color:#fff; margin-bottom:20px; margin-top:20px;}
.footer_in .customer .main_tel span{font-size:20px; font-weight:bold; color:#32c0eb; display:block; margin-top:10px;}
@media screen and (max-width: 1700px) {
#footer { margin-top:0}
}

@media screen and (max-width:760px) {
	.foot_menu{padding:5px}
	.foot_menu .fm li a{ font-size:1em;}
	.footer_in address p span{font-size:0.8em;}
	.footer_in address p.copylight a{border:none; word-break: keep-all;}
}

@media screen and (max-width: 640px) {
	.footer_in address { width:100%}
	.footer_in .customer { width:100%; border-left:0; margin-left:0; padding-left:0}
}

@media screen and (max-width: 590px){
	.foot_menu{padding: 10px;;}
	.foot_menu .fm{padding: 10px 0;;}
	.foot_menu .bt_logo{display:none;}
	.foot_menu .inner{padding:0;}
	.footer_in{padding:10px;}
}

/*푸터*/

/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:522px;overflow:hidden;background-repeat:no-repeat;background-position:center top}
.sub_visual.visual01 .bg{background-image:url(../images/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../images/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../images/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../images/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../images/sub_visual05.jpg)}
.sub_visual.visual06 .bg{background-image:url(../images/sub_visual06.jpg)}
.sub_visual.visual07 .bg{background-image:url(../images/sub_visual07.jpg)}




.sub_visual .title_warp { max-width:1240px; margin:0 auto; }
.sub_visual .title_warp .title_page { height:522px; position: relative;text-align:center; margin:0 auto; transform:translateY(40%);  z-index:2}
.sub_visual h3{font-size:14px;font-weight:500; padding-bottom:20px; letter-spacing:1px; color:#fff; opacity:0.8}
.sub_visual .main_title{font-size:45px; font-weight:500; text-align:center; color:#fff; letter-spacing:-1px }
.sub_visual .inBox {font-size:14px; padding-top:10px; color:#fff}
.sub_visual .inBox i { font-size:14px; color:#fff; display:inline-block;}
.sub_visual .inBox a { padding:0 13px 0 0}
.sub_visual .inBox span {padding:0 13px; opacity:0.8}
.sub_visual .inBox span.strong { opacity:1; padding:0 0 0 13px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:0;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub_visual.tmp {height:100px; background-color:#000;}
.sub_visual.tmp .title_warp {display:none;}

.sub_visual h3,
.sub_visual .main_title ,
.sub_visual .inBox {
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s;
	animation-name:visual-tit;
	 -webkit-animation-name:visual-tit;
}

.sub_visual .main_title {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;} 
.sub_visual .inBox {animation-delay: 0.9s; -webkit-animation-delay: 0.9s;} 
 
.sub_visual .bg{ 
	content:'';
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s;
	 -webkit-animation-delay: 0.4s;
	animation-name:visual-zoom;
	 -webkit-animation-name:visual-zoom;
}
 

 
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}




 @media screen and (max-width: 640px) { 
    .sub_visual { height:422px}
	.sub_visual .title_warp { width:100%;}
	.sub_visual .title_warp .title_page { height:422px}
	.sub_visual h3 { font-size:12px}
	.sub_visual .main_title { font-size:34px;}
	.sub_visual .inBox { font-size:12px}
 }
/*서브상단*/












/*서브 하단 네비*/
.share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer}
.share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}
@media screen and (max-width: 770px) {

	 .share-area { display:none}
}
@media screen and (max-width: 640px) {
	 .share-area .share-btn { display:none}
	 .share-area { display:none}

	 #con1 {
		background: #868e96;
	}
	
	#con1 .con_wrap .img_box ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap; /* 추가: 줄 바꿈 설정 */
	}
	
	#con1 .con_wrap .img_box ul li {
		margin-right: 1%;
		width: 48%; /* 변경: 가로 2개씩 배치 */
		margin-bottom: 20px; /* 추가: 요소 사이의 간격 설정 */
	}
	
	#con1 .con_wrap .img_box ul li:last-child {
		margin-right: 0%;
	}
	

	
}
/*서브 하단 네비*/

.content_wrap {background-color: #868e96;}