/*섹션공통*/
#main{background-color:#f4f4f4;}
.msec{position:relative;padding:180px 0 240px;}
.section_tit {margin-bottom: 60px;font-size: 38px;line-height: 1.2;font-weight: 600;text-align: center;color: #222;}
.section_tit p{font-size: 20px;margin-bottom: 11px;color: #aaa;}
.section_tit h3 {font-size: 60px;color: #111;font-weight:700;}
[lang="en"] {font-family: 'Montserrat', 'NotoSansKR', sans-serif;letter-spacing: 0;}

@media all and (max-width:1199px){
    .msec{padding:160px 0 180px}
}
@media all and (max-width:1023px){
    .section_tit p {font-size: 17px;}
    .section_tit h3 {font-size: 40px;}
}
@media all and (max-width:970px){
	.msec{padding:150px 0 150px} 
}
@media all and (max-width:767px){
     .msec{padding:100px 0 100px}
}
@media all and (max-width: 539px){
    .section_tit {margin-bottom:23px;}
	.section_tit p {font-size:12px;margin-bottom:6px;}
    .section_tit h3 {font-size:26px;}
}
@media all and (max-width:479px){
    .msec{padding:70px 0}
}
/* main_visual*/
.main_visual_wrap{position:relative;padding:0 !important;background-color:#000}
.main_visual_wrap .inner{position:relative;width:100%;max-width:1600px;margin:0 auto;overflow:hidden;}
.main_visual_in .slick-slide{height:100vh;background-size:cover !important;background-position:center center !important}
.main_visual{position:relative;margin-bottom:0 !important;overflow:hidden;}

.main_visual_in  {width:100%;overflow: hidden;}
.main_visual_in  span{height:100vh;object-fit: cover;width:100vw;background-repeat: no-repeat;background-position:center;overflow: hidden}
.main_visual.mv1 span{background-image:url(../img/slide/mainslide1.jpg); position:absolute;}
.main_visual.mv2 span{background-image:url(../img/slide/mainslide2.jpg); position:absolute;}
.main_visual.mv3 span{background-image:url(../img/slide/mainslide3.jpg); position:absolute;}

.main_visual span{ -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 3s ease-out, opacity 1s ease 0.3s;
    transition: transform 3s ease-out, opacity 1s ease 0.3s;}

.main_visual.slick-current.slick-active .bg span{ -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;}

.main_visual_wrap .vis_txt_wrap{width:100%;max-width:1600px;margin:0 auto;}
.main_visual_wrap .vis_txt{position:absolute;top:35%;padding-left:50px;padding-right:80px;}
.main_visual_wrap .vis_txt h2{font-family:'Montserrat',sans-serif;font-size:86px;font-weight:600;color:#fff;line-height:100px;}
.main_visual_wrap .vis_txt p{font-size:22px;font-weight:400;color:#fff;line-height:30px;margin-top:34px;letter-spacing: -0.5px;}

.vis_arr_wrap .arr_in{display:flex;justify-content: flex-start;left:0;bottom:0%;margin-top:15px;margin-left:-15px;}
.vis_arr_wrap .arr_in button{color:#fff;font-size:18px;padding:13px 15px;}


@media (max-width:1599px){
    .main_visual_wrap .vis_txt{top:35%;}
	.main_visual_wrap .vis_txt h2{font-size:72px;line-height:80px;}
	.main_visual_wrap .vis_txt p{font-size:20px;line-height:24px;margin-top:30px;}
}
@media (max-width:1279px){
    .main_visual_wrap .vis_txt h2{font-size:62px;line-height:70px;}
	.main_visual_wrap .vis_txt p{font-size:18px;}
}
@media (max-width:969px){
	.header .inner{padding:0 20px}
    .main_visual_wrap .vis_txt{padding-left:30px;}
	.main_visual_wrap .vis_txt h2{font-size:50px;line-height:58px;}
	.main_visual_wrap .vis_txt p{font-size:18px;font-weight:300}
}
@media (max-width:639px){
	.main_visual_wrap .vis_txt h2{font-size:36px;line-height:44px;}
	.main_visual_wrap .vis_txt p{font-size:16px;line-height:1;margin-top:15px}
}
@media (max-width:479px){
    .main_visual_wrap .vis_txt h2{font-size:27px;line-height:34px;}
	.main_visual_wrap .vis_txt p{font-size:14px;margin-top:12px;line-height:20px;}
}

/*SERVICE*/
.msec.service {margin:0 auto;}
.service_wrap {max-width: 1600px;margin: 0 auto;position: relative;}
.service_list{display:flex;justify-content: center;flex-wrap:wrap;padding-bottom:110px;}
.service_list figure {padding-top: 123%;box-sizing:border-box;display: block;width: 100%;position: absolute;top: 0;left: 0;height:auto;}
.service_list .service_item:hover  .service_thumb{box-shadow:5px 5px 80px #ddd;}
.service_list > .service_item {margin-bottom:200px;position: relative;width:30.33%;margin-left:1%;margin-right:1%;}
.service_list > .service_item:nth-child(3n+1) {top:130px;}
.service_list > .service_item:nth-child(3n-1) {top:300px;}
.service_list .service_thumb {position:relative;background-repeat: no-repeat;background-size:100%;transition-duration:0.2s}

.service_list div:nth-child(1) .service_thumb{background-image:url(../img/main/service_1.jpg)}
.service_list div:nth-child(2) .service_thumb{background-image:url(../img/main/service_2.jpg)}
.service_list div:nth-child(3) .service_thumb{background-image:url(../img/main/service_3.jpg)}
.service_list div:nth-child(4) .service_thumb{background-image:url(../img/main/service_4.jpg)}
.service_list div:nth-child(5) .service_thumb{background-image:url(../img/main/service_5.jpg)}
.service_list div:nth-child(6) .service_thumb{background-image:url(../img/main/service_6.jpg)}

.service_list .service_cont {margin-top: 30px;}
.service_list .service_tit {font-size:26px; color:#111; width:100%; white-space: normal;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.service_list .service_txt {margin-top:12px; font-size:16px; color:#666;line-height:1.5em}
.service_cont .btn_wrap {text-align:center; margin-top:118px;margin-bottom:70px;}

@media all and (max-width:1199px){
.service_list .service_tit{font-size:23px}
.service_list .service_txt {font-size:15px;}
}
@media all and (max-width:1023px){
    .service_list{flex-wrap:wrap;padding-bottom:0;}
    .service_list > .service_item:nth-child(3n+1) {top:0}
    .service_list > .service_item:nth-child(3n-1) {top:0}
    .service_list > .service_item {margin-bottom:70px;}
	.service_list .service_tit {font-size:20px;}
    .service_list .service_txt {font-size:14.5px; }
    .service_list .service_txt span{white-space: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
   	.service_list .service_cont {margin-top: 20px;}
	.service_cont .btn_wrap {margin-top:0}    
}
@media all and (max-width:767px){
	.service_list .service_tit {font-size:18px;}
	.service_list .service_txt {font-size:15px; line-height:1.4em;}
	.service_list .service_cont {margin-top: 18px;}
    .service_cont .btn_wrap {margin-top:70px;}
}
@media all and (max-width: 539px){
    .service_list > .service_item {margin-bottom:80px;margin-bottom:30px;width: -webkit-calc(50% - 50px); width: calc(50% - 50px); margin-left:21px; margin-right:21px; position: relative;}
	.service_list .service_tit {font-size:17px;}
	.service_list .service_txt {font-size:14px;}
	.service_list .service_cont {margin-top: 15px;}
    .service_cont .btn_wrap {margin-top:45px;}  
	
}

/*PROMOTION*/
.main_promo{position:relative;letter-spacing: -1px;background-image: url(../img/main/promo_bg.jpg);background-repeat: no-repeat;background-position:center;width:100%;background-size:cover}
.promo_in{margin:0 auto;max-width:1560px;}
.promo_in .section_tit{margin-bottom:130px;}
.promo_in .section_tit h3{font-size:1.2em;font-weight:500;letter-spacing: -3px;color:#fff;padding-left:30px;padding-right:30px;}
.promo_in .section_tit p{color:#fff;}
.promo_list{display: flex;justify-content: space-between;text-align: center;color:#fff;}
.promo_list li{width:33.33%;padding-left:30px;padding-right:30px;height:auto;}
.promo_list_ico{width:150px;height:140px;margin:0 auto 60px auto;background-repeat: no-repeat;background-position: center;}
.promo_list li:nth-child(1) .promo_list_ico{background-image:url(../img/main/promo_ico1.png)}
.promo_list li:nth-child(2) .promo_list_ico{background-image:url(../img/main/promo_ico2.png)}
.promo_list li:nth-child(3) .promo_list_ico{background-image:url(../img/main/promo_ico3.png)}
.promo_list_tit{margin-bottom:24px;} 

.promo_list_tit .en{font-size:34px;font-weight:600;}
.promo_list_tit h4{font-size:26px;font-weight:800;line-height: 1.2em;}
p.promo_txt{font-size:1.2em;line-height:1.5em;height: auto}

.more a{display:inline-block;color:#fff;text-align:center;padding:10px 35px;position:absolute;left:50%; bottom:3%;transform:translatex(-50%);font-size:15px}
.more a:after{content:"";display:inline-block;width:8px;height:8px;border-right:1px solid #fff;border-top:1px solid #fff;transform:rotate(45deg);margin-left:7px;}

@media all and (max-width:1299px){
    .promo_list_ico{width:135px;}
    .promo_list_tit .en{font-size:32px;}
    p.promo_txt{font-size:1.1em;}
}
@media all and (max-width:1199px){
	.promo_in .section_tit h3{font-size:38px;}
	.promo_list_ico{height:90px;width:95px;background-size:100%}
	.promo_list_tit .en{font-size:25px;}
	.promo_list_tit h4{font-size:24px}
}
@media all and (max-width:1023px){
    .promo_in .section_tit{margin-bottom:100px;}
    .promo_in .section_tit h3{font-size:34px;}
    .promo_list_ico{margin:0 auto 35px auto;background-size:100%;height:70px;width:75px}
    .promo_list_tit{margin-bottom:15px;}
    .promo_list_tit .en{font-size:1.4em}
    .promo_list_tit h4{font-size:1.4em}
    p.promo_txt{font-size:15px;}
}
@media all and (max-width:767px){
    .promo_in .section_tit{margin-bottom:55px;}
    .promo_in .section_tit p{font-size:15px;}
    .promo_in .section_tit h3{font-size:30px;}
    .promo_list_ico{margin:0 auto 25px auto;}
    .promo_list_tit{margin-bottom:15px;}
    .promo_list_tit .en{font-size:1.3em}
    .promo_list_tit h4{font-size:1.3em}
    p.promo_txt{font-size:14.5px;}

	.more a{padding:10px 35px;font-size:13px}

}
@media all and (max-width:669px){
    .promo_in .section_tit{margin-bottom:40px;}
    .promo_in .section_tit p{font-size:14px;}
    .promo_in .section_tit h3{font-size:26px;}
    .promo_list li{padding-left:20px;padding-right:20px;}
    .promo_list_ico{margin:0 auto 10px auto;}
    .promo_list_tit{margin-bottom:15px;}
    .promo_list_tit .en{font-size:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .promo_list_tit h4{font-size:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    p.promo_txt{white-space: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}
@media all and (max-width:499px){
     .main_promo{padding:100px 30px;background-size:cover}
	 .promo_in .section_tit h3{font-size:25px;}
    .promo_list{display: block}
    .promo_list li{width:100%;padding-left:15px;padding-right:15px;}
    .promo_list_ico{margin:20px auto 10px auto;height:140px}
    .promo_list_tit{margin-bottom:15px;}
    .promo_list_tit .en{font-size:19px;}
    .promo_list_tit h4{font-size:19px;}
    p.promo_txt{font-size:15px;}
	.more a{bottom:2.5%;}

}

/*MAP*/
.msec.main_contact{padding-bottom:0;background-image:url(../img/main/map_bg.png);margin-left:auto;margin-right:auto;background-repeat: no-repeat;background-position:top center}
.contact_in{max-width:1600px;padding-left:30px;padding-right:30px;margin:0 auto;}
.contact_txt{position:relative;}

.company_intro{height:auto;line-height:1.3em;font-size:55px;letter-spacing: -2.5px;margin-bottom:80px;padding-left:8%}
.contact_box{width:100%;margin:0 auto;background-color:#000;padding:90px 15% 70px 17%;z-index: 30;}

.contact_box ul{display:flex;}
.contact_box ul li{width:50%;color:#fff;}
.contact_box ul li h4{font-size:1.7em;margin-bottom:3px;font-weight:500;}
.contact_box ul li p{font-size:30px;font-family:'Montserrat';font-weight:700;padding-right:10px; }
.map_area{height:420px;text-align: center;}
.root_daum_roughmap.root_daum_roughmap_landing {margin:0 auto;text-align: center;}
.root_daum_roughmap .wrap_controllers {display: none;}
.map_area .root_daum_roughmap .border1, .map_area .root_daum_roughmap .border2{border:none}

@media all and (max-width:1439px){
    .company_intro{font-size:50px;}
    .contact_box ul li p{font-size:3em}
}
@media all and (max-width:1299px){
    .company_intro{font-size:48px;}
    .contact_box{padding: 50px 5%;}
    .contact_box ul li p{font-size:2.5em}
}
@media all and (max-width:1199px){
	.company_intro{font-size:42px;}
	.contact_box ul li p{font-size:2.2em}
}
@media all and (max-width:1023px){
    .company_intro{font-size:38px;}
    .contact_box ul li h4{margin-bottom:0;font-size:20px;}
    .contact_box ul li p{font-size:30px;}
}  

@media all and (max-width:969px){
     .company_intro{margin-bottom:70px;}
}

@media all and (max-width:767px){
    .company_intro{font-size:33px;margin-bottom:50px;}
    .contact_box ul li h4{margin-bottom:0;font-size:21px;}
    .contact_box ul li p{font-size:25px;}


}  
@media all and (max-width:599px){
    .company_intro{font-size:30px;}
    .contact_box{padding:40px 18%;}
    .contact_box ul{display:block;}
    .contact_box ul li{width:100%;margin-bottom:18px}
    .contact_box ul li:last-child{margin-bottom:0;}
    .contact_box ul li h4{margin-bottom:0;font-size:18px;}
    .contact_box ul li p{font-size:24px;}
}
@media all and (max-width:499px){
     .company_intro{font-size:25px;}
     .contact_box{padding:30px 14%;}
     .contact_box ul li h4{margin-bottom:0;}
     .contact_box ul li p{font-size:20px;}
}


