@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { font-size:13px; }
.mtitle { font-size:28px; }
.stitle { font-size:18px; }
    
/* header & footer */
#w_header { height: 60px; }
#w_header h1 { padding-top: 22px; }
#w_header h1 img { height: 16px; }
#w_header .gnb { position: static; width:240px; margin:60px auto 0; text-align: center; }
#w_header .gnb > li { float:none; margin-right: 0; border-bottom:1px solid #999; }
#w_header .gnb > li > a { padding:0; display: block; line-height:50px; font-size:20px; color:#c0aa93; }
#w_header .gnb > li > a:after { display: none; }
#w_header .gnb h2 { padding-left: 0px; margin-top:0; font-size:18px; line-height:50px; border-top:1px dashed #999;}
#w_header .gnb ul { font-size:18px; line-height:50px; padding-left: 0; padding-top: 0; }
#w_header .gnb ul li { margin-top: 0; border-top:1px dashed #999;  }
#w_header .gnb ul a { display: block; }
    
#w_header .gnb article { margin-bottom: 0; float:left; width:50%; }
#w_header .gnb article ul { font-size:16px; }    
    
#w_header .gnb > li > ul, #w_header .gnb > li > div { display: none; }
#w_header .gnb > li:after { content:""; clear: both; display: block; }

/* #w_header .lang { top:19px; right:60px; }
#w_header .lang img { height: 24px; } */
#w_header .lang { position: static; width: 240px; margin:0 auto; }
#w_header .lang img { display: none; }
#w_header .lang ul { line-height:50px;  display:flex; align-items:center; justify-content:space-evenly; }
#w_header .lang ul:after { display: none; }

#w_header.down { height: 100vh; background:rgba(0,0,0,0.95); }
#w_header.down h1 img, #w_header.down .lang img { filter: brightness(0) invert(1); }
    
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #c0aa93; 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; background: #fff;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);background: #fff;}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);background: #fff;}     

#w_footer { padding:60px 0; text-align: center;  }
#w_footer .wrap > img { position:static; }
#w_footer img { position: static; }
#w_footer .gnb { display: none; }
#w_footer .wrap > p { margin-top: 20px; }

#w_footer .b_contact { position: static; margin-top: 20px; }
#w_footer .contact li { margin-bottom: 10px; color:#999; }
#w_footer .sns { position:static; margin-top: 20px; display:flex; align-items: center; justify-content: center;}
#w_footer .sns li { float:none; margin-right: 0; margin: 0 10px; }
#w_footer .sns li img { mix-blend-mode: screen; filter: invert(1); opacity: 0.7; }
    
.topBtn { right:20px; bottom: 20px; display: none; }
.topBtn img { height: 40px; }



/* index */
#main { height: 400px; }
#main > img { height: 400px; object-fit: cover; }
#main .wrap { left:5%; top:0; font-size:16px; line-height:1.4;  }
#main .wrap img { margin-right: 10px; height: 30px; margin-top: 5px; }
#main .scroll { display: none; }


#prd { height:auto; }
#prd a { float:none; display: block; width:auto; }
#prd a > img { height: 100vw; filter: blur(0); }
#prd div { box-sizing: border-box; padding:40px; }
#prd div h2 { font-size:24px; }
#prd div img { height: 20px; margin:10px 0; }
#prd div p { font-size:14px; line-height:1.6; } 
#prd a .light { opacity: 1; left: 0; }

#bp { height: 220px; }
#bp:hover:before { transform: scale(1.05); }
#bp a { font:50px steb; }

#sg > img { height: 500px; object-fit: cover; object-position: center right; }
#sg .wrap { left:0; padding:0 3%; background: rgba(255,255,255,0.8); width: 100%; box-sizing: border-box; }
#sg h2 { font:24px/1.4 stb; }
#sg p { font-size:14px; margin-top: 30px; }
.more { font:14px stsb; display: inline-block; }
.more i { font-size:12px;  }
#sg .more { margin-top: 30px; }

#make { height:auto; }    
#make img { width: 100%; height:auto; }    
    
.title { font:24px/30px stb; padding-left: 40px; }
.title img { position: absolute; left: 0; top:0; height: 30px; } 

#support { margin-top: 80px; }
#support ul { display: block; }
#support ul li { width: auto; margin-top: 40px; height:auto; }
#support ul li img { width: 100%; height: 200px; object-fit: cover; }
#support ul li dt { padding:14px 0; font-size:20px; }
#support ul li dd { margin-top: 10px; font-size:13px; }
#support ul li span { margin-top: 20px; position: static; }    
    
#contact { margin-top: 80px; margin-bottom: 80px; }
#contact .wrap { display: block; }
#contact ul.ct { font-size:20px;  }
#contact ul.sns { margin-top: 30px; }
#contact article + img { width:60%; display: block; margin:60px auto 0; }
#contact h4 {font:16px stb;  padding:50px 0 0;}
    
/* sub layout */
.sv { height: 180px; }
.sv .wrap { height: 100%; justify-content: center; }
.sv .wrap h2 { font-size:32px; padding-top: 40px; }
.sv nav ul { font:28px/0.78 sth; }

.pad { padding:60px 0 120px; }



/* sub1_1 */
.prdList ul li { width: auto; float:none; margin:0 0 60px 0; }
.prdList ul li img { width: 100%; opacity: 1; }
.prdList ul li:hover img { transform: scale(1.05); }
.prdList ul li p { font-size:32px; }    

.page {width:300vw; height:300vw; transform: rotate(28deg); left: 150vw; top:0; }
@keyframes pageOut {
    from { left:150vw; }
    to { left:-80vw; }
} 

/* sub1_1_1 */
.svd > img { height: 240px; }
.svd > .wrap { left:3%; }
.svd > .wrap h2 { font:18px/1.4 stb; }
.svd > .wrap img { height:80px; right:10%; bottom:-30px; }

.detail1 { padding-bottom: 0; }
.detail1 .title { font:20px steb; padding-left: 0; }
.detail1 .title_2 { font:20px steb; padding-left: 0; }
.detail1 .cont1 { display: block; padding:80px 0 0; }
.detail1 .cont1 figure { text-align: center; }
.detail1 .cont1 figure img { width: 80%; }
.detail1 .cont1 dl { width: auto; margin-top: 40px;  }
.detail1 .cont1 dl dt { margin-bottom: 20px; }
.detail1 .cont1 dl dd {font:13px/1.8 stm; color:#fff;}

.detail1 .cont2 { margin-top: 150px; }
.detail1 .cont2 > .fl { display: block; margin-top: 40px; }
.detail1 .cont2 > .fl > div { width: 300px; margin-left: auto; margin-right: auto; }
.detail1 .cont2 .step1 img { width:100%; }
.detail1 .cont2 .step1 .type strong { font-size:20px; }

.detail1 .cont2 .step2 { margin-top: 40px; }
.detail1 .cont2 .step2 figure { width: 300px; height: 300px; }
.detail1 .cont2 .step2 figure img { width: 100%; }
.detail1 .cont2 .step2 .zoom { margin-top: 40px; }
.detail1 .cont2 .step2 .zoom .bar { width: 290px; }
.detail1 .cont2 .step2 .zoom > a.prev { left:-24px; }
.detail1 .cont2 .step2 .zoom > a.next { right:-24px; }

.detail1 .cont2 .step3 { margin-top: 40px; }
.detail1 .cont2 .step3 strong { font-size:24px; margin-top: 40px; }
.detail1 .cont2 .step3 span { font-size:18px; }
.detail1 .cont2 .step3 p:last-of-type { margin-top: 40px;  }

.detail1 .cont3 { margin-top: 150px; }
.detail1 .cont3 .drag { overflow: auto; }
.detail1 .cont3 .drag:after { content:"* 표를 옆으로 움직여서 내용을 확인하세요."; display: block; margin-top: 10px; color:#fff; font-size:12px; }
.detail1 .cont3 .drag_eng { overflow: auto; }
.detail1 .cont3 .drag_eng:after { content:"* Check the contents by moving the ticket to the side."; display: block; margin-top: 10px; color:#fff; font-size:12px; }
.detail1 .cont3 .drag_chn { overflow: auto; }
.detail1 .cont3 .drag_chn:after { content:"* 请把表格往旁边挪一下, 确认一下内容."; display: block; margin-top: 10px; color:#fff; font-size:12px; }
.detail1 .cont3 .drag_jpn { overflow: auto; }
.detail1 .cont3 .drag_jpn:after { content:"* 表を横に動かして内容を確認してください."; display: block; margin-top: 10px; color:#fff; font-size:12px; }
.detail1 .cont3 table { width: 1000px; }
.detail1 .cont3 table th { height: 60px; }
.detail1 .cont3 table td { height: 60px; min-width:80px; }

.detail1 .cont4 { margin-top: 150px; }
.detail1 .cont4 .frame { margin-top: 40px; }
.detail1 .cont4 .frame .swiper-slide { flex-direction: column; }
.detail1 .cont4 .frame .swiper-slide figure { width: 100%; }
.detail1 .cont4 .frame .swiper-slide article { width: 100%; margin-top: 20px; }
.detail1 .cont4 .frame .swiper-slide article dl dt { font-size:60px; }
.detail1 .cont4 .frame .swiper-slide article dl dd { padding-left: 14px; } 
.detail1 .cont4 .frame .swiper-slide article ul li { padding-left: 70px; }
.detail1 .cont4 .frame .swiper-slide article ul li div { margin-right: 20px; }
.detail1 .cont4 .swiper-button-prev { left:0; top:20%; }
.detail1 .cont4 .swiper-button-next { right:0; top:20%; } 

.left { float:none; width: auto; } 
.right { float:none; width: auto; }     
    
.detail1 .cont5 { margin-top: 150px; }
.detail1 .cont5 .pic { width: auto; padding:20px; border-radius: 10px; }
.detail1 .cont5 .pic img { width:100%; }
.detail1 .cont5 .name { position: static; margin-top: 20px; }
.detail1 .cont5 .name li { margin-top: 8px; padding-left: 30px;  }
    
.detail1 .cont6 { margin-top: 150px; width: 94%; }
.detail1 .cont6 h2 { font-size: 20px; }
.detail1 .cont6 .frame3d { padding:60px 20px 20px; display: block; }
.detail1 .cont6 .frame3d a { right: 20px; top: 20px; font-size:16px;  }
.detail1 .cont6 .frame3d .view li iframe { width: 100%; height: 90vw; }
.detail1 .cont6 .frame3d .ment { width:auto; padding-left: 0; }
.detail1 .cont6 .frame3d .ment .gx { height: 200px; }
.detail1 .cont6 .frame3d .ment .gx li img { width: 80px; }
.detail1 .cont6 .frame3d .ment .gx li p { font-size:16px; }
.detail1 .cont6 .frame3d .ment article p { padding-left: 14px; }
.detail1 .cont6 .frame3d .ment article table th { width: 80px; }


/* sub1_3 */
#sub1_3 #bo_gall .gall_li { width: 48.5%; margin-right: 3%; }
#sub1_3 #bo_gall .gall_li:nth-child(3n) { margin-right: 3%; }
#sub1_3 #bo_gall .gall_li:nth-child(2n) { margin-right: 0; }
#sub1_3 #bo_gall .gall_li.box_clear { clear: none; }
#sub1_3 #bo_gall .gall_li:nth-child(2n+1) { clear: both; }
#sub1_3 #bo_gall .gall_text_href { padding:10px; font-size:14px; }


#sub1_3 .modal_others .box { width: 90%; border-radius: 10px; padding:20px; flex-direction: column; }
#sub1_3 .modal_others .box .fSlide { width: 100%; height: 360px; }
#sub1_3 .modal_others .box .fTitle { font-size:18px; width:100%; margin-top: 10px; }
    
/* sub1_2_1 */    
.detail2 { padding-bottom: 0; }
.detail2 .title { font:20px steb; padding-left: 0; }
.detail2 .cont1 { display: block; padding:80px 0 0; }
.detail2 .cont1 figure { width:auto; }
.detail2 .cont1 figure img { width: 80%; }
.detail2 .cont1 dl { width: auto; margin-top: 40px;  }
.detail2 .cont1 dl dt { margin-bottom: 20px; }
.detail2 .cont1 dl dd { word-break: break-all; }


.detail2 .cont2 { margin-top: 150px; }
.detail2 .cont2 figure { position: static; width: auto; }
.detail2 .cont2 figure img { width: 80%; max-width: 300px; }
.detail2 .cont2 .box { width: auto; }
.detail2 .cont2 .box h2 { font-size:24px; margin-top: 40px;  }
.detail2 .cont2 .box h3 { margin-top: 20px; }
.detail2 .cont2 .box p { margin-top: 10px; }
.detail2 .cont2 .box article { padding-left: 100px; }
.detail2 .cont2 .box article ul li { word-break: break-all; }
.detail2 .cont2 .box article ul li img { height: 10px; }

.detail2 .cont3 { display: block; }
.detail2 .cont3 article { padding-left: 100px; width: auto; }


.detail2 .cont3 .color li { width:auto; float:none; }
.detail2 .cont3 .color li:first-child { margin-bottom: 40px; }
.detail2 .cont3 .color li strong img { height: 10px; }
.detail2 .cont3 .color li p { width: auto; height: auto; }
.detail2 .cont3 .color li figure { margin-top: 10px; }
.detail2 .cont3 .color li figure img { width: 160px; }

.detail2 .cont3 .spec { width: auto; padding-left: 100px;  }
.detail2 .cont3 .spec ul { padding-top: 40px; }
.detail2 .cont3 .spec li strong { width: 110px; }
.detail2 .cont3 .spec li sub { top:-3px; font-size:11px;}


/* .detail2 .cont2 { margin-top: 150px; display: block; }
.detail2 .cont2 article:first-child { margin-bottom: 40px; }
.detail2 .cont2 article h3 { font-size:20px; }
.detail2 .cont2 article p { margin-top: 10px; }
.detail2 .cont2 article ul { margin-top: 20px; }
.detail2 .cont2 article ul li { margin-bottom: 10px; }
.detail2 .cont2 article ul li img { height: 10px; }    
.detail2 .cont2 figure { text-align: center; margin-top: 40px;  } 
.detail2 .cont2 figure img { width: 80%;}
    
.detail2 .cont3 { margin-top: 150px; }
.detail2 .cont3 > .fl { display: block; }
.detail2 .cont3 .fl div { width: auto; margin-top: 20px; }
.detail2 .cont3 .fl div > ul strong { width: auto; position: absolute; left: 0; }
.detail2 .cont3 .fl div > ul li { position: relative; padding-left: 140px; }
.detail2 .cont3 .fl div > ul li span { font-size:10px; }
.detail2 .cont3 .fl div > article { margin-top: 60px; }
.detail2 .cont3 .fl div > article h3 { font-size:20px; }
.detail2 .cont3 .fl div > article ul li {  }
.detail2 .cont3 .fl div > article ul li strong { margin-bottom: 10px; }
.detail2 .cont3 .fl div > article ul li img { margin-top: 10px; width: 80%; } */
    
.detail2 .cont4 { margin-top: 150px; }
.detail2 .cont4 > p { margin-top: 10px; }
.detail2 .cont4 .box { padding:20px; }
.detail2 .cont4 .box ul li { float:none; width: auto; margin-bottom: 60px; border-bottom:1px solid #fff; padding-bottom: 60px;  }
.detail2 .cont4 .box ul li:nth-child(2) { border-bottom:none; padding-bottom: 0; }
.detail2 .cont4 .box ul:before { display: none; }
/* .detail2 .cont4 .box ul:before { left: 6%; height: 0; width: 88%; border-left:none; border-top:1px solid #fff; top:446px;  } */
.detail2 .cont4 .box ul li p { padding-left: 34px; }
.detail2 .cont4 .box ul li figure { margin-top: 20px; height: auto; }
.detail2 .cont4 .box ul li figure img { max-width: 80%; }
.detail2 .cont4 .box > img { margin:40px auto; height: 60px; }
.detail2 .cont4 .box > figure figcaption { position: static; margin-bottom: 20px; }
.detail2 .cont4 .box > figure figcaption strong { font-size:18px; }    
.detail2 .cont4 .box > figure img { width:100%; }

    
.detail2 .cont5 { margin-top: 150px; }
.detail2 .cont5 .pic { width: auto; padding:20px; border-radius: 10px; }
.detail2 .cont5 .pic img { width:100%; }
.detail2 .cont5 .name { position: static; margin-top: 20px; }
.detail2 .cont5 .name li { margin-top: 8px; padding-left: 30px; }
    
.detail2 .cont6 { margin-top: 150px; width: 94%; }   
.detail2 .cont6 h2 { font-size:24px; }
.detail2 .cont6 article { margin-top: 40px; }
.detail2 .cont6 article h3 { font-size:20px; }
.detail2 .cont6 iframe { width: 100%; height:53vw; }   
    
/* sub2_1 */
#sub2_1 .cont1 h2 { font-size:20px; }
#sub2_1 .cont1 h2 .sl { font-size:38px; margin-right: 0; display: block; margin-bottom: 10px; }
#sub2_1 .cont1 p { margin-top: 20px; }

#sub2_1 .cont2 { margin-top: 120px; }
#sub2_1 .cont2 h2 { font-size:20px; line-height:1.6; }
#sub2_1 .cont2 ul li { padding-left: 0; margin-bottom: 40px;  }
#sub2_1 .cont2 ul li strong { position: static; display: block; margin-bottom: 10px; }
#sub2_1 .cont2 img { margin-top: 0;  }
#sub2_1 .cont2 .con2_eng li { padding-left: 0; margin-bottom: 40px;  }
#sub2_1 .cont2 .con2_eng li strong { position: static; display: block; margin-bottom: 10px; }
    

#sub2_1 .cont3 { margin-top: 120px; }
#sub2_1 .cont3 h2 { font-size:20px; }
#sub2_1 .cont3 .slSlide .swiper-slide { display: block; height:auto; }
#sub2_1 .cont3 .swiper-button-prev { display: none; }
#sub2_1 .cont3 .swiper-button-next { display: none; }
#sub2_1 .cont3 .mySwiper2 article { width: auto; margin-bottom: 20px;  }
#sub2_1 .cont3 .mySwiper2 strong { font-size:60px; }
#sub2_1 .cont3 .mySwiper2 h3 { font-size:20px; }

#sub2_1 .ytb { margin-top: 0; }
#sub2_1 .cont3 .mySwiper2 figure { width:100%; height:53vw; }
#sub2_1 .cont3 .mySwiper2 figure iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/* sub3_1 */
#sub3_1 .cont1 #bo_gall .gall_text_href a { height: auto; display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
#sub3_1 .cont1 #bo_gall .bo_cnt {
    min-height: auto;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
    
    
/* sub3_3 */
#sub3_3 { padding:60px 0 0;  }
#sub3_3 .right table td, 
#sub3_3 .right ul li { word-break: break-all; }
#sub3_3 .cont1 { margin-top: 0; }
#sub3_3 .cont1 .cl { margin-top: 40px; }
#sub3_3 .cont1 .cl .left { font-size:24px; }
#sub3_3 .cont1 .right h3 { font-size:20px; }
#sub3_3 .cont1 .right h4 { font-size:13px; }
#sub3_3 .cont1 .right ul li { font-size:13px; }

#sub3_3 .cont2 .right h3 { font-size:20px; }

#sub3_3 .cont3 { margin-top: 60px; margin-bottom: 60px;}
#sub3_3 .cont3 .right h3 { font-size:20px; }

#sub3_3 .cont2 .right h3 { font-size:20px; }

#sub3_3 .cont4 { margin-bottom: 50px;}
#sub3_3 .cont4 .right h3 { font-size:20px; }
    
    
    
/* sub4_1 */
nav.lnb { left:3%; }
nav.lnb ul { width:100%; justify-content: space-evenly; }
nav.lnb ul li { font-size:16px; margin-right: 0; }

#sub4_1 .cont1 { margin-top: 80px; }
#sub4_1 .cont1 h2 { font-size:24px; }
#sub4_1 .cont1 .cl { margin-top: 40px; }
#sub4_1 .cont1 .cl .left { font-size:20px; margin-bottom: 20px;  }
#sub4_1 .cont1 .right { word-break: break-all; }

#sub4_1 .cont2 { margin-top: 80px; }
#sub4_1 .cont2 .left { margin-bottom: 20px; }
#sub4_1 .cont2 .left img { width: 60%; }
#sub4_1 .cont2 .right h3 { font-size:20px; }
#sub4_1 .cont2 .right p { margin-top: 20px; word-break: break-all; }
#sub4_1 .cont2 .company b { word-break: break-all; }

#sub4_1 .cont3 { margin-top: 100px; }
#sub4_1 .cont3 img { height:160px; }

#sub4_1 .cont4 { margin-top: 80px; }
#sub4_1 .cont4 .right h3 { font-size:20px; }
#sub4_1 .cont4 .right p { margin-top: 20px; }    


/* sub4_2 */
#sub4_2 .cont1 { margin-top: 0; }
#sub4_2 .cont1 .left { width: auto; font-size:16px; display:flex; align-items:center; justify-content:space-evenly;  background: #f4f4f4; }
#sub4_2 .cont1 .left:after { display: none; }
#sub4_2 .cont1 .left li { margin-bottom: 0; }
#sub4_2 .cont1 .left li a { line-height:50px; }
#sub4_2 .cont1 .left li.select a i { display: none; }
#sub4_2 .cont1 .right { width: auto; float:none; margin-top: 40px; }
#sub4_2 .cont1 .right .ment { margin-bottom: 20px; }
#sub4_2 .cont1 .right .ment h3 { font-size:20px; }
#sub4_2 .cont1 .right .ment p { font:14px/1.6 stm; }
#sub4_2 .cont1 .right #bo_btn_top { margin-top: 0px; }
    
/* sub5_1 */
#sub5_1 .cont1 .left h2 { font-size:20px; }
#sub5_1 .cont1 .left p { margin-top: 20px; }
#sub5_1 .cont1 .right ul { margin-top: 40px; }
#sub5_1 .cont1 .right ul li { padding-left: 80px; }
#sub5_1 .cont1 .right ul.jpn li { padding-left: 110px; }
#sub5_1 .cont1 .right ul li input, #sub5_1 .right ul li textarea { font-size:13px; } 
#sub5_1 .cont1 .right input[type="submit"] { font-size:16px; display: block; margin:30px auto 0; padding:10px;  }    
#sub5_1 .cont1 .right ul li #countryCode { font-size:13px; width: 100%; }
#sub5_1 .cont1 .right ul li #telephone { width:100%; }
#sub5_1 .cont1 .right ul li #etc3 { font-size:13px; width: 100%; }

#sub5_1 .cont2 { margin-bottom: 140px; }
#sub5_1 .cont2 > h2 { font-size:20px; line-height:1.4; }
#sub5_1 .cont2 figure { width: 100%; float:none; }
#sub5_1 .cont2 .loc { width: auto; margin-top: 20px; float:none; }
#sub5_1 .cont2 .loc > li { margin-bottom: 10px; }
#sub5_1 .cont2 .loc > li h2 { font-size:16px;  }
#sub5_1 .cont2 .loc > li h2 i { font-size:24px; }
#sub5_1 .cont2 .loc ul { padding-left: 40px; font:15px/1.6 steb; } 
    
    
    
}

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