@charset "UTF-8";


.count-num { font-weight:600; }

.sec-main-visual { position:relative; }

#main-slide { background:#666; }
#main-slide .swiper-container { }

#main-slide .swiper-slide { overflow:hidden; }
#main-slide .swiper-slide .img { position:relative; height:100vh; transition-duration:200ms; }
#main-slide .swiper-slide .img_m{ display: none; }
/*#main-slide .swiper-slide .img:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.2); }*/

#main-slide .swiper-slide .bg-movie-wrap { position:relative; width: 100vw; height: 100vh; z-index:0; overflow:hidden; }
#main-slide .swiper-slide .bg-movie-wrap::after { content: ""; display: block; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.3); }
#main-slide .swiper-slide .bg-movie { display: block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*IE,Edge등 polyfill 적용*/ z-index: 0; }

#main-slide .ctrl { position:absolute; left:50%; transform:translateX(-50%); bottom:50px; }
#main-slide .ctrl .pg { position:relative; z-index:1; height:100%; color:#fff; }
#main-slide .ctrl .pg .swiper-pagination-bullet-active { background:#fff; }

#main-slide .swiper-slide .content { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); padding:30px; opacity:0; text-align:center; }
#main-slide .swiper-slide .content .desc { font-size:2rem; }
#main-slide .swiper-slide .content .head { line-height:1.3; font-size:3rem; font-weight:600; animation-delay:300ms; }
#main-slide .swiper-slide .content .txt { animation-delay:600ms; margin-top:20px;  }

#main-slide .swiper-slide-active .content { opacity:1; }


@media (max-width: 1024px) {
    #main-slide .swiper-slide .img { height:auto; padding-bottom:60%; }

}

@media (max-width: 767px) {
    #main-slide { display:block; }
    #main-slide .swiper-container, #main-slide .ctrl { width:100%; }

    #main-slide .ctrl .pg { display:flex; }
    #main-slide .ctrl .pg .item i, #main-slide .ctrl .pg .item .title { display:none; }

    #main-slide .ctrl .pg .item { opacity:.2; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active { opacity:1; }
    #main-slide .ctrl .pg .item .img { width:100%; height:auto; padding-bottom:70%; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active .img { display:block; }

    #main-slide .swiper-slide .content { padding:15px; }
	#main-slide .swiper-slide .content .desc { font-size:1.25rem; }
    #main-slide .swiper-slide .content .head { font-size:2.2rem; }
	
	#main-slide .swiper-slide .img { display: none; }
	#main-slide .swiper-slide .img_m{  display:inline-block}
	#main-slide .swiper-slide .img_m img{width:100%;}

}




.sec-about1 { background:#eaeaea; }
.sec-about1:before, 
.sec-about1:after { content:""; position:absolute; top:0; bottom:0; }
.sec-about1:before { left:0; right:0; background:rgba(var(--main-color1-rgb),.1); }
.sec-about1:after { left:75%; bottom:0; transform:translateX(-50%); width:900px; background:url('../images/main-sec-about1.png') no-repeat center bottom/contain; }

.sec-about1 .c { position:relative; z-index:2; }

.sec-about1 .head { font-family:var(--serif-font); margin-bottom:40px; font-size:2.2rem !important;  }
.sec-about1 .head span { color:var(--main-color2); }
.sec-about1 .desc { line-height:1.5; font-weight:300; }
.sec-about1 .desc span { display:inline-block; }

.sec-about1 .btn-wrap { width:100%; font-size:1.125rem; line-height:1.5; margin-top:80px; }
.sec-about1 .btn-wrap a { display:inline-block; margin-right:10px; color:#fff; text-align:center; background:#333; padding:15px 35px; }
.sec-about1 .btn-wrap a img { width:30px; margin-left:10px; }
.sec-about1 .btn-wrap a:first-child { background:var(--main-color1); }
.sec-about1 .btn-wrap a:first-child { background:var(--main-color1); }


@media (min-width: 1201px) {
    .sec-about1 { padding-top:120px !important; }
}
@media (max-width: 1200px) {
    .sec-about1 { text-align:center; padding-bottom:35% !important; }
    .sec-about1:after { left:50%; width:50%; }

    .sec-about1 .head { margin-bottom:25px; }
    .sec-about1 .btn-wrap { margin-top:50px; }


}

@media (max-width: 767px) {
    .sec-about1 .head { margin-bottom:30px; font-size:1.8rem !important; margin-top: 30px;}
    .sec-about1 .btn-wrap { margin-top:25px; }
    .sec-about1 .btn-wrap a { padding:10px 25px; display:block; width:250px; text-align:center; margin:0 auto; }
    .sec-about1 .btn-wrap a img { width:20px; margin-left:5px; }

}





[class*=sec-leftimg] .header { display:flex; justify-content: space-between; align-items:flex-end; }
[class*=sec-leftimg] .header .txt { width:60%; }
[class*=sec-leftimg] .header .txt .head { margin-bottom:5px; }
[class*=sec-leftimg] .header .count { text-align:right; }
[class*=sec-leftimg] .header .count .count-num { font-size:3rem; color:var(--main-color1); }
[class*=sec-leftimg] .header .count .count-num:after { content:" 명"; font-size:1rem; }

[class*=sec-leftimg] ul { border-top:1px solid #333; }
[class*=sec-leftimg] ul li { border-bottom:1px solid #ddd; padding:50px 0; }
[class*=sec-leftimg] ul li .a { display:flex; flex-wrap: wrap; justify-content:space-between; align-items:center; }
[class*=sec-leftimg] ul li:nth-child(even) .a { flex-direction: row-reverse; }

[class*=sec-leftimg] ul li .a .image { width:40%; overflow:hidden; }
[class*=sec-leftimg] ul li .a .image .img { background:none no-repeat center/cover; padding-bottom:60%; transition-duration:600ms; }
[class*=sec-leftimg] ul li .a:hover .image .img { transform:scale(1.1); }
[class*=sec-leftimg] ul li .a .content { width:55%; padding-right:50px; }
[class*=sec-leftimg] ul li:nth-child(even) .a .content { padding-left:50px; }

[class*=sec-leftimg] ul li .a .content .head { position:relative; width:100%; font-size:2rem; margin-bottom:15px; font-weight:800; }
[class*=sec-leftimg] ul li .a .content .plus { position:absolute; top:calc(50% - 20px); right:0; width:50px; height:50px; border-radius:99px; background:var(--main-color2); }
[class*=sec-leftimg] ul li .a .content .plus:before,
[class*=sec-leftimg] ul li .a .content .plus:after { content:""; position:absolute; width:4px; height:30px; left:calc(50% - 2px); top:10px; border-radius:5px; background:#fff; }
[class*=sec-leftimg] ul li .a .content .plus:after { transform:rotate(90deg); }
[class*=sec-leftimg] ul li .a:hover .content .plus { transition-duration:1000ms; transform:rotate(360deg); }


[class*=sec-leftimg] ul li .a .content .subhead { position:relative; display:inline-block; font-size:1.4rem; margin-bottom:25px; }
[class*=sec-leftimg] ul li .a .content .subhead:before { content:""; position:absolute; left:0; top:100%; right:0; width:0; height:1px; background:#333; }
/*[class*=sec-leftimg] ul li .a:hover .content .subhead:before { width:100%; transition-duration:1000ms; }*/
[class*=sec-leftimg] ul li .a .content .desc { line-height:1.6; color:#666; margin-bottom:40px; }

[class*=sec-leftimg] ul li .a .content .count .count-num { font-size:2.2rem; }

.sec-leftimg1 { background:rgba(var(--main-color1-rgb),.05); }
.sec-leftimg2 { background:rgba(var(--main-color1-rgb),.13); }
.sec-leftimg1 .scr-widerright:after { background:rgba(var(--main-color1-rgb),.05); }
.sec-leftimg2 .scr-widerright:after { background:rgba(var(--main-color1-rgb),.13); }


.biz_pop .tit { display:inline-block; border-radius:99px; padding:10px 30px; background:var(--main-color2); color:#fff; margin-bottom:20px; }
.biz_pop .head { font-size:2rem; font-weight:600; margin-bottom:10px; }
.biz_pop .img { padding-bottom:50%; background:none no-repeat center/cover; }
.biz_pop .desc { background:#feebdc; padding:30px; line-height:1.5; margin-bottom:80px; }
.biz_pop .desc small { color:#888; text-align:right; display:block; margin-top:15px; }



@media (max-width: 1200px) {
    [class*=sec-leftimg] .header { display:block; }
    [class*=sec-leftimg] .header .txt { width:100%; }
    [class*=sec-leftimg] .header .txt .head { margin-bottom:0; }

    [class*=sec-leftimg] .header .count { display:flex; justify-content: flex-end; align-items:center; margin-top:10px; }
    [class*=sec-leftimg] .header .count .title { margin-top:5px; margin-right:5px; }
}


@media (max-width: 1024px) {
    [class*=sec-leftimg] ul { position:relative; display:flex; flex-wrap: wrap; }
    [class*=sec-leftimg] ul:before { content:""; position:absolute; left:50%; top:0; bottom:0; background:#ddd; width:1px; }
    [class*=sec-leftimg] ul li { width:50%; padding:30px; }

	[class*=sec-leftimg] ul li .a { position:relative; height:100%; flex-direction: column; justify-content:flex-start; align-items:flex-start;  }
    [class*=sec-leftimg] ul li .a .image, [class*=sec-leftimg] ul li .a .content { width:100%; }

    [class*=sec-leftimg] ul li .a .content { padding-right:0; margin-top:20px; margin-bottom:50px; }
    [class*=sec-leftimg] ul li:nth-child(even) .a .content { padding-left:0; }

    [class*=sec-leftimg] ul li .a .content .head { font-size:1.4rem; }

    [class*=sec-leftimg] ul li .a .content .plus { width:30px; height:30px; top:calc(50% - 15px); }
    [class*=sec-leftimg] ul li .a .content .plus:before,
    [class*=sec-leftimg] ul li .a .content .plus:after { height:16px; top:7px; }

    [class*=sec-leftimg] ul li .a .content .subhead { font-size:1.125rem; }
    [class*=sec-leftimg] ul li .a .content .desc br { display:none; }

	[class*=sec-leftimg] ul li .a .content .count { position:absolute; left:0; bottom:0; right:0; }
}

@media (max-width: 767px) {
    [class*=sec-leftimg] ul:before { display:none; }
    [class*=sec-leftimg] ul li { width:100%; padding:20px 15px; }

	[class*=sec-leftimg] ul li .a .content { margin-bottom:35px; }
    [class*=sec-leftimg] ul li .a .content .head { margin-bottom:10px; }
    [class*=sec-leftimg] ul li .a .content .subhead { margin-bottom:15px; }
    [class*=sec-leftimg] ul li .a .content .desc { margin-bottom:25px; }
    
    .biz_pop .head { font-size:1.4rem; }
    .biz_pop .desc { margin-bottom:30px; padding:20px; }

}



.sec-tiles-4topimg1 { background:#ffcd8c; }
.sec-tiles-4topimg1 .header { text-align:center; }

.sec-tiles-4topimg1 .tiles { display:flex; justify-content: space-between; flex-wrap: wrap; }
.sec-tiles-4topimg1 .tiles .tile .a { box-shadow:0 0 5px #ddd; background:#fff; cursor:pointer; }
.sec-tiles-4topimg1 .a .content { padding:25px 30px; margin-top:0; height:auto; }
.sec-tiles-4topimg1 .a .head { font-size:1.25rem; font-weight:700; }
.sec-tiles-4topimg1 .a .desc { line-height:1.6; font-weight:400; margin-bottom:40px; }
.sec-tiles-4topimg1 .a .arrow { position:absolute; right:25px; bottom:35px; display:block; background:var(--main-color2); }
.sec-tiles-4topimg1 .a .arrow::before, .sec-tiles-4topimg1 .a .arrow::after { background:var(--main-color2); }
.sec-tiles-4topimg1 .a:hover .arrow { animation: shake_arrow 1s infinite; }

@keyframes shake_arrow {
    0%   { transform:translateX(0); }
    50% { transform:translateX(-20px); }
    100%   { transform:translateX(0); }
}


.high_pop .tit { font-size:1.6rem; font-weight:600; margin-bottom:10px; }
.high_pop .head { font-size:1.25rem; font-weight:600; margin:10px 0 5px; }
.high_pop .img { padding-bottom:50%; background:none no-repeat center/cover; }
.high_pop .con { padding:30px; }
.high_pop .desc { line-height:1.5; margin-bottom:30px; }
.high_pop .desc small { color:#888; text-align:right; display:block; margin-top:15px; }

.high_pop[data-bgcolor="#dbeaf1"] .con { background:#dbeaf1; }
.high_pop[data-bgcolor="#e8e5ee"] .con { background:#e8e5ee; }
.high_pop[data-bgcolor="#feebdc"] .con { background:#feebdc; }
.high_pop[data-bgcolor="#e8cdc1"] .con { background:#e8cdc1; }

.tab-btn { display:flex; margin-bottom:20px; }
.tab-btn li { flex:1; margin-left:-1px;background: #ffa50f; text-align: center; color:#fff; font-size: 15px; border:1px solid #ddd;padding: 10px 0 ; line-height: 1.2 }
.tab-btn span { display:block; background:var(--main-color1) no-repeat center top/40%; height:50px;   }

@media (min-width: 1025px) {
    .sec-tiles-4topimg1 .tiles .tile:hover { transform:translateY(-20px); transition-duration:300ms; }
}
@media (max-width: 1024px) {
    .sec-tiles-4topimg1 .a .content { padding:20px; }

    .sec-tiles-4topimg1 .a .desc { margin-bottom:30px; }
    .sec-tiles-4topimg1 .a .arrow { right:20px; bottom:25px; }
	.tab-btn li {font-size: 13px;}
	.tab-btn span {  height:35px;   }
}



.sec-info1 { text-align:center; font-size:1.25rem; background:url('../images/main-sec-info1.jpg') no-repeat center/cover; color:rgba(255,255,255,.7); overflow:hidden; }
.sec-info1 .c { position:relative; padding-top:150px; padding-bottom:150px; }
.sec-info1 .c:before { content:""; position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:0; width:100vw; background:rgba(0,0,0,.6); }
.sec-info1 .c > * { position:relative; }
.sec-info1 .head { font-weight:600; }
.sec-info1 .count-num { font-size:9rem; font-weight:600; color:#fff; margin:40px 0 50px; }
.sec-info1 .count-num:after { content:" 명"; font-size:1rem; color:#ddd; font-weight:400; }

.sec-info1 .desc { line-height:1.7; }
.sec-info1 .btn-wrap { margin-top:70px; }
.sec-info1 .btn-wrap a { display:inline-block; padding:25px 50px; border-radius:5px; margin:0 5px; background:#111; color:#fff; line-height:1; transition-duration:500ms !important; }
.sec-info1 .btn-wrap a:nth-child(2) { background:var(--main-color3); }
.sec-info1 .btn-wrap a:hover { padding:25px 60px; }

@media (max-width: 1024px) {
    .sec-info1 { font-size:1.125rem; }
    .sec-info1 .count-num { font-size:5rem; margin:10px 0 30px; }
    .sec-info1 .btn-wrap { margin-top:40px; }
}

@media (max-width: 767px) {
    .sec-info1 .c { padding-top:80px; padding-bottom:80px; }
    .sec-info1 .btn-wrap a { width:280px; text-align:center; margin-top:5px; }
    .sec-info1 .btn-wrap a:hover { width:300px; }
}



.sec-sw-review1 { background:rgba(var(--main-color1-rgb), .1); }
.sec-sw-review1 .swiper-txt { text-align:center; margin-bottom:20px; }
.sec-sw-review1 .swiper-txt .swiper-slide { opacity:0 !important; }
.sec-sw-review1 .swiper-txt .swiper-slide.swiper-slide-active { opacity:1 !important; }

.sec-sw-review1 .swiper-img { padding:0 15%; overflow:visible; --box-padding:35px; }
.sec-sw-review1 .swiper-img .swiper-wrapper { padding:20px 0; }
.sec-sw-review1 .swiper-img .swiper-slide { width:60%; display:flex; justify-content: space-between; height:auto; transition-duration:500ms; padding:0 7%; }
.sec-sw-review1 .swiper-img .swiper-slide:not(.swiper-slide-active) { transform:scale(0.9); opacity:.5; }
.sec-sw-review1 .swiper-img .swiper-slide .box { position:relative; width:calc(50% - 10px); padding:var(--box-padding); border:1px solid #ddd; }
.sec-sw-review1 .swiper-img .swiper-slide.swiper-slide-active .box { box-shadow:5px 5px 5px rgba(0,0,0,.1); background:#fff; }
.sec-sw-review1 .swiper-img .swiper-slide .img { background:none no-repeat center/cover; padding-bottom:60%; }

.sec-sw-review1 .swiper-img .swiper-slide .head { position:relative; font-size:1.25rem; color:#111; margin:20px 0 10px; font-weight:700; }
.sec-sw-review1 .swiper-img .swiper-slide .head span { position:absolute; top:50%; right:0; font-size:1.5rem; transform:translateY(-55%); display:none; }
.sec-sw-review1 .swiper-img .swiper-slide .desc { color:#666; margin-bottom:50px; font-size:.875rem; }
.sec-sw-review1 .swiper-img .swiper-slide .desc small { position:absolute; left:var(--box-padding); bottom:var(--box-padding); color:#aaa; }

.sec-sw-review1 .nav { --nav-size:50px; }
.sec-sw-review1 .nav { position:absolute; z-index:3; top:calc(50% - var(--nav-size)/2); background:#fff; text-align:center; cursor:pointer; width:var(--nav-size); height:var(--nav-size); border-radius:100%; border:1px solid #ddd; }
.sec-sw-review1 .nav:before, 
.sec-sw-review1 .nav:after { content:""; position:absolute; width:3px; height:15px; background:#888; border-radius:5px; }

.sec-sw-review1 .nav.prev { left:12%; }
.sec-sw-review1 .nav.prev:before { transform:rotate(45deg); top:25%; left:43%; }
.sec-sw-review1 .nav.prev:after { transform:rotate(-45deg); bottom:25%; left:43%; }

.sec-sw-review1 .nav.next { right:12%; }
.sec-sw-review1 .nav.next:before { transform:rotate(-45deg); top:25%; right:43%; }
.sec-sw-review1 .nav.next:after { transform:rotate(45deg); bottom:25%; right:43%; }


@media (max-width: 1200px) {
    .sec-sw-review1 .swiper-img { padding:0 10%; }
    .sec-sw-review1 .swiper-img .swiper-slide { padding:0 5%; }

    .sec-sw-review1 .nav.prev { left:7%; }
    .sec-sw-review1 .nav.next { right:7%; }
}

@media (max-width: 1024px) {
    .sec-sw-review1 .swiper-img { padding:0 5%; width:90%; margin:0 auto; }
    
    .sec-sw-review1 .swiper-img .swiper-wrapper { padding:10px 0 20px; }
    .sec-sw-review1 .swiper-img .swiper-slide { padding:0 2%; }

    .sec-sw-review1 .nav { --nav-size:40px; }
    .sec-sw-review1 .nav:before, 
    .sec-sw-review1 .nav:after { height:12px; }

    .sec-sw-review1 .nav.prev { left:5%; }
    .sec-sw-review1 .nav.next { right:5%; }
}

@media (max-width: 767px) {
    .sec-sw-review1 .swiper-txt { margin-bottom:5px; }
    .sec-sw-review1 .swiper-img { --box-padding:15px; }
    .sec-sw-review1 .swiper-img .swiper-slide { flex-wrap: wrap; }
    .sec-sw-review1 .swiper-img .swiper-slide .box { width:100%; margin:2.5px 0; overflow:hidden; }
    .sec-sw-review1 .swiper-img .swiper-slide.swiper-slide-active .box { box-shadow:2px 2px 5px rgba(0,0,0,.1); }

    .sec-sw-review1 .swiper-img .swiper-slide .image { margin-bottom:25px; }
    .sec-sw-review1 .swiper-img .swiper-slide .content { position:absolute; transition-duration:300ms; left:0; top:calc(100% - 40px); right:0; bottom:0; padding:0 var(--box-padding); background:#fff; }
    .sec-sw-review1 .swiper-img .swiper-slide .content.on { top:0; overflow-y:auto; }

    .sec-sw-review1 .swiper-img .swiper-slide .head { margin:10px 0 5px; font-size:1rem; }
    .sec-sw-review1 .swiper-img .swiper-slide .content.on .head { margin-top:15px; }
    .sec-sw-review1 .swiper-img .swiper-slide .head span { display:block; }
    .sec-sw-review1 .swiper-img .swiper-slide .head span .xi-angle-up-min { display:none; }
    .sec-sw-review1 .swiper-img .swiper-slide .content.on .head span .xi-angle-up-min { display:block; }
    .sec-sw-review1 .swiper-img .swiper-slide .content.on .head span .xi-angle-down-min { display:none; }
    .sec-sw-review1 .swiper-img .swiper-slide .desc { opacity:0; margin-bottom:20px; transition-duration:300ms; }
    .sec-sw-review1 .swiper-img .swiper-slide .desc small { position:relative; left:0; bottom:auto; }
    .sec-sw-review1 .swiper-img .swiper-slide .content.on .desc { opacity:1; }

    .sec-sw-review1 .nav.prev { left:-5%; }
    .sec-sw-review1 .nav.next { right:-5%; }

}

br.break-t {
	display: none;
}

@media only screen and (min-width: 767px) {
	br.break-m {
    	display: none;
    }
    br.break-t {
    	display: inline;
    }
}

@media only screen and (min-width: 1024px) {
	br.break-t {
      	display: inline;
    }
}


@media only screen and (min-width: 1200px) {
	br.break-t {
      	display: inline;
    }
}

@media only screen and (min-width: 1440px) {
	br.break-t {
      	display: inline;
    }
}