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

/* header & footer */ 
#w_header { height: 60px; text-align: center; }
#w_header:before { display: none; }
#w_header.on { height:100vh; }
#w_header h1 { top: 13px; left:3%; }
#w_header h1 img { height: 34px; }
#w_header #w_gnb { position: static; text-align: center; width:260px; margin:0 auto 0; display: block; padding-top: 80px; }
#w_header #w_gnb > li { border-bottom:1px solid #ddd; }
#w_header #w_gnb > li:first-child { margin-left: 0; }
#w_header #w_gnb > li:last-child { border:none; }
#w_header #w_gnb > li.select:before { display: none; }
#w_header #w_gnb > li > a { font-size:20px; display: block; line-height:50px; }
#w_header #w_gnb ul { position: static; padding-top:0; display: none; }
#w_header #w_gnb ul li { border-top:1px dotted #ddd; }
#w_header #w_gnb ul li a { display: block; line-height:50px; }
#w_header .lang { right:70px; top:22px; }

#w_header .sns { right:170px; top:20px; } 

    
#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;}
#w_header.on #nav_btn .line,
#w_header.fix #nav_btn .line { background-color: #000; }
#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_footer { padding:40px 0; }
#w_footer img { display: none; }
#w_footer address { font-size:12px; margin-left: 0; text-align: center; }    
#w_footer address strong { display: block; }    


    #hd_pop { width: 80%; }
    #hd_pop .hd_pops_con { width: 100% !important; height:auto !important; }
    
/* index */
.section { height:auto !important; }    
.fp-tableCell { height:auto !important; display: block !important; padding-top: 0 !important; }    
    
    
#main { height: 500px; }
#main .wrap { align-items: center; padding-top: 60px; left:0; top:0; height: 100%; width: 100%; }
/*#main iframe { width: 1000px; left:calc(50% - 500px); height:220%; top:-60%;  }*/
#main h2 { font-size:28px; line-height:1.6; text-align: center; }
#main p { margin-top: 20px; text-align: center; padding-bottom: 30px;  }
#main .scroll { display: none; }
    
#main .swiper-slide .ict { top:auto; bottom:0; width:180px; left:calc(50% - 90px);}
#main .swiper-slide-active .ict { left:calc(50% - 90px); bottom:20px; }    
    

#box { background: #fff; height: auto; padding: 80px 0; text-align: center; }
#box h3 { font-size:24px; } 
#box p { margin-top: 30px; font-size:13px; } 
#box .more { margin-top: 30px; font-size:12px; } 

#sol { background: #fff; padding:80px 0; }
#sol h2 { text-align: center; }
#sol ul { display: block; }
#sol ul li { width: auto; margin-bottom: 40px;  text-align: center;}
#sol ul li figure { height: 200px; }
#sol ul li figure img { width:100%; height: 100%; object-fit: cover; }
#sol ul li dl dt { font-size:16px; margin-top:20px; height:auto; }
#sol ul li dl dd { font-size:13px; margin-top: 10px; }    
    
#prd { background: #fff; height: auto; padding: 80px 0; text-align: center; }
#prd article { position: static; }
#prd h3 { font-size:24px; } 
#prd p { margin-top: 30px; font-size:13px; } 
#prd .page { text-align: center; margin-top: 20px; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#prd .page:after { display: none; }
#prd .page li { display: inline-block; margin:6px 0; font:16px stb; }
#prd .frame { position: static; width: auto; margin-top: 20px; }
#prd .frame ul li { height: 200px; }
#prd .frame ul li img { max-width:60%; }    
#prd .more { margin-top: 30px; font-size:12px; }     
    
#deco, #ytb { width:auto; float:none; height:auto; }
#deco div { width: auto; height:auto; display: block; padding:80px 3%; }
#deco h3 { text-align: center; margin-bottom: 20px;}
#deco p { font:24px/1.4 steb; text-align: center; }
#deco .more { margin:40px auto 0; display: block;}
#ytb { height: 260px; border-radius: 0; margin-top: 0; }
#ytb iframe { width: 100%; height: 260px; }
    
#contact { padding:80px 0; text-align: center; background:none; }
#contact article{ margin-left:0; }    
#contact .fl { display: block; }
#contact h3 { font-size:24px; }
#contact .tel { font-size:24px; margin-top: 30px; }
#contact p { margin-top: 10px; font-size:14px;  }
#contact .more { font-size:12px; }    
#contact img { display: none; }
    

.ytb .area iframe { width: 320px; height: 180px; }
    
/* sub layout */
.sv .fl { height: 200px; font-size:24px; }

.sm select { border:none; height:50px; width: 94%; outline:none; background: none; font:16px stm; outline: none; }

.pad { padding:80px 0 160px; }
.pad .wrap { width: 94%; }
.pad .left { float:none; width: auto; margin-bottom: 30px; }
.pad .right { float:none; width: auto; font-size:13px; }

.pad .left h2 { font-size:20px; }
.cp { color:#2e7f9d; }

/* sub1_1 */
#sub1_1 .cont1 .fl { display: block; text-align: center; }
#sub1_1 .cont1 img { margin:0 auto 30px; }
#sub1_1 .cont1 .right .fl strong{ margin-left: 0; margin-top: 40px; font-size:20px; margin-bottom: 20px;  }
#sub1_1 .cont2 { margin-top: 40px;  }
#sub1_1 .cont2 .fl { width:auto; margin-right: 0; background-size:100%;  height: 240px; }
#sub1_1 .cont2 .fl img { width: 220px; }
#sub1_1 .cont2 p { font-size:24px; margin-top: 20px;  }    
    
/* sub1_2 */
#sub1_2 h2{ font-size:20px;}
#sub1_2 img{ width:100%; margin-top: 30px;}
    
/*
#sub1_2 .cont1 .org > * { font:14px/30px steb; padding:20px 0 20px;  width: 48%; }
#sub1_2 .cont1 .org:before { left: 82px; top:201px; width:176px; }
#sub1_2 .cont1 .org strong:before { top:50px; height: 150px; }
#sub1_2 .cont1 .org em { line-height:20px; margin-bottom: 54px; }
#sub1_2 .cont1 .org em:before { right: 100%; width:95px; }
#sub1_2 .cont1 .org p {font:normal 14px/20px steb; padding: 0 0 20px;}
#sub1_2 .cont1 .org div { margin-top: 38px; margin-right: 4%;}
#sub1_2 .cont1 .org div:nth-of-type(2n) { margin-right: 0; }
#sub1_2 .cont1 .org ul li { font:13px/20px stm; padding:10px 0 10px;}
#sub1_2 .cont1 .org div:last-child ul li { line-height:20px; }

#sub1_2 .mem h2 { font:16px sth; margin-top: 60px; }
#sub1_2 .mem .drag { overflow-x: auto; }
#sub1_2 .mem .drag:after { content:"* 옆으로 드래그하여 표를 확인하세요."; display: block; margin-top: 10px; color:#2e7f9d; }
#sub1_2 .mem table { width: 700px; }
#sub1_2 .mem table th { width: 120px; }
#sub1_2 .mem strong { font:13px/1.6 steb; }*/
    
/* sub1_3 */
#sub1_3 .year > li { padding-left: 60px; }
#sub1_3 .year > li strong { font:16px steb; }
#sub1_3 .year ul li { padding-left: 30px; position: relative; }
#sub1_3 .year > li img { width: calc(100% + 60px); margin-left: -60px;  }    
    
/* sub1_4 */
#sub1_4 .left ul { margin-top: 20px; width: auto; display:flex; align-items: center; justify-content: space-evenly; border-bottom:1px solid #ddd; }
#sub1_4 .left ul:after { display: none; }
#sub1_4 .left ul li { height:50px; border:none; opacity: 0.5; font-size:15px; padding: 10px 0 10px 10px;}
#sub1_4 .left ul li.select { opacity: 1; }
#sub1_4 .left ul li.select i { display: none; }
#sub1_4 article { display: none; }
#sub1_4 article.on { display: block; }
#sub1_4 article h3 { font-size:18px; }
#sub1_4 article ul li { width: 48.5%; margin-right: 3%; margin-bottom: 40px; }
#sub1_4 article ul li:nth-child(2n) { margin-right: 0; }
#sub1_4 article ul li:nth-child(2n+1) { clear: both; }

.photo .area { max-width:90%; }
    
    
/* sub1_5 */
#sub1_5 .left ul { margin-top: 20px; width: auto; display:flex; align-items: center; justify-content: space-evenly; border-bottom:1px solid #ddd; }
#sub1_5 .left ul:after { display: none; }
#sub1_5 .left ul li { height:50px; border:none; opacity: 0.5; font-size:15px; padding: 10px 0 10px 10px;}
#sub1_5 .left ul li.select { opacity: 1; }
#sub1_5 .left ul li.select i { display: none; }  

#sub1_5 h3 { font-size:18px; }
#sub1_5 .ci { padding-top: 0; flex-wrap: wrap;  }
#sub1_5 .ci li { width: 48%; text-align: center; }
#sub1_5 .ci li img { width: 100%; text-align: center; margin:20px 0 30px; }
#sub1_5 .ci li a { background: #2e7f9d; border-radius: 50px; color:#fff; font-size:14px; width: 160px; line-height:40px; display: inline-block; text-align: center; margin-bottom: 50px;}
#sub1_5 .ci li a i { margin-left: 10px; }
#sub1_5 h4 {font:20px/40px steb; color:#2e7f9d; margin:20px 0 ;}
#sub1_5 p { margin:20px 0 50px; }

#sub1_5 .ci_intro_2 { padding-top: 20px;  flex-wrap: wrap; align-items: flex-start;  }
#sub1_5 .ci_intro_2 li{ margin-right: 0; width:48%; }
#sub1_5 .ci_intro_2 li figure{width: 140px;  height: 140px; border:2px solid #2e7f9d; font:13px/30px stb; }
#sub1_5 .ci_intro_2 li figure b{ font-size:14px;}
#sub1_5 .ci_intro_2 span {font-size:13px; }
#sub1_5 .tab0 .ci_intro_p{font:18px/1.6 steb; margin:60px 0 0; }
    
#sub1_5 .ci_intro { padding-top: 20px;  flex-wrap: wrap; align-items: flex-start;  }
#sub1_5 .ci_intro li{ margin-right: 0; width:48%; }
#sub1_5 .ci_intro li figure{width: 140px;  height: 140px; border:2px solid #2e7f9d; font:13px/30px stb; }
#sub1_5 .ci_intro li figure b{ font-size:18px;}
#sub1_5 .ci_intro span {font-size:13px; }
#sub1_5 .tab0 p {font:18px/1.6 steb; margin:60px 0 0; }

#sub1_5 .ci_color li{margin-right: 3%; width:48.5%; margin-bottom: 30px;  }
#sub1_5 .ci_color li:nth-child(2n){margin-right:0;}
#sub1_5 .ci_color li figure {width:100%; }
#sub1_5 .ci_color li span{font:13px/1.6 stb;}    
    
/* sub1_6 */
#sub1_6 .left ul { margin-top: 20px; width: auto; display:flex; align-items: center; justify-content: space-evenly; border-bottom:1px solid #ddd; display:block;}
#sub1_6 .left ul:after { display: none; }
#sub1_6 .left ul li { height:50px; border:none; opacity: 0.5; font-size:15px; padding: 10px 0 10px 10px; border-bottom:1px solid #ddd;}
#sub1_6 .left ul li:last-child { border-bottom:none;}    
#sub1_6 .left ul li.select { opacity: 1; }
#sub1_6 .left ul li.select i { display: none; }  
#sub1_6 .left ul.esg { display: none; }
#sub1_6 .left ul.esg.on { display:block;}
#sub1_6 .left ul.esg li span { opacity: 0.5; }
#sub1_6 .left ul.esg li.select span { opacity: 1; }    

#sub1_6 article { display: none; }
#sub1_6 article.on { display: block; }
#sub1_6 h3 { font-size:18px; }
#sub1_6 .right { padding-bottom:0; }
#sub1_6 .right ul { display: block; margin-bottom: 0;}
#sub1_6 .right ul li { width: auto; padding:16px; }
#sub1_6 .right ul li img { height: 40px; }
#sub1_6 .right ul li dt { font:16px steb; }
#sub1_6 .right .tab1 li { margin-bottom: 40px; }
#sub1_6 p + img { width: 100%;  } 

    
#sub1_6 .right .tab1 h4 { font-size:16px; }  
#sub1_6 .right a.down { width:100%; }
#sub1_6 .right .tab1 .lay2 p strong { margin-right: 30px; }  
    
#sub1_6 .right .tab1 .lay2 .mbs { display: block; margin-top: 80px; }
#sub1_6 .right .tab1 .lay2 .mbs dl { padding:20px 0; width: auto; margin-bottom: 20px; }
#sub1_6 .right .tab1 .lay2 .mbs dl dt { font:18px stb; margin-bottom: 10px; }
#sub1_6 .right .tab1 .lay2 .mbs dl dd { font-size:13px; }
    
#sub1_6 .right .tab1 .lay2 .goals > .fl { display: block; }
#sub1_6 .right .tab1 .lay2 .goals p { width:auto; height: 50px; line-height:20px; }
#sub1_6 .right .tab1 .lay2 .key .fl { display: block; }
#sub1_6 .right .tab1 .lay2 .key dl { width: auto; height: auto;  }
#sub1_6 .right .tab1 .lay2 .key dl dt { font:16px/40px stb; }
#sub1_6 .right .tab1 .lay2 .key dl dd { font:13px/30px stm; padding:0; }    
    
    
/* sub1_7 */
#sub1_7 .gmap iframe { height: 300px; }
#sub1_7 table th { width: 80px; vertical-align: top; padding:5px 0;}

    
    
/* sub2_1_1 */
.prd .prd_cate { margin-top: 10px; }
.prd .prd_cate li { font-size:14px; }
.prd h3 { font:16px steb; padding-top: 40px;  }
.prd .p_list li { width: 48.5%; margin:20px 3% 40px 0; }
.prd .p_list li figure { border-radius: 10px; overflow: hidden; min-height:140px; }
.prd .p_list li p { font-size:13px; margin-top: 10px;  }    
    
.prd .detail .name h4 { font-size:16px; }
.prd .detail ul li { font-size:13px; }
.prd .detail h5 { font:15px steb; }
.prd .detail p { font-size:13px; }
    
.prd_pic { height: 320px; }
.prd_3d iframe { height:300px; }
    
/* sub3_1 */
.solution figure { padding:16px; }
.solution .caption { margin-top: 20px; }
.solution h3 { font-size:16px; margin-bottom: 10px; }
.solution .part2 ul li { padding-left: 100px; }
.solution .part2.system ul li { padding-left: 100px;  }    
    
/* sub4_1 */
.bbs .cont1 h2 { font-size:18px; }    
.bbs #bo_v_title .bo_v_tit { margin-top: 40px; }
#bo_v_con { font-size:1.1em; }     
#bo_v_con * { word-break: break-all; }         
    
/* sub6_1 */
#sub6_1 table th { width: 80px; }
#sub6_1 table td input[type="text"] { font-size:13px; }
#sub6_1 table td textarea { font-size:13px; }
#sub6_1 table tr:last-child td input { height:40px; font-size:13px; }     
#sub6_1 table td textarea#w_info { font-size:13px; }    
    
/* sub6_2 */
#sub6_2 .left ul { margin-top: 20px; width: auto; display:flex; align-items: center; justify-content: space-evenly; border-bottom:1px solid #ddd; }
#sub6_2 .left ul:after { display: none; }
#sub6_2 .left ul li { height:40px; border:none; opacity: 0.5; font-size:16px; }
#sub6_2 .left ul li.select { opacity: 1; }
#sub6_2 .left ul li.select i { display: none; }      
#sub6_2 .bbs_cate { margin-top: 20px; width: auto; }
#sub6_2 .bbs_cate li { font-size:14px; height:40px; }
#sub6_2 .right h3 { font-size:18px; }    
    
#sub6_2 #bo_gall #gall_ul .gall_li { width: 48.5%; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

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