/*Main Style Separation 메인페이지 스타일 분리 221108 BJM*/

.at-container {max-width:1500px;}
.no-responsive .wrapper, .no-responsive .at-container-wide { min-width:1500px; }
.no-responsive .boxed.wrapper, .no-responsive .at-container { width:1500px; }
.at-menu .nav-height { height:44px; line-height:44px !important; }
.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height { height:44px; }
.pc-menu .nav-top.nav-float .menu-a { padding:0px 25px; }
.pc-menu .nav-top.nav-float .sub-1div::before { left: 25px; }
.pc-menu .subm-w { width:170px; }
@media all and (min-width:1200px) {
	.responsive .boxed.wrapper { max-width:1500px; }
}

/*로딩 애니메이션 loader 로더  스타일 변형 230621*/
.loader {height: 100%; position: fixed;  width: 100%;  z-index: 1111;  background: #fff; }
.loader-inner { position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); }        
.load-loader { width: 32px; height: 32px;  position: relative; }     
.load-loader:before, .load-loader:after { content: ""; display:inline-block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; background:rgba(238, 53, 35,1); transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); animation: load-animation 1.9s infinite ease-in-out; -o-animation: load-animation 1.9s infinite ease-in-out; -webkit-animation: load-animation 1.9s infinite ease-in-out; -moz-animation: load-animation 1.9s infinite ease-in-out; transform-origin: center; border-radius: 5px; } /* */
.load-loader:after { animation-delay: 0.86s; }
     
@keyframes load-animation {
    0% { transform: translateX(-100%) scale(0); }
    50% { transform: translateX(0%) scale(1) rotate( 0deg ); }
    100% { transform: translateX(100%) scale(0) rotate( 180deg ); }
}
@-o-keyframes load-animation {
    0% { -o-transform: translateX(-100%) scale(0); }
    50% { -o-transform: translateX(0%) scale(1) rotate( 0deg ); }
    100% { -o-transform: translateX(100%) scale(0) rotate( 180deg ); }
}
@-ms-keyframes load-animation {
    0% { -ms-transform: translateX(-100%) scale(0); }
    50% { -ms-transform: translateX(0%) scale(1) rotate( 0deg ); }
    100% { -ms-transform: translateX(100%) scale(0) rotate( 180deg ); }
}
@-webkit-keyframes load-animation {
    0% { -webkit-transform: translateX(-100%) scale(0); }
    50% { -webkit-transform: translateX(0%) scale(1) rotate( 0deg ); }
    100% { -webkit-transform: translateX(100%) scale(0) rotate( 180deg ); }
}
@-moz-keyframes cssload-animation {
    0% { -moz-transform: translateX(-100%) scale(0); }
    50% { -moz-transform: translateX(0%) scale(1) rotate( 0deg ); }
    100% { -moz-transform: translateX(100%) scale(0) rotate( 180deg ); }
}

/*Main Visual Area*/ 
/*(삭제해도 작동한다. 불필요한 요소인지 체크 필요!)*/
/*#main_visual의 원래 id이름은 #epqthursdjkvxmigolfnw 였음*/
#main_visual { margin-top: 60px;}
#main_visual .item { background-size:cover; background-position:center center; background-repeat:no-repeat; }
#main_visual .img-wrap { padding-bottom:55%; }
#main_visual .tab-indicators { position:absolute; left:0; bottom:0; width:100%; }
#main_visual .nav a { background: rgba(255,255,255, 0.9); color:#000; border-radius: 0px; margin:0px; }
#main_visual .nav a:hover, #main_visual .nav a:focus,
#main_visual .nav .active a { background: rgba(0,0,0, 0.6); color:#fff; }
#main_visual .caption { position: absolute; transition:all .3s; top: 12%; width:100%;  padding:10px;  text-align: center; z-index: 2; }
#main_visual .caption p.p {display:block;}
#main_visual .caption p.p img { width:100%; max-width:725px; outline: 1px solid rgba(255,255,255,0.5); }
#main_visual .caption p.t {display:none;}
#main_visual .caption p.t img { width:100%; max-width:560px; }
#main_visual .caption p.m {display:none;}
#main_visual .caption p.m img { width:100%; max-width:290px; }
#main_visual .caption p > span { font-size:55px; line-height:75px; letter-spacing:0.16em; color:#fff; font-weight:300; }
#main_visual .caption p > span:nth-of-type(1) {  letter-spacing:0.26em; font-weight:600; }
#main_visual .caption p > span:nth-of-type(3) {  letter-spacing:0.06em; }
#main_visual .caption p > span:nth-of-type(3) > b { color:#51daff; font-weight:600; }
#main_visual .caption p > span:nth-of-type(4) img { margin:40px 0 40px;}
#main_visual .caption p > span:nth-of-type(5) { font-size:20px; line-height:35px; letter-spacing:-0.02em; }
@media (max-width:1199px) { 
	.responsive #main_visual .img-wrap { padding-bottom:65% !important; } 
}
@media (max-width:991px) { 
	.responsive #main_visual .img-wrap { padding-bottom:59% !important; } 
}
@media (max-width:767px) { 
	.responsive #main_visual .img-wrap { padding-bottom:420px !important; } 
}
@media (max-width:480px) { 
	.responsive #main_visual .img-wrap { padding-bottom:420px !important; } 
}
@media(min-width:1600px){
	#main_visual { height:calc(100vh - 120px); overflow:hidden; }
}
@media (max-width:1400px) { 
	#main_visual .caption { top:9%; }
	#main_visual .caption p > span { font-size: 45px; line-height: 65px; }
	#main_visual .caption p > span:nth-of-type(4) img { margin: 25px 0 25px; width: 38px; height: 38px; }
	#main_visual .caption p > span:nth-of-type(5) { font-size: 17px; line-height: 32px; letter-spacing: -0.02em; }
}
@media (max-width:1199px) { 
	#main_visual .caption { top:13%;}
	#main_visual .caption p > span { font-size: 40px; line-height: 60px; }
	#main_visual .caption p > span:nth-of-type(4) img { margin: 10px 0 10px; width: 28px; height: 28px; }
	#main_visual .caption p > span:nth-of-type(5) { font-size: 15px; line-height: 30px; }
}   
@media (max-width:991px) {
	.responsive #main_visual .caption p.p {display:none;}
	.responsive #main_visual .caption p.t {display:block;}
	.responsive #main_visual .caption p.m {display:none;}
	#main_visual { margin-top: 0px;  }
	#main_visual .caption { top: 20%; }
	#main_visual .caption p > span { font-size: 30px; line-height: 45px; }
	#main_visual .caption p > span:nth-of-type(4) img { display:none }
	#main_visual .caption p > span:nth-of-type(5) { display:none }

}
@media (max-width:768px) { 
	#main_visual .caption { top:10%;}
	#main_visual .caption p > span { font-size: 28px; line-height: 43px; }
}
@media (max-width:640px) { 
	#main_visual .caption { top:10vmax;}
}

@media (max-width:480px) {
	#main_visual { margin-top: 60px;  } 
	#main_visual .caption { top:5vmax;}
	.responsive #main_visual .caption p.p {display:none;}
	.responsive #main_visual .caption p.t {display:none;}
	.responsive #main_visual .caption p.m {display:block;}
}



.at-body { padding:0; }
@media all and (max-width:991px) {
	.at-body { margin:0; padding:0; }
}

/*Project Photo Gallery Style Start*/
/*#photogallery_box1의 원래 id이름은 gfnkyihrbetmzlpqcodwjvsxu 이다*/
#photogallery_box1 { margin-right:-20px; margin-bottom:-20px; }
#photogallery_box1 .post-row { width:25%; }
#photogallery_box1 .post-list { margin-right:20px; margin-bottom:20px; }
#photogallery_box1 .post-subject { height:20px; }
#photogallery_box1 .img-wrap { padding-bottom:70.33%; }
@media (max-width:1199px) { 
	.responsive #photogallery_box1 { margin-right:-10px; margin-bottom:-10px; }
	.responsive #photogallery_box1 .post-row { width:33.33%; } 
	.responsive #photogallery_box1 .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:991px) { 
	.responsive #photogallery_box1 { margin-right:-10px; margin-bottom:-10px; }
	.responsive #photogallery_box1 .post-row { width:33.33%; } 
	.responsive #photogallery_box1 .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:767px) { 
	.responsive #photogallery_box1 { margin-right:-10px; margin-bottom:-10px; }
	.responsive #photogallery_box1 .post-row { width:50%; } 
	.responsive #photogallery_box1 .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:480px) { 
	.responsive #photogallery_box1 { margin-right:0px; margin-bottom:-10px; }
	.responsive #photogallery_box1 .post-row { width:100%; } 
	.responsive #photogallery_box1 .post-list { margin-right:0px; margin-bottom:10px; }
}
.img-wrap .ico-play { display:block; position: absolute; z-index: 2; left: 50%; top: 40%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }
.img-wrap:hover .ico-play { display:none; }

/*Project Photo Gallery Style End*/
/*구조의 id명 별도로 되어있으나, photogallery_box1로 동일하게 해도 문제 없어서 미사용(마크업에서 id 이름 모두 photogallery_box1로 변경 */
/*
#qjgmpihrklfnusto { margin-right:-20px; margin-bottom:-20px; }
#qjgmpihrklfnusto .post-row { width:25%; }
#qjgmpihrklfnusto .post-list { margin-right:20px; margin-bottom:20px; }
#qjgmpihrklfnusto .post-subject { height:20px; }
#qjgmpihrklfnusto .img-wrap { padding-bottom:70.33%; }
	@media (max-width:1199px) { 
	.responsive #qjgmpihrklfnusto { margin-right:-20px; margin-bottom:-20px; }
	.responsive #qjgmpihrklfnusto .post-row { width:25%; } 
	.responsive #qjgmpihrklfnusto .post-list { margin-right:20px; margin-bottom:20px; }
}
@media (max-width:991px) { 
	.responsive #qjgmpihrklfnusto { margin-right:-10px; margin-bottom:-10px; }
	.responsive #qjgmpihrklfnusto .post-row { width:33.33%; } 
	.responsive #qjgmpihrklfnusto .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:767px) { 
	.responsive #qjgmpihrklfnusto { margin-right:-10px; margin-bottom:-10px; }
	.responsive #qjgmpihrklfnusto .post-row { width:50%; } 
	.responsive #qjgmpihrklfnusto .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:480px) { 
	.responsive #qjgmpihrklfnusto { margin-right:0px; margin-bottom:-10px; }
	.responsive #qjgmpihrklfnusto .post-row { width:100%; } 
	.responsive #qjgmpihrklfnusto .post-list { margin-right:0px; margin-bottom:10px; }
}

.img-wrap .ico-play { display:block; position: absolute; z-index: 2; left: 50%; top: 40%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }
.img-wrap:hover .ico-play { display:none; }

#eqjkcsovhydlgirmtupwxfn { margin-right:-20px; margin-bottom:-20px; }
#eqjkcsovhydlgirmtupwxfn .post-row { width:25%; }
#eqjkcsovhydlgirmtupwxfn .post-list { margin-right:20px; margin-bottom:20px; }
#eqjkcsovhydlgirmtupwxfn .post-subject { height:20px; }
#eqjkcsovhydlgirmtupwxfn .img-wrap { padding-bottom:70.33%; }
@media (max-width:1199px) { 
	.responsive #eqjkcsovhydlgirmtupwxfn { margin-right:-20px; margin-bottom:-20px; }
	.responsive #eqjkcsovhydlgirmtupwxfn .post-row { width:25%; } 
	.responsive #eqjkcsovhydlgirmtupwxfn .post-list { margin-right:20px; margin-bottom:20px; }
}
@media (max-width:991px) { 
	.responsive #eqjkcsovhydlgirmtupwxfn { margin-right:-10px; margin-bottom:-10px; }
	.responsive #eqjkcsovhydlgirmtupwxfn .post-row { width:33.33%; } 
	.responsive #eqjkcsovhydlgirmtupwxfn .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:767px) { 
	.responsive #eqjkcsovhydlgirmtupwxfn { margin-right:-10px; margin-bottom:-10px; }
	.responsive #eqjkcsovhydlgirmtupwxfn .post-row { width:50%; } 
	.responsive #eqjkcsovhydlgirmtupwxfn .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:480px) { 
	.responsive #eqjkcsovhydlgirmtupwxfn { margin-right:0px; margin-bottom:-10px; }
	.responsive #eqjkcsovhydlgirmtupwxfn .post-row { width:100%; } 
	.responsive #eqjkcsovhydlgirmtupwxfn .post-list { margin-right:0px; margin-bottom:10px; }
}
.img-wrap .ico-play { display:block; position: absolute; z-index: 2; left: 50%; top: 40%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }
.img-wrap:hover .ico-play { display:none; }

#tcehuwkgnqlvsrodjfipm { margin-right:-20px; margin-bottom:-20px; }
#tcehuwkgnqlvsrodjfipm .post-row { width:25%; }
#tcehuwkgnqlvsrodjfipm .post-list { margin-right:20px; margin-bottom:20px; }
#tcehuwkgnqlvsrodjfipm .post-subject { height:20px; }
#tcehuwkgnqlvsrodjfipm .img-wrap { padding-bottom:70.33%; }
	@media (max-width:1199px) { 
	.responsive #tcehuwkgnqlvsrodjfipm { margin-right:-20px; margin-bottom:-20px; }
	.responsive #tcehuwkgnqlvsrodjfipm .post-row { width:25%; } 
	.responsive #tcehuwkgnqlvsrodjfipm .post-list { margin-right:20px; margin-bottom:20px; }
}
@media (max-width:991px) { 
	.responsive #tcehuwkgnqlvsrodjfipm { margin-right:-10px; margin-bottom:-10px; }
	.responsive #tcehuwkgnqlvsrodjfipm .post-row { width:33.33%; } 
	.responsive #tcehuwkgnqlvsrodjfipm .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:767px) { 
	.responsive #tcehuwkgnqlvsrodjfipm { margin-right:-10px; margin-bottom:-10px; }
	.responsive #tcehuwkgnqlvsrodjfipm .post-row { width:50%; } 
	.responsive #tcehuwkgnqlvsrodjfipm .post-list { margin-right:10px; margin-bottom:10px; }
}
@media (max-width:480px) { 
	.responsive #tcehuwkgnqlvsrodjfipm { margin-right:0px; margin-bottom:-10px; }
	.responsive #tcehuwkgnqlvsrodjfipm .post-row { width:100%; } 
	.responsive #tcehuwkgnqlvsrodjfipm .post-list { margin-right:0px; margin-bottom:10px; }
}
.img-wrap .ico-play { display:block; position: absolute; z-index: 2; left: 50%; top: 40%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }
.img-wrap:hover .ico-play { display:none; }
*/


/*About Company Info Area Style*/
#main .section1 > h2, #main .section2 > h2, #main .section4 > h2 { font-size:40px; line-height:45px; }
#main .section1 p, #main .section2 p, #main .section4 p { margin: 30px 15px 70px;  }


/*Partner Area  Style Start*/
#partners { margin-right:-60px; margin-bottom:-20px; }
#partners .post-row { width:20%; }
#partners .post-list { margin-right:60px; margin-bottom:20px; }
#partners .post-subject { height:20px; }
#partners .img-wrap { padding-bottom:33.78%; }
	@media (max-width:1199px) { 
	.responsive #partners { margin-right:-60px; margin-bottom:-20px; }
	.responsive #partners .post-row { width:25%; } 
	.responsive #partners .post-list { margin-right:60px; margin-bottom:20px; }
}
@media (max-width:991px) { 
	.responsive #partners { margin-right:-20px; margin-bottom:-10px; }
	.responsive #partners .post-row { width:33.33%; } 
	.responsive #partners .post-list { margin-right:20px; margin-bottom:10px; }
}
@media (max-width:767px) { 
	.responsive #partners { margin-right:-20px; margin-bottom:-10px; }
	.responsive #partners .post-row { width:33.33%; } 
	.responsive #partners .post-list { margin-right:20px; margin-bottom:10px; }
}
@media (max-width:480px) { 
	.responsive #partners { margin-right:0px; margin-bottom:0px; }
	.responsive #partners .post-row { width:50%; } 
	.responsive #partners .post-list { margin-right:0px; margin-bottom:0px; }
}
/*Partner Area  Style End/
/* #flkqonhmjeucrpvgdistw를 #partners로 변경*/



/*홈페이지 제작 시 혜택 Style Start*/
/*작은 박스 슬라이딩 되면서 가운데에서 확대되면서 포커싱 되는 슬라이더형 컨텐츠*/
.main-service {text-align:center; padding:80px 0 0; height:860px; overflow:hidden; background: #edf3ff; font-family: 'SUIT', sans-serif; overflow: hidden; }
.main-service#section4 h2 { font-size:40px; }
.main-service#section4 p {}

.main-service p.sub_tit_txt { font-size:20px; margin:30px 0 70px; color:#666; }
/*.main-service .s-txt p { text-align:left; }*/
.main-service .slider {position:relative; padding:0 80px;}
.main-service .swiper {padding:40px 0 80px;}
.main-service .swiper-slide {width:340px;}
.main-service .swiper-slide .s-box {position:relative; display:flex; align-items:center; justify-content:center; width:220px; height:220px; margin:50px auto; background:#fff; border-radius:5%; box-shadow:0 0 25px rgba(0,0,0,.12); transition:.4s;}
.main-service .swiper-slide .s-box .in {width:100%; padding:15px;}
.main-service .swiper-slide .s-box .tit {margin-top:20px; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.03em;}

.main-service .swiper-slide .s-box .plus { display:none; position:absolute; top:-40px; right:-40px; width:110px; height:110px; background:#ff5722 url("../images/main/plus.svg") 50% 50% no-repeat; border-radius:100%; overflow:hidden; transition:all 0.4s; transform:scale(1); opacity:1; }
.main-service .swiper-slide .s-box .plus:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; background:url("../images/main/circle.svg") 50% 50% no-repeat; background-size:contain; animation:rotation_left_1 20s linear infinite;}
.main-service .swiper-slide .s-box .plus:hover { background-color:#005be4; transform:scale(0.9); opacity:0.9; }

.main-service .swiper-slide .s-txt { transition:.2s; opacity:0; }
.main-service .swiper-slide .s-txt .tit {margin:27px 0 10px !important; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.03em; }
.main-service .swiper-slide .s-txt .txt { color:#454545; font-size:16px; font-weight:400; line-height:1.647em; letter-spacing:-.03em; display: flex; flex-direction: row; justify-content: center; margin: 0 !important; } /*flex-wrap: wrap; align-items: center;*/
.main-service .swiper-slide .s-txt .txt .ico_cross { color:#ff5722; font-size: 16px !important; margin-top: -3px; } /* margin:0 2px;*/
.main-service .swiper-slide-prev {padding-right:3.2%;}
.main-service .swiper-slide-next {padding-left:3.2%;}
.main-service .swiper-slide-active .s-box {width:320px; height:320px; margin:0 auto; box-shadow:none; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:10%;}
.main-service .swiper-slide-active .s-box.st1 {background-image:url("../images/main/service_img1.jpg");}
.main-service .swiper-slide-active .s-box.st2 {background-image:url("../images/main/service_img2.jpg");}
.main-service .swiper-slide-active .s-box.st3 {background-image:url("../images/main/service_img3.jpg");}
.main-service .swiper-slide-active .s-box.st4 {background-image:url("../images/main/service_img4.jpg");}
.main-service .swiper-slide-active .s-box.st5 {background-image:url("../images/main/service_img5.jpg");}
.main-service .swiper-slide-active .s-box.st6 {background-image:url("../images/main/service_img6.jpg");}
.main-service .swiper-slide-active .s-box.st7 {background-image:url("../images/main/service_img7.jpg");}
.main-service .swiper-slide-active .s-box.st8 {background-image:url("../images/main/service_img8.jpg");}
.main-service .swiper-slide-active .s-box.st9 {background-image:url("../images/main/service_img9.jpg");}
.main-service .swiper-slide-active .s-box.st10 {background-image:url("../images/main/service_img10.jpg");}
.main-service .swiper-slide-active .s-box.st11 {background-image:url("../images/main/service_img11.jpg");}
.main-service .swiper-slide-active .s-box.st12 {background-image:url("../images/main/service_img12.jpg");}
.main-service .swiper-slide-active .s-box.st13 {background-image:url("../images/main/service_img13.jpg");}
.main-service .swiper-slide-active .s-box .in {display:none;}
.main-service .swiper-slide-active .s-box .plus {display:block;}
.main-service .swiper-slide-active .s-txt {opacity:1;}
.main-service .slide-btn {position:absolute; top:50%; margin-top:-90px; width:62px; height:62px; background-position:50% 50%; background-repeat:no-repeat; z-index:50;}
.main-service .slide-btn.prev {left:3%; background-image:url("../images/main/service_prev.png");}
.main-service .slide-btn.next {right:3%; background-image:url("../images/main/service_next.png");}
.main-service .s-box .in { display: flex; flex-direction: column; align-items: center; }
.main-service .s-box .in img {  width: 100px; }
.main-service .main-title .tit-dot { position:relative; margin-right: -6px;}
.main-service .main-title .tit-dot:before {content:""; position:absolute; top:-10px; left:50%; margin-left:-4px; width:8px; height:8px; border-radius:100%; animation:move_dot 2.5s ease-in 2s infinite ;}
.main-service .main-title .dot-1:before { background:#ffbca7; animation-delay: .2s; }
.main-service .main-title .dot-2:before { background:#ff9a7a; animation-delay: .3s; }
.main-service .main-title .dot-3:before { background:#ff794e; animation-delay: .4s; }
.main-service .main-title .dot-4:before { background:#ff5722; animation-delay: .5s; }
@keyframes rotation_left_1 {
	0%{transform:rotate(0);}
	100%{transform:rotate(-360deg);}
}
@keyframes move_dot {
	0%,28%,100%{transform:translateY(0);}
	15%{transform:translateY(-8px);}
}
@media (max-width: 1440px) {
	/*.main-service#section4 h2 { font-size:36px; }*/
	.main-service p.sub_tit_txt { font-size: 20px; margin: 26px 0 40px; }
}	
@media (max-width: 1280px) {
	/* main */
	.main-service .slider {padding:0;}
	.main-service .swiper-slide {width:300px;}
	.main-service .swiper-slide .s-box {width:200px; height:200px; margin:50px auto;}
	.main-service .swiper-slide .s-box .tit {margin-top:15px; font-size:18px;}
	.main-service .swiper-slide .s-txt .txt {font-size:16px;}
	.main-service .swiper-slide-active .s-box {width:280px; height:280px; margin:0 auto;}
}
/* Landscape tablet */
@media (max-width: 1024px) {
	/* main */
	.main-service { height: 800px; }
	
	.main-service .swiper-slide {width:235px;}
	.main-service .swiper-slide .s-box { width:185px; height:185px; margin:50px auto; border-radius:5%; }
	.main-service .swiper-slide .s-box .tit {margin-top:10px; font-size:16px;}
	.main-service .swiper-slide .s-box .icon img {width:74px;}
	.main-service .swiper-slide .s-box .plus {width:90px; height:90px; background-size:20px;}
	.main-service .swiper-slide .s-txt .tit {font-size:20px; margin:20px 0 8px !important;}
	.main-service .swiper-slide .s-txt .txt {font-size:16px; display:unset; }
	.main-service .swiper-slide .s-txt .txt span { display:inline !important; }
	.main-service .swiper-slide-active {z-index:2;}
	.main-service .swiper-slide-active .s-box { width:290px; height:290px; margin:0px -27px 0px; }
	.main-service .swiper-slide-prev {padding-right:6.5%;}
	.main-service .swiper-slide-next {padding-left:6.5%;}
	
	.main-service .swiper-slide .s-txt .txt .ico_cross { font-size:14px !important; }
	
} 
/* Landscape phone */
@media (max-width: 640px) {
	/* main */
	.main-service { height: 640px; }
	.main-service#section4 h2 { font-size:26px; }
	.main-service p.sub_tit_txt { font-size: 16px; }
	.main-service p.sub_tit_txt { margin: 20px 0 30px; }
	.main-service {padding:60px 0 20px; min-height:auto;}
	.main-service .swiper {padding:10px 0;}
	.main-service .swiper-slide {width:192px; min-height:280px;}
	.main-service .swiper-slide .s-box { width:120px; height:120px; margin:30px auto; }
	.main-service .swiper-slide .s-box .tit {margin-top:3px; font-size:13px;}
	.main-service .swiper-slide .s-box .icon img {width:60px;}
	.main-service .swiper-slide .s-box .plus {width:60px; height:60px; background-size:16px; top:-10px; right:-10px;}
	.main-service .swiper-slide .s-txt .tit {font-size:18px; margin:13px 0 3px !important;}
	.main-service .swiper-slide .s-txt .txt {font-size:14px;}	
	.main-service .swiper-slide-active .s-box {width:192px; height:192px; margin:0 0 0 0px;}
	.main-service .slide-btn {width:36px; height:36px; background-size:contain; margin-top:-70px;}
	.main-service .slide-btn.prev {left:50%; margin-left:-138px;}
	.main-service .slide-btn.next {right:50%; margin-right:-138px;}
	.main-title .tit-dot { margin-right: -5px; }
	
	.main-service .swiper-slide .s-txt .txt .ico_cross { font-size:12px !important; }
	/*.main-service p.txt span { line-height: 23px !important; }*/
	
	.main-service .swiper-slide-active .s-txt { margin-left: 0px; } /*추가 bjm 240611*/
}
@media (max-width: 480px) {
	.main-service { height: 600px; }
	.main-service#section4 h2 { font-size:24px; }
	.main-service p.sub_tit_txt { font-size: 16px; margin: 14px 0 24px; line-height: 24px; }
	.main-service .main-title .tit-dot { margin-right: -4px; }
	

}
/*공통*/
/*on*/
.on_480px { display:none; }
/*off*/
.off_480px { display:block; }
.off_1024px { display:block; }

@media(max-width:1024px){
	.off_1024px { display:none; }
}
@media(max-width:480px){
	/*on*/
	.on_480px { display:block; }
	/*off*/
	.off_480px { display:none; }
}
/*홈페이지 제작 시 혜택 Style End*/
