@media (max-width:480px) { /* 모바일용 */
.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; }

        
/* header & footer */
#w_header { height: 60px; }
#w_header .wrap { width: 94%; }
#w_header:before { display: none; }
#w_header h1 { padding-top: 24px; }
#w_header h1 img { height: 12px; }

#w_header.down { height: 100vh; }

#w_header #w_gnb { position: static; width:240px; margin:40px auto 0; text-align: center; }
#w_header #w_gnb > li { float:none; border-bottom: 1px solid #000; }
#w_header #w_gnb > li > a { padding:0; display: block; line-height:50px; font-size:20px; margin:0;}
#w_header #w_gnb > li.select > a { color:#2f6bfe; }
#w_header #w_gnb > li > a:after { display: none; }
#w_header #w_gnb ul { position: static; padding-top: 0; line-height:50px; display: none; }
#w_header #w_gnb ul li { border-top:1px dashed #ddd; }
#w_header #w_gnb ul a { display: block; }
#w_header #w_gnb ul a:hover { border-bottom:none; }

#w_header .downBtn { position: static; width: 160px; line-height:40px; display: block; margin:0 auto 0; }
#w_header.down .downBtn { background: #2f6bfe; }

#w_header #lang { position: static; line-height:50px; display:flex; align-items:center; justify-content:center; font-size:20px;}
#w_header #lang li { float:none; }
#w_header #lang li:after { margin:0 24px; }

#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);}    
#w_header.fix #nav_btn .line, #w_header.down #nav_btn .line{  background-color: #000; }

#w_footer { padding:40px 0; }
#w_footer .wrap { width: 94%; padding-left: 0; }
#w_footer .wrap > img { display: none; }
#w_footer address { margin-top: 0; }
#w_footer ul { position: static; margin-top: 40px;}
#w_footer ul li { margin-left: 0; margin-right: 6px; }
#w_footer ul li img { height: 34px; }


/* index */
#main .wrap { width:94%; }

#mv { height: 440px; }

#scan { margin-top: 200px; }
#scan h2 span { display: block; }
#scan ul { margin-top: 60px; display: block; }
#scan ul li { margin-bottom: 60px; }
#scan ul li figure { width: 100%; }
#scan ul li p { margin-top: 20px; }

#our { margin-top: 200px; }
#our .wrap { display: block; }
#our article strong { display: block; margin-top: 20px; }
#our article p { margin-top: 40px; }
#our article a { margin: 40px auto;}
#our figure img { height: 200px; }

#exc { height: 340px; margin-top: 200px; }
#exc p { margin-top: 40px; }

#ai { margin-top: 200px; }
#ai .wrap { display: block; }
#ai figure { width: 100%; }
#ai figure img { width: 100%; }
#ai ul { width: auto; margin-top: 40px; }
#ai ul li { padding-left: 40px; margin-bottom: 40px; }
#ai ul li span { top: 31px; }
#ai ul li p { margin-top: 10px; }

#process { margin-top: 200px; }
#process h2 { float:none; } 
#process ul { float:none; margin-top: 0;  }
#process ul li { float:none; margin-right: 0; margin-top: 20px;  }
#process ul li h3 { margin-top: 10px; }
#process ul li p { margin-top: 4px; }
#process ul li p br { display: none; }

#isole { margin-top: 300px; }
#isole ul { top: -100px; display: block; }
#isole ul li { width: auto; margin-bottom: 40px; }
#isole ul li:last-child { margin-bottom: 0; }
#isole ul li dl { left: 20px; top: 40px; width:calc(100% - 40px);}
#isole ul li dl dd { margin-top: 20px; line-height:1.3; }
#isole ul li .more { bottom: 40px; }

#text { padding-top: 0; }
#text div img { height: 40px; }
#text div.left { width:calc(859px * 2); }
#text div.right { width:calc(866px * 2); }

@keyframes left {
    0% { transform:translateX(0); }
    100% { transform:translateX(-859px); }
}
@keyframes right {
    0% { transform:translateX(-866px); }
    100% { transform:translateX(0); }
}

#contact { padding:100px 0; }
#contact p { margin-top: 30px; }
#contact a { margin-top: 30px; }


/* sub layout */
.sv .wrap { height: 240px; padding-top: 20px; justify-content: center; }

.pad { padding:80px 0; }

.left { float:none; width: auto; }
.right { float:none; width: auto; margin-top: 20px; }

/* sub1_1 */
#sub1_1 .cont1 h2 { margin-bottom: 40px; }
#sub1_1 .cont1 .cont1_in { flex-direction: column; padding-top: 0; gap: 30px; margin-bottom: 80px; }
#sub1_1 .cont1 .cont1_in h3 { position: relative; top: auto;  left: auto;  transform: none; background: transparent; margin-bottom: 10px; }
#sub1_1 .cont1 .cont1_in h3 .line {  padding-left: 32px; font-size: 26px; }
#sub1_1 .cont1 .cont1_in h3 .line i {  left: 0;  top: 0.1em;  font-size: 22px;  }
#sub1_1 .cont1 .cont1_in figure { width: 100%; margin-top: 0; border-radius: 16px;  }
#sub1_1 .cont1 .cont1_in article { width: 100%; margin-top: 0; }
#sub1_1 .cont1 .cont1_in article h4 { font-size: 17px; }
#sub1_1 .cont1 .cont1_in article p { margin-top: 16px; font-size: 15px; line-height: 1.6;  }

#sub1_1 .cont2 h2 {  margin-bottom: 30px; }
#sub1_1 .cont2 h3 { font-size: 28px;  margin-bottom: 24px; text-align: center;  }
#sub1_1 .cont2 figure { margin-bottom: 40px; border-radius: 14px;  }
#sub1_1 .cont2 .function {  margin-bottom: 40px; }
#sub1_1 .cont2 .function p { flex-direction: column;  gap: 12px;    margin-bottom: 32px;  }
#sub1_1 .cont2 .function p strong {  width: auto;  font-size: 18px; }
#sub1_1 .cont2 .function p span.f_1 { font-size: 15px; line-height: 1.6;  }


#sub1_1 .cont3 h2 { margin-bottom: 20px; }
#sub1_1 .cont3 ul { margin-top: 40px; }
#sub1_1 .cont3 ul li { margin-top: -10px; }
#sub1_1 .cont3 ul li span { width: 100px; height: 100px; margin-right: 20px; border-radius: 120px; font-size:14px; }
#sub1_1 .cont3 ul li p { width:calc(100% - 120px); }

#sub1_1 .cont4 h2 { margin-bottom: 20px; }
#sub1_1 .cont4 .right { margin-top: 40px; }
#sub1_1 .cont4 .right > li { padding-left: 50px; margin-bottom: 40px; }
#sub1_1 .cont4 .right ul li { margin-bottom: 10px; padding-left: 40px; }

/* sub2_1 */
#sub2_1 .cont1 h2 { position: relative; }
#sub2_1 .cont1 h2:before { left: 160px; } 
#sub2_1 .cont1 h2:after { right: 160px; } 
#sub2_1 .cont1 p { font-size:16px; }
@keyframes line {
    0% { width: 0; } 
    100% { width: 30px; } 
}

#sub2_1 .cont2 h2 { font-size:36px; }
#sub2_1 .cont2 p { margin-top: 40px; }
#sub2_1 .cont2 ul { margin-top: 40px; }
#sub2_1 .cont2 ul li { float:none; margin:0 auto 20px;}
#sub2_1 .cont2 img { position: static; width: 100%; margin-top: 40px; }

#sub2_1 .cont3 ul.fl { margin-top: 0; display: block; }
#sub2_1 .cont3 ul li { margin-top: 60px; }
#sub2_1 .cont3 ul.fl li img { width: 100%; }
#sub2_1 .cont3 ul li div { margin: 20px auto 0; width: 200px; height: 200px; padding-top: 50px; }
#sub2_1 .cont3 ul.fl li div { width: 200px; height: 200px; margin:20px auto; padding-top: 52px; }
#sub2_1 .cont3 ul li div h3 { margin-top: 14px; }
#sub2_1 .cont3 ul li p { margin-top: 20px; }

#sub2_1 .cont4 h2 { position: static; font-size:24px; }
#sub2_1 .cont4 .point { width: 100%; margin-top: 40px; }
#sub2_1 .cont4 .point p { position: absolute; text-align: center; }
#sub2_1 .cont4 .point p:after { width: 16px; height: 16px; }
#sub2_1 .cont4 ul { position: static; }
#sub2_1 .cont4 ul li { padding-left: 40px; margin-top: 20px; }

#sub2_1 .cont5 ul.fl { display: block; }
#sub2_1 .cont5 ul li:first-child { margin-top: 0; }
#sub2_1 .cont5 ul li { margin-top: 60px; }
#sub2_1 .cont5 ul li img { width: 100%; }
#sub2_1 .cont5 ul li span { margin: 20px auto; width: 200px; height: 200px; }
#sub2_1 .cont5 ul li p { margin-top: 20px; }

#sub2_1 .cont6 ul { margin-top: 20px; }
#sub2_1 .cont6 ul li { margin-top: 3vw; width:48.5%; height: 60px; border-radius: 10px; overflow: hidden; }
#sub2_1 .cont6 ul li img { max-width:130%; max-height:none; }

#sub2_1 .cont7 h3 { position: static; margin-top: 40px; }
#sub2_1 .cont7 .frame { width: auto; margin-top: 20px; border-radius: 10px; }
#sub2_1 .cont7 .step { position: static; margin-top: 20px; display:flex; align-items:center; justify-content:space-between;  }
#sub2_1 .cont7 .step .page { margin-left: 0; }
#sub2_1 .cont7 .step .page li { margin-left: 20px; }
#sub2_1 .cont7 .step .page li:first-child { margin-left: 0; }
#sub2_1 .cont7 .btn { margin-top: 0; }
#sub2_1 .cont7 .btn a { font-weight: 900; color:#000; }
#sub2_1 .cont7 .btn a.op { color:#ccc;}
#sub2_1 .cont7 .btn .xi-minus { margin-top: -2px; }
#sub2_1 .cont7 .ment { position: static; margin-top: 20px; }
#sub2_1 .cont7 .ment dd { margin-top: 10px; }
#sub2_1 .cont7 .ment dd br { display: none; }
#sub2_1 .cont7 .more { position: static; margin:40px auto 0; width: 180px; }

#sub2_1 .cont8 { margin-top: 80px; }
#sub2_1 .cont8 .wrap { height: 200px; }
#sub2_1 .cont8 a { margin-top: 20px; width: 180px; }


/* sub3_1 */
.common h2 { font-size:34px; }
.common h3 { margin-top: 60px; font-size:26px;  }
.common p { margin-top: 20px; font-size:16px; }
.common .step { width: auto; margin-top: 40px; }
.common .frame { width: auto; border-radius: 10px; position:static; margin-top: 40px; }
.common > ul { margin: 40px auto 0; justify-content: space-between; }
.common > ul li { margin:20px 0 0; }
.common > ul li .more { width: auto; padding:0 6px; border-radius: 8px;}

#sub3_1 .cont2 div { padding:60px 0; position: relative; height: 240px; }
#sub3_1 .cont2 div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#sub3_1 .cont2 div p:nth-of-type(1) { font-size:18px; left: 30px; top: 30px; }
#sub3_1 .cont2 div p:nth-of-type(2) { font-size:18px; right: 30px; bottom: 30px; }
#sub3_1 .cont2 ul { justify-content: center; margin-top: 0; flex-wrap: wrap; }
#sub3_1 .cont2 ul li { margin-top: 40px; }
#sub3_1 .cont2 ul li strong { width: 45vw; height: 45vw; margin:0 auto; }
#sub3_1 .cont2 ul li p { margin-top: 20px; font-size:13px;  }

#sub3_1 .cont3 h2 { font-size:24px; }
#sub3_1 .cont3 h2 span { display: block; }
#sub3_1 .cont3 ul { align-items: flex-start; text-align: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 40px; margin-bottom: 30px;}
#sub3_1 .cont3 ul li { width:33.3333%; margin-top: 0 !important; }
#sub3_1 .cont3 ul li figure { height:80px; }
#sub3_1 .cont3 ul li figure img { height: 40px;}
#sub3_1 .cont3 ul li strong { height: 40px; font-size:14px; }
#sub3_1 .cont3 ul li p { margin-top: 10px; font-size:13px;  }
#sub3_1 .cont3 > figure { margin-top: 40px; }
#sub3_1 .cont3 > figure > img { width: 100%; }

.foot { margin-top: 80px; }
.foot .wrap { height: 200px; }
.foot a { margin-top: 20px; width: 180px; }


/* sub3_2 */
#sub3_2 .cont2 h3 { margin-top: 60px; }
#sub3_2 .cont2 ul { width: auto; margin-bottom: 30px;}
#sub3_2 .cont2 ul li { margin-bottom: 60px; }
#sub3_2 .cont2 ul li dl { margin-top: 20px; }

/* sub3_3 */
#sub3_3 .cont2 div p { font-size:16px; left: 20px; top: 10px; }
#sub3_3 .cont2 ul { justify-content: space-between; margin-top: 0; flex-wrap: wrap; margin-bottom: 30px;}
#sub3_3 .cont2 ul li { margin-top: 40px; width: 45vw; }
#sub3_3 .cont2 ul li strong { width: 45vw; height: 45vw; }
#sub3_3 .cont2 ul li strong em { padding-top: 30px; margin-bottom: 20px;  }
#sub3_3 .cont2 ul li p { margin-top: 20px; font-size:13px;  }

#sub3_3 .cont3 ul { display: block; }
#sub3_3 .cont3 ul li { width: auto; margin-bottom: 40px;}
#sub3_3 .cont3 ul li img { aspect-ratio: 1 / 0.8; }
#sub3_3 .cont3 ul li h2 { top:80px; }
#sub3_3 .cont3 ul li .more { width: 200px; bottom: 60px; left: calc(50% - 100px); }


/* sub4_1 */
#sub4_1 .cont1 h2.f60 { font-size:34px; }
#sub4_1 .cont1 figure { margin-top: 60px; }
#sub4_1 .cont1 figure img { width: 80%;}
#sub4_1 .cont1 figure figcaption { margin-top: 20px; font-size:20px; }
#sub4_1 .cont1 ul { display: block; }
#sub4_1 .cont1 ul li { margin-top: 60px; }
#sub4_1 .cont1 ul li div { width: auto; }
#sub4_1 .cont1 ul li div img { width: 100%; aspect-ratio: 1 / 0.8; }
#sub4_1 .cont1 ul li div p { top:60%; }

#sub4_1 .cont2 h3 { margin-top: 20px; margin-bottom: 40px; }
#sub4_1 .cont2 h4 { line-height:1.6; }
#sub4_1 .cont2 .right { display: block; }
#sub4_1 .cont2 ul { margin-bottom: 60px; }
#sub4_1 .cont2 ul li { width: 30vw; height: 30vw; position: relative; }
#sub4_1 .cont2 ul li figure { height: 120px; }
#sub4_1 .cont2 ul li figure img { height: 50px; }
#sub4_1 .cont2 ul li p { margin-top: 0; position: absolute; left: 0; width: 100%; top:110%; text-align: center; }
#sub4_1 .cont2 article { width:auto; border-radius: 10px; padding:20px; margin-top: 20px; }
#sub4_1 .cont2 article p { margin-top: 10px; }

#sub4_1 .cont3 .right { margin-bottom: 40px;  }
#sub4_1 .cont3 .mv { clear: both; }
#sub4_1 .cont3 .mv img { width: 100%; }


#sub4_1 .cont4 { display: block; }
#sub4_1 .cont4 .part1 figure img { width: 100%; }
#sub4_1 .cont4 .part2 { margin-top: 60px; }
#sub4_1 .cont4 .part2 .frame { width: auto; }
#sub4_1 .cont4 .part2 p { height: 100px; }
#sub4_1 .cont4 .part2 .pic img { max-width: 70%; }
#sub4_1 .cont4 .part2 .btn .xi-minus { margin-top: -2px;}

#sub4_1 .cont5 { height: 260px; }

#sub4_1 .cont6 ul { display: block; margin-top: 0; }
#sub4_1 .cont6 ul li { width: auto; margin-top: 60px; }
#sub4_1 .cont6 ul li strong { width: 200px; height: 200px; }
#sub4_1 .cont6 ul li p { margin-top: 20px; } 

/* sub4_2 */
.nav { justify-content: space-evenly; }
.nav li { margin:0; }
.nav li .more { width: 140px; }

#sub4_2 ul li p br { display: none; }
#sub4_2 .cont1 h2 { font-size:24px; }
#sub4_2 .cont1 ul { width:auto; align-items: flex-start; justify-content: space-between; }
#sub4_2 .cont1 ul li { width: 48%; margin:40px 0 0; }
#sub4_2 .cont1 ul li img { width: 100%; }

#sub4_2 .cont2 h2 { font-size:24px; }
#sub4_2 .cont2 ul { flex-wrap:wrap; margin-top:0; }
#sub4_2 .cont2 ul li { width: 48%; margin:40px 0 0; }
#sub4_2 .cont2 ul li img { width: 100%; }
    
.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display:none; z-index: 100;}
.modal.on { display:flex; }
.modal img { max-width:80%; max-height:80vh; }

/* sub5_1 */
#sub5_1 .cont1 h2 strong { margin-right: 0; display: block; margin-bottom: 10px; }
#sub5_1 .cont2 { display: block; }
#sub5_1 .cont2:before { display: none; }
#sub5_1 .cont2 form { width: auto; }
#sub5_1 .cont2 form label { font:20px steb; }
#sub5_1 .cont2 form label span { margin-left: 6px; top: -4px; }
#sub5_1 .cont2 form input[type=text],
#sub5_1 .cont2 form textarea { margin-top: 10px; font:14px stm; }
#sub5_1 .cont2 form textarea { height: 200px; }
#sub5_1 .cont2 form li:last-child input[type=checkbox] { width: 24px; height: 24px; }
#sub5_1 .cont2 form li:last-child input[type=submit] { margin-top: 60px; font:20px steb; height: 50px; }

#sub5_1 .cont2 > ul { width: auto; margin-top: 80px;  } 
#sub5_1 .cont2 > ul li { margin-bottom: 60px; } 
#sub5_1 .cont2 > ul li h3,
#sub5_1 .cont2 > ul li p { margin-bottom: 10px; } 

#sub5_1 .cont3 { margin-top: 40px; }
#sub5_1 .cont3 iframe { height: 300px; }


/* sub5_2 */
#sub5_2 .cont1 { padding-bottom: 20px; }
#sub5_2 .cont2 { padding-bottom: 100px; }
#sub5_2 .cont2 #bo_gall .gall_li { margin-bottom: 40px; }
#sub5_2 .cont2 #bo_gall .gall_text_href { padding:20px 10px; }
#sub5_2 .cont2 #bo_gall .gall_text_href a { font: 16px/1.4 stb; }
#sub5_2 .cont2 #bo_gall .gall_info .gall_date { padding:0 10px; font:14px stm; }

/* sub6_1 */
#sub6_1 .cont1 { padding-bottom: 160px; display: block; }
#sub6_1 .cont1 h2 { font-size:30px; line-height:1.4; }
#sub6_1 .cont1 h2 strong { display: block; }
#sub6_1 .cont1 p { margin-top: 40px; font-size:28px; line-height:1.4; }
#sub6_1 .cont1 ul { margin-top: 20px; padding-left: 20px; font-size:18px; }
#sub6_1 .cont1 > img { margin-top: 60px; }
#sub6_1 .cont1 .down { margin-top: 60px; }
#sub6_1 .cont1 .down .fl { margin:0 1%; width: 48%; }
#sub6_1 .cont1 .down .fl img { width: 50px; }
#sub6_1 .cont1 .down .fl a { margin-top: 20px; width: 100%; line-height:50px;}

@media (max-width: 640px) {
  #sub4_2 .cont1 ul,
  #sub4_2 .cont2 ul {
    flex-wrap: wrap;
    gap: 30px;
  }

  #sub4_2 .cont1 ul li,
  #sub4_2 .cont2 ul li {
    width: 100%;
  }

  #sub4_2 .cont1 ul li img,
  #sub4_2 .cont2 ul li img {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto 16px;
  }

  #sub4_2 .cont2 ul li p {
    font-size: 14px;
    line-height: 1.5;
    word-break: keep-all;
    white-space: normal !important;
  }

  #sub4_2 .cont2 ul li p br {
    display: inline;
  }
#sub4_2 .cont2 ul {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  #sub4_2 .cont2 ul li {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 30px;
  }
    
    
    
}








































        
}

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