@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width: 94%; }

.f60 { font-size:40px; }
.f50 { font-size:36px; }
.f42 { font-size:30px; }
.f40 { font-size:28px; }
.f36 { font-size:24px; }
.f32 { font-size:22px; }
.f30 { font-size:20px; }
.f28 { font-size:19px; }
.f24 { font-size:18px; }
.f22 { font-size:17px; }
.f20 { font-size:16px; }
.f18 { font-size:14px; }
.f16 { font-size:13px; }

.more { height: 40px; }

.pt100 { padding-top: 80px; } 
.pt200 { padding-top: 140px; } 
.pb100 { padding-bottom: 80px; } 
.pb200 { padding-bottom: 140px; } 
.mt100 { margin-top: 80px; } 
.mt200 { margin-top: 140px; } 
.mb100 { margin-bottom: 80px; } 
.mb200 { margin-bottom: 140px; } 
    
/* header & footer */
#w_header { height: 60px; }
#w_header.down { height: 100vh; }

#w_header:before { top: 60px; }
#w_header h1 { position: static; padding-top: 20px; }

#w_header #w_gnb { position:static; width: 300px; margin:80px auto 0; padding-top: 0;  }
#w_header #w_gnb > li { float:none; margin-right: 0; border-bottom:1px solid rgba(255,255,255,0.5); text-align: center; }
#w_header #w_gnb > li:hover > a:after { display: none; }
#w_header #w_gnb > li > a { display: block; line-height:50px; padding:0; font-size:24px;  }
#w_header #w_gnb ul { position: static; display: none; padding-top: 0; }
#w_header #w_gnb ul li { line-height: 50px; border-top:1px dashed #ddd; margin-bottom: 0; }    
#w_header #w_gnb ul li a { padding:0; font-size:18px; padding-bottom: 0; border:none !important; }    
#w_header .lang { position: static; margin-top: 20px; }
#w_header .lang p { font-size:18px; }
#w_header .lang ul { font-size:16px; margin-top: 6px; }
    
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #fff; display: block; margin: 8px auto; transition: all 0.3s ease-in-out; }
#nav_btn:hover{ cursor: pointer;}
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);} 
    
#section4 .fp-tableCell { padding:0; }
#w_footer .wrap { display: block; }   
#w_footer .wrap address { margin-left: 0; margin-top: 20px;  }   
#w_footer .wrap address span { margin-top: 20px;  }   
#w_footer .wrap div { margin-top: 40px; margin-left: 0;  }   
#w_footer .wrap div ul { position: absolute; right: 0; bottom: 0; }   
#w_footer .wrap div ul li:last-child { margin-right: 0;  }



/* index */
.section, .fp-tableCell { height:auto !important;}
.fp-tableCell { padding:80px 0; }
.more { width: 160px; }
.arrow:before { width: 20px; }
@keyframes arr { 
    0%, 100% { width: 20px; }
    50% { width: 60px; }
}

.space h2 + div { margin-top: 30px; }
.space h2 + div p { margin-top: 30px; }

#section0 .fp-tableCell { padding-top: 160px; }
#section1 .circle { right: 20px; width: 140px; height: 140px; top:-40px;}
#section1 .circle img { height: 20px; }


#section2 .ment { width: auto; }
#section3 .ment { color:#333; }
#section3 .ment h3 { margin-top: 40px; }
#section3 .ment .arrow:before { background: #333; }
#section3 .ment .arrow:after { border-color:#333; }

/* sublayout */
.sv { height: 240px; padding-top: 20px; }

/* sub1_1 */
#sub1_1 .cont1 ul li { width: 120px; height: 120px; margin-left: -10px; font-size:14px; }
#sub1_1 .cont1 em { height: 120px; }
#sub1_1 .cont1 em:before { height: 120px; }
#sub1_1 .cont1 h2 { margin-top: 20px; }
#sub1_1 .cont1 p { margin-top: 40px; }
#sub1_1 .cont1 span { margin-top: 20px; }


#sub1_1 .cont2 { padding-bottom: 18%; }
#sub1_1 .cont2 .road { height: 440px; background: #dad2cc;}
#sub1_1 .cont2 figure { border-radius: 14px; width: 80%; margin:0 auto; }
#sub1_1 .cont2 figure img { width: 100%; }
#sub1_1 .cont2 dl { position:  static; margin-top: 40px; text-align: center; }
#sub1_1 .cont2 dl dd { margin-top: 10px; }

#sub1_1 .cont3 ul { margin-top: 40px; display: block; }
#sub1_1 .cont3 ul li { width: auto; margin-bottom: 60px;}
#sub1_1 .cont3 ul li:last-child { margin-bottom: 0; }
#sub1_1 .cont3 ul li p { margin-top: 20px; text-align: center; }


/* sub1_3 */
#sub1_3 .cont1 figure { width: auto; margin-left: -4vw; height: 240px; border-radius: 0 14px 14px 0; position: static; }
#sub1_3 .cont1 .ment { width: auto; }
#sub1_3 .cont1 .ment p.f24 { padding-left: 40px; margin-top: 40px; padding-bottom: 40px;}
#sub1_3 .cont1 .ment p.f24 img { left: 10px; top: -20px; height: 20px;  }
#sub1_3 .cont1 .ment div { margin-top: 0; display: block; text-align: center; }
#sub1_3 .cont1 .ment div:before { width: 80%; top: 46px; right:10%; }
#sub1_3 .cont1 .ment div p { margin-top: 20px; }
#sub1_3 .cont1 .ment > p.f20 { line-height:1.6; margin-top: 40px; }

/* sub1_4 */
#sub1_4 .cont1 figure { width: auto; height: 100px; }
#sub1_4 .cont1 p.f24 { margin-top: 60px; }
#sub1_4 .cont1 p.f20 { margin-top: 40px; line-height: 1.6; }
#sub1_4 .cont1 ul { width: auto; margin:60px auto 0; }
#sub1_4 .cont1 ul li { width: 110px; }
#sub1_4 .cont1 ul li a { line-height:1.4; display:flex; align-items: center; justify-content: center; height: 110px; }


/* sub1_2 */
#sub1_2 .left { float:none; width: auto;}
#sub1_2 .left figure { border-radius: 14px; }
#sub1_2 .left figure img { width: 100%; }
#sub1_2 .left dl { margin-top: 40px; }
#sub1_2 .left dl dt:before { top: 8px; }
#sub1_2 .left dl dd { margin-top: 10px; }

#sub1_2 .right { float:none; width: auto; margin-top: 40px; }
#sub1_2 .right .year { padding-left: 60px; }
#sub1_2 .right .year ul li { padding-left: 50px; font-size:14px; }
#sub1_2 .right .year ul li:before { top:6px; }
#sub1_2 .right .year ul li span { left: 14px; font-size:16px; }
#sub1_2 .right .year strong { left: 0; }
/* .scroll-container-rotate { height: 400px; }
.scroll-container-rotate::-webkit-scrollbar { width: 3px; } */
.scroll-container-rotate { height: auto; border:none; padding-left: 0; }
#sub1_2 .right .year { position: static; padding-bottom: 0; }
#sub1_2 .cont2 { height: 240px; }


/* sub2_1 */
#sub2_1 .circle { right: 3%; top:80px; width: 100px; height: 100px; }
#sub2_1 .circle.fix { top: 80px; }
#sub2_1 .circle img { height: 14px; }

#sub2_1 .cont1 { padding-left: 0; }
#sub2_1 .cont1 img { margin-top: 50px; height: 50px; } 

#sub2_1 .cont2 .fl { display: block; }
#sub2_1 .cont2 .fl .ment { width: auto; margin-top: 40px;  }
#sub2_1 .cont2 .fl .ment p { margin-top: 20px; line-height:1.6; }

#sub2_1 .cont3 { margin-top: 100px; }
#sub2_1 .cont3 .slide { width: 1000%; } 
#sub2_1 .cont3 .slide .fl { width: 100%; justify-content: flex-start; animation: slide 10s linear infinite; animation-play-state: running;} 
#sub2_1 .cont3 .slide .fl li { margin-right: 20px; } 
#sub2_1 .cont3 .slide .fl li img { width: 240px; height: auto; aspect-ratio: 1 / 1.3; } 
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(260px * -4));
    }
}

#sub2_1 .cont4 { padding-top: 40px; }
#sub2_1 .cont4 h2 { width: auto; float:none; }
#sub2_1 .cont4 p { line-height:1.6; float:none; margin-top: 20px;  }

#sub2_1 .cont5 { display: block; }
#sub2_1 .cont5 img { width: 100%; }
#sub2_1 .cont5 div { width: 100%; padding-left: 0; padding:40px 3%; box-sizing: border-box; }
#sub2_1 .cont5 div p { margin-top: 20px; }
#sub2_1 .cont5 div span { margin-top: 40px; line-height:1.6; word-break: keep-all; }

#sub2_1 .cont6 { height: 300px; }
/* #sub2_1 .cont6 .wrap > .fl { width: 280px; margin:0 auto;}
#sub2_1 .cont6 .circle { margin-bottom: 40px; }
#sub2_1 .cont6 div a { width: 320px; height: 60px; border-radius: 60px; color:#fff; background: #5b6670; border:1px solid #5b6670; transition:0.3s; padding-top: 4px;}
#sub2_1 .cont6 div a:hover { color: #5b6670; background: none; } */
#sub2_1 .cont6 .wrap.fl { height: 300px; padding-top: 0; flex-direction: column;  align-items: center;}
#sub2_1 .cont6 .wrap.fl > a { margin:10px 0; width: 280px; height: 40px; }
#sub2_1 .cont6 .wrap.fl > a br { display: none; }

/* sub3_1 */
#sub3_1 .cont1 img { border-radius: 14px; height: 200px; }
#sub3_1 .cont2 { flex-direction: column; height: 800px; margin-top: 0;}
#sub3_1 .cont2 img { width: 240px; }
#sub3_1 .cont2 div { width: 240px; height: 240px; left: calc(50% - 121px); top:200px;}
#sub3_1 .cont2 p { width: 100%; height: 100px; right: 0; top:490px; height: auto;}
#sub3_1 .cont2 p .t1 { display: none; }
#sub3_1 .cont2 p .t2 { display: none; }

#sub3_1 .cont3 { display: block; }
#sub3_1 .cont3 article { width: auto; padding:0; margin-bottom: 60px; } 
#sub3_1 .cont3 article img { width: 100%; } 
#sub3_1 .cont3 article figcaption span { height: auto; margin-bottom: 20px;  }

#sub3_1 .cont4 { padding-bottom: 200px; }
#sub3_1 .cont4 h2 { float:none; text-align: center; }
#sub3_1 .cont4 ul { float:none; width: auto; }
#sub3_1 .cont4 ul li { display: block; padding:40px 0 60px; }
#sub3_1 .cont4 ul li .text { text-align: center; }
#sub3_1 .cont4 ul li .text span { font-size:60px; }
#sub3_1 .cont4 ul li div.fl { width: auto; margin-top: 20px; padding-left: 0; }
#sub3_1 .cont4 ul li div.fl ~ div.fl { margin-top: 60px; }
#sub3_1 .cont4 ul li div.fl span { top:-20px;}
#sub3_1 .cont4 ul li div.fl  ~ div.fl span { top:20px;}
#sub3_1 .cont4 ul li div.fl figure img { width: 140px; height: 140px; }
#sub3_1 .cont4 ul li div.fl figure figcaption { bottom: -26px; }
#sub3_1 .cont4 ul li:last-child { display: block; }
#sub3_1 .cont4 ul li:last-child .text { margin-right: 0; margin-top: 30px; }

/* sub3_2 */
#sub3_2 .cont1 article { float:none; text-align: center; }
#sub3_2 .cont1 article p { font-size:60px; text-align: center;}
#sub3_2 .cont1 ul { float:none; width: auto; margin-top: 20px; }
#sub3_2 .cont1 ul li { width: 48.5%; margin-right: 3%; }
#sub3_2 .cont1 ul li:nth-child(2n) { margin-right: 0; }
#sub3_2 .cont1 ul li:nth-child(2n+1) { clear:both;}
#sub3_2 .cont1 ul li p { font-size:14px; margin-top: 10px;}

.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,0.8); display: none;}
.modal.on { display:flex; }
.modal .area img { max-width: 80vw; max-height: 80vh; }

/* sub4_1 */
#sub4_1 .cont1 .tbl_wrap table th { font-size:14px; padding:20px 0;}
#sub4_1 .cont1 .tbl_wrap table td, #sub4_1 .cont1 .tbl_wrap table td a { font-size:14px; }

/* sub4_2 */
#sub4_2 .cont1 div.cl { border-top:none; }
#sub4_2 .cont1 .left { float:none; padding-top: 0; }
#sub4_2 .cont1 .right { width: auto; float:none; border-top:1px solid #5b6670; margin-top: 20px; }
#sub4_2 .cont1 .right table th, #sub4_2 .cont1 .right table td { padding:10px 0; }
#sub4_2 .cont1 .right table th { width: 80px; }
#sub4_2 .cont1 .right table td input { font-size:16px; }
#sub4_2 .cont1 .right table td textarea { height: 240px; font-size:16px; }
#sub4_2 .cont1 .right input[type="submit"] { margin:40px auto 0;}


/* sub4_3 */
#sub4_3 #bo_gall .gall_img img { filter: saturate(1); opacity: 1; }
#sub4_3 #bo_gall .gall_li { margin-bottom: 0; }
#sub4_3 #bo_gall .gall_text_href a { font-size:16px; }
#sub4_3 #bo_gall .gall_text_href .bo_cnt { margin-top: 10px; font-size:14px; }

#sub4_3 #bo_v_title .bo_v_tit { text-align: center; font-family: stb; }
#sub4_3 #bo_v_atc { text-align: center; }
#sub4_3 .gall_now:after { content:"Current"; position: absolute; position: absolute; left: 14px; top: 14px; z-index: 9; color:#fff; background: #5b6670; padding:4px 14px; border-radius: 30px; font-family: stm; }
#sub4_3 #bo_gall .gall_li.gall_now .gall_img{ border-radius: 20px; }
#sub4_3 #bo_gall .gall_li.gall_now .gall_img img { filter: saturate(1); opacity: 1; }











}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
}