@charset "utf-8";
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}


.main_wrap { padding-top:20px; max-width:1350px; margin:0 auto 70px;}
.main_wrap .box {display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap;}
.main_wrap .box a {position:relative; display:block; overflow:hidden; border-radius:14px; transition: 0.3s ease-in-out; transition-delay:0.15s; background:#000;}
.main_wrap .box a:hover {box-shadow:10px 10px 25px rgba(0,0,0,0.3);}
.main_wrap .box a img {transition:0.3s ease-in-out;}
.main_wrap .box a:hover img {transform: scale(1.16) rotate(-2deg); filter:contrast(1.2) brightness(1.1) blur(3px); opacity:.6;}
.main_wrap .box a div {position:absolute; left:30px; top:34px; right:34px; z-index:12;}
.main_wrap .box a div strong {color:#fff; display:block; font-size:26px; font-weight:500;  transition: 0.3s ease-in-out; margin-bottom:3px;}
.main_wrap .box a:hover div strong {margin-bottom:10px; text-shadow:5px 5px 5px rgba(0,0,0,0.5);}
.main_wrap .box a div span {color:#fff; display:block; font-size:14px; font-weight:500; letter-spacing:0px;}


.main_wrap .lst {display:flex; margin-top:90px; gap:30px;}
.main_wrap .lst li {width:100%;}
.main_wrap .lst li a {display:block;}
.main_wrap .lst li .num {display:block; font-size:36px; border-bottom:1px solid #919191; font-weight:bold; margin-bottom:20px;}
.main_wrap .lst li strong {font-size:36px; font-weight:bold; display:block; margin-bottom:9px; transition:0.3s;}
.main_wrap .lst li .txt { transition: 0.3s;}
.main_wrap .lst li a:hover strong {color:#af8c3c;}
.main_wrap .lst li a:hover .txt {color:#af8c3c; opacity:.7;}




@media screen and (max-width:1499px){
	
.m_line , .m_scroll {display:none;}
.section.n1 .inr {margin:0 30px;}
.section.n4 .inr_box {margin:0 30px;}
.section.n4 .left {width:66%;}
}

@media screen and (max-width:1356px){
    
    /*메인*/
    .main_wrap .box{ padding: 0 20px;}
    .main_wrap .box a {width:calc( ( 100% - ( 30px * 2 ) ) / 3 )}
    .main_wrap .box a img{width: 100%;    min-height: 250px;    height: 300px;}
    
}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1279px){

.section.n2 .inr {margin:0 30px;}
.section.n2 .inr .lst .box {width:calc(33.3333% - 30px);}
.section.n4 .right .txt br {display:none;}
}


@media screen and (max-width:1023px){
    
    

	
.main__control {display:none;}
.section , .fp-tableCell {height:auto !important;}
	
.section .inr {padding:60px 0;}
body .section.n5 .inr {padding:0;}
    
     /*메인*/
    .main_wrap .lst{padding: 0 20px; flex-wrap: wrap}
    .main_wrap .lst li{width:calc( ( 100% - ( 30px * 1 ) ) / 2 )}
    
    
.section.n1 .inr .txt {text-align:center; padding-top:120px;}
.section.n1 .inr h2 {font-size:42px;}
.section.n1 .inr p {font-size:17px;}
.section.n1 .inr a {margin:50px auto; width:220px; height:60px; line-height:60px; font-size:16px; padding:0 26px;}
.section.n1 .inr a span {font-size:17px;}
.section.n1 .inr .ico {display:none;}

.section.n2 .inr h2 {font-size:32px; padding-top:0; margin-bottom:25px;}
.section.n2 .inr .lst .box {width:calc(33.3333% - 20px); padding:30px; height:440px; border-radius:0 0 40px 40px !important;}
.section.n2 .inr .lst .box:before {left:30px; top:30px; right:30px; bottom:30px; border-radius: 0 0 20px 20px !important;}
.section.n2 .inr .lst h3 {font-size:20px; margin-bottom:0;}
.section.n2 .inr .lst ul li {margin-bottom:12px;}
.section.n2 .inr .lst ul li a {font-size:16px;}
.section.n4 .inr_box {display:block;}
.section.n4 .inr_box .left {width:auto;}
.section.n4 .left li {width:calc(25% - 10px);}
.section.n4 .left li a {border-radius:20px !important; height:340px;}
.section.n4 .left li a:before {background-size:cover;}
.section.n4 .left li a .tit {font-size:20px; padding-top:30px;}
.section.n4 .left li a .more {bottom:30px;}
.section.n4 .right {width:auto;}
.section.n4 .right h2 {font-size:32px; text-align:center; margin-bottom:10px;}
.section.n4 .right .txt {text-align:center; font-size:17px; margin-bottom:26px;}
.section.n4 .right ul {margin-bottom:20px;}
.section.n4 .right ul li {width:calc(50% - 10px);}

.section.n3 .wait { font-size:24px;}

}

/* Mobile ~ 767px */
@media screen and (max-width:767px){
    
     /*메인*/
    .main_wrap .box a {width:calc( ( 100% - ( 30px * 1 ) ) / 2 )}
    .main_wrap .box a img{width: 100%;    min-height: 250px;    height:250px;}

    .section .inr {padding:40px 0; margin:0 15px !important;}
    .section.n1 .inr .txt {padding-top:60px;}
    .section.n1 .inr h2 {font-size:36px;}
    .section.n1 .inr a {margin:40px auto; height:50px; line-height:50px; width:190px; padding:0 20px;}

    .section.n2 .inr h2 {font-size:28px; margin-bottom:20px;}
    .section.n2 .inr .lst {display:block;}
    .section.n2 .inr .lst .box {width:auto; height:auto; border-radius:10px !important; margin-bottom:15px; padding-bottom:20px; min-height:174px; padding:22px;}
    .section.n2 .inr .lst .box:last-child {margin-bottom:0;}
    .section.n2 .inr .lst .box:before {display:none;}
    .section.n2 .inr .lst .box:after { background-position:center center;}
    .section.n2 .inr .lst .box h3 {margin:0; left:-3px; top:0; padding:0 0 10px; background:none;}
    .section.n2 .inr .lst ul { overflow:hidden; margin:0 -4px;}
    .section.n2 .inr .lst ul li {width:calc(50% - 8px); float:left; margin:0 4px 8px;}
    .section.n2 .inr .lst ul li a {padding-left:12px; display:flex; height:40px; align-items:center; border:1px solid rgba(255,255,255,0.5); font-size:16px; text-shadow:0 0 3px rgba(0,0,0,0.5);}
    .section.n2 .inr .lst ul li a:before {top:15px;}

    .section.n4 .inr_box {margin:0;}
    .section.n4 .left li {width:calc(25% - 8px);}
    .section.n4 .left li a {border-radius:10px !important; height:240px;}
    .section.n4 .left li a .tit {font-size:17px; line-height:1.2; width:20px; padding-top:20px;}
    .section.n4 .left li a .more {display:none;}
    .section.n4 .right h2 {font-size:28px; margin:30px 0 10px;}
    .section.n4 .right .txt { margin-bottom:15px;}
    .section.n4 .right ul li { width:calc(50% - 5px);}
    .section.n4 .right ul li a {height:50px; line-height:48px; padding-left:15px; font-size:16px;}
    .section.n4 .right ul li a i {right:15px;}
    .section.n4 .right .member_btn { height:80px; line-height:80px; padding-left:15px;}
    .section.n4 .right .member_btn span {font-size:17px;}
    .section.n4 .right .member_btn em {transform:scale(0.65); top:7px; right:-16px;}


    .section.n2 .inr h2 , 
    .section.n2 .inr .lst .box , 
    .section.n4.active .left li ,
    .section.n4.active .right { transform: none !important; opacity:1 !important;}

    body .section.n5 .inr {padding:0; margin:0 !important;}
    
   

}



@media screen and (max-width:620px){
	
     /*메인*/
    .main_wrap .box a {width:100%}
    .main_wrap .box a img{height: 300px;}

}





@media screen and (max-width:520px){
    
     /*메인*/
    
    .main_wrap .lst li{width:100%}

	
	
}