@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
    
.wrap { width: 94%; }
    
/* header & footer */
#w_header { height: 60px; }
#w_header.on { background: #03509e; height: 100vh; }
#w_header h1 { padding-top: 17px; }
#w_header #w_gnb { position: static; margin:90px auto 0; width:260px; }
#w_header #w_gnb > li { float:none; margin-right: 0; border-bottom:1px solid rgba(255,255,255,0.3); text-align: center; }
#w_header #w_gnb > li > a { font:24px/50px stb; }
#w_header #w_gnb ul { position: static; padding-top: 0; display: none; margin-bottom: 10px;}
#w_header #w_gnb ul li { font:20px/50px str; margin-bottom: 0; }
#w_header .lang { position: static; font:18px str; text-align: center; margin-top: 20px; }
#w_header .lang li { float:none; display: inline-block; }
#w_header .lang li:before { margin:0 10px; }
.blank { height: 60px; }

#w_footer { padding:40px 0; }
#w_footer img { display: none; }
#w_footer ul { margin-left: 0; }
#w_footer ul li { padding-left: 70px; position: relative; word-break: keep-all; }
#w_footer ul li strong { position: absolute; left: 0;  }
#w_footer p { position: static; margin-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;}
#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);} 
    
/* index */    
#main { height: 500px; }
#main .wrap { text-align: center; align-items: center; }
#main .wrap h2 { font:28px/1.6 sth; }
#main .wrap p { font:16px/1.6 stb; margin-top: 50px;  }


#cont .cont1 { padding-top: 80px; }
#cont .cont1 li { width:auto; margin: 0 0 40px 0; float:none; }
#cont .cont1 li img { width: 100%; }
#cont .cont1 li dt { padding: 20px 0 10px; font:20px steb; }
#cont .cont1 li dd { margin-top: 10px; word-break: keep-all; }

#cont .cont2 { height: auto; padding:50px 0; }
#cont .cont2 img { height: 50px; }
#cont .cont2 h2 { margin:30px 0 20px; font:28px/1.4 sth; }
#cont .cont2 p { font: 14px/2 stm; padding:0 3%; }

#cont .cont3 { margin-top: 80px; }
#cont .cont3 article { float:none; width:auto; margin-right:0; margin-bottom: 40px; }
#cont .cont3 article:last-child { margin-right: 0;  }
#cont .cont3 article h2 { font:20px steb; }
#cont .cont3 article > a { top:2px; }
    
#cont .cont4 { margin-top: 100px; margin-bottom: 150px; }
#cont .cont4 .left { font:28px sth; margin-bottom: 20px; }
#cont .cont4 .right { float:none; }
#cont .cont4 .right li { padding-left:60px; font:18px stsb; word-break: keep-all; height:auto;   }
#cont .cont4 .right strong { top:2px; }
#cont .cont4 .right b, #cont .cont4 .right a { font:24px sth;  }

    
    
/* sub layout */
.left { float:none; width: auto; }
.right { float:none; width: auto; }

.sm { height: auto; }
.sm .wrap { height: 120px; display:flex; align-items: center; justify-content: center; }
.sm h2 { font:30px sth; padding-top: 0;  }
.sm ul { display: none; }

.page { padding:80px 0 100px; }

/* sub1_1 */
#sub1_1 .cont1 h2 { font:26px/1.4 steb; margin-top: 40px; }
#sub1_1 .cont1 p { margin-top: 40px; }

#sub1_1 .cont2 { margin-top: 100px; }
#sub1_1 .cont2 ul { margin-top: 40px; height: auto; }
#sub1_1 .cont2 ul li { float:none; width:auto; margin-right: 0; margin-bottom: 60px; position:static; }
#sub1_1 .cont2 ul li img { height: 50px; }
#sub1_1 .cont2 ul li div { margin-top: 10px; height:40px; }
#sub1_1 .cont2 ul li img { margin-bottom: 20px; }
#sub1_1 .cont2 ul li strong { font:24px steb; }

#sub1_1 .cont2 figure { margin-top: 80px; margin-bottom: 0;  }    
#sub1_1 .cont2 figure img { width: 200px; }    
    
    
/* sub1_2 */
.title { font:26px/1.4 steb; }
#sub1_2 .cont2 { margin-top: 60px; }
#sub1_2 .cont2 img { width:100%; float:none; margin-right: 0; margin-bottom: 20px;  }
#sub1_2 .cont2 h3 { float:none; margin-right: 0; margin-bottom: 10px;  }
#sub1_2 .cont2 ul { float:none; }
#sub1_2 .cont2 ul li { margin-bottom: 10px; }    
#sub1_2 .cont2 ul li:before { content:"- "; }    
    
    
/* sub1_3 */
#sub1_3 .cont1 p { margin-top: 40px; }
#sub1_3 .cont2 { margin-top: 30px; }
#sub1_3 .cont2 .box { font:16px/40px steb; width: 160px; }
#sub1_3 .cont2 .box:before { content:""; width:0; height:30px; border-top:none; border-left:1px solid #a0a0a0; position: absolute; left: 50%; top:-30px; }
#sub1_3 .cont2 .box.gray:before { left:50%; }
#sub1_3 .cont2 .box.gray:after { width:170px; left:auto; right:80px; bottom:auto; top:-30px; height:0; border-top:1px solid #a0a0a0;  }
#sub1_3 .cont2 strong.box { position: relative; margin:0 auto; display: block; }
#sub1_3 .cont2 strong:after { content:""; left:50%; bottom:-30px; border-left:1px solid #a0a0a0; position: absolute; height:30px; }
#sub1_3 .cont2 div { position: relative; margin-top: 60px; display:flex; align-items:center; justify-content:center ; flex-wrap: wrap; left: 0; }
#sub1_3 .cont2 div p:first-child { margin-right: 10px; }
#sub1_3 .cont2 div p:first-child:after { content:""; left:50%; bottom:-30px; border-left:1px solid #a0a0a0; position: absolute; height:30px; }
#sub1_3 .cont2 ul { margin:30px auto 0; width:330px; display:flex; align-items:center; justify-content:center ; flex-wrap: wrap; position: relative;}
#sub1_3 .cont2 ul:before { display: none;  }
#sub1_3 .cont2 ul li { margin-left: 0; }
#sub1_3 .cont2 ul li:nth-child(1):after { content:""; position: absolute; top:-30px; width:170px; border-top:1px solid #a0a0a0; left:80px; }
#sub1_3 .cont2 ul li:nth-child(2n) { margin-left: 10px; }
#sub1_3 .cont2 ul li:nth-child(4):before { left:50%; }
#sub1_3 .cont2 ul li:nth-child(4):after { display: none; }

#sub1_3 .cont3 { margin-top: 80px; }
#sub1_3 .cont3 h2 { font:20px sth; }
#sub1_3 .cont3 table th { font:14px steb; padding:10px; width:auto; }
#sub1_3 .cont3 table td { font:14px stm; padding:10px; }
#sub1_3 .cont3 table td p { margin-top: 6px; }

#sub1_3 .cont4 { margin-top: 80px; height: 140px; }    
    
    
/* sub1_4 */
#sub1_4 .cont1 p { margin-top: 40px; }
#sub1_4 .cont1 .drag { margin-top: 60px; overflow-x: auto; }
#sub1_4 .cont1 .drag:before { content:"* 표를 드래그하여 확인하세요."; font:14px str; display: block; margin-bottom: 10px; color:#03509e; }
#sub1_4 .cont1 table { width:700px; }
#sub1_4 .cont1 table th { font:14px steb; padding:10px; }
#sub1_4 .cont1 table td { font:14px stm; padding:10px; }
    
    
/* sub1_5 */
#sub1_5 ul { margin-top: 40px; font:16px/1.6 steb; }
#sub1_5 ul li { padding-left: 70px; word-break: keep-all; }
#sub1_5 iframe { height:300px; }
    
/* sub2_1 */
#sub2_1 h2 { margin-bottom: 40px; word-break: keep-all; }
#sub2_1 article { margin-top: 60px; }
    
    
/* sub3_1 */
#sub3_1 .cont1 { margin-bottom: 80px; }
#sub3_1 .cont1 .b_title { margin-bottom: 20px; }
#sub3_1 .cont1 .title { margin-bottom: 20px; }
#sub3_1 .cont1 figure img { width: 100%; }
#sub3_1 .mal { flex-direction: column; }
#sub3_1 .mal span { width:8px; height: 8px; }

/* sub3_2 */
#sub3_1 .cont1 ul { display: block; }
#sub3_1 .cont1 ul li { width: auto; }
#sub3_1 .cont1 ul li:first-child { margin-bottom: 40px; }
#sub3_1 .cont1 ul li dl { height: auto; margin-bottom: 20px; }
#sub3_1 .cont1 ul li img { width: 100%; }
    
/* sub3_3 */    
#sub3_1 .cont1 div.fl { display: block; }
#sub3_1 .cont1 div.fl span { display: block; width:auto; font:16px/50px steb; margin-bottom: 39px; }
#sub3_1 .cont1 div.fl span:after { content:""; width: 0; height:40px; border-left:1px solid #03509e; position: absolute; right:50%; top:50px; }
#sub3_1 .cont1 div.fl span:last-child:after { display: none; }
#sub3_1 .cont1 div.fl + figure { margin:40px 0 3vw; }
#sub3_1 .cont1 div.fl + figure + ul { display:flex; }
#sub3_1 .cont1 div.fl + figure + ul li { width: 48.5%; }
#sub3_1 .cont1 div.fl + figure + ul li:first-child { margin-bottom: 0; }
    
#sub3_img_wrap{position:relative; height:920; margin-top:40px; }
#sub3_1 .cont1 .sub3_img li{width:48.5%; height: auto; margin-top:10px; margin-right:3%;}
#sub3_1 .cont1 .sub3_img li:nth-child(2n) { margin-right:0; }
#sub3_1 .cont1 .sub3_img li:nth-child(2n+1) { clear: both; }


.img_box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index:999; }
.img_box div { width:800px; position: relative; max-width: 90%; }
.img_box div img { width:100%; }
.img_box div a { font-size:36px; position: absolute; right:0; top:-50px; color:#fff; }
    
    
/* sub4_1 */
#sub4_1 .title, #sub4_3 .title { margin-top: 20px; }
    
/* sub4_3 */
#sub4_3 .cont1 table th { width: 80px; } 
#sub4_3 .cont1 table td input[type=text] { height:40px; }
#sub4_3 .cont1 table td input[type=text], #sub4_3 .cont1 table td textarea  { font:14px/1.6 str; }
#sub4_3 .cont1 table tr:last-child td input { font:14px stm; }
    
    
/* sub5_1 */
#sub5_1 .title { word-break: keep-all; }
#sub5_1 .cont2 { margin-top: 80px; }
#sub5_1 .cont2 ul { flex-wrap: wrap; } 
#sub5_1 .cont2 ul li { width: 48%; margin-bottom: 40px;  }
#sub5_1 .cont2 ul li div { padding:14px 0; }
#sub5_1 .cont2 ul li div em { font:normal 14px str; }
#sub5_1 .cont2 ul li div strong { font:16px steb; }
#sub5_1 .cont2 .w_btn { width:160px; width:200px; font:16px/50px stb; margin-top:20px; }
#sub5_1 .cont3 { height:200px; margin-top: 100px; }    
    
/* sub5_2 */    
#sub5_2 .title { margin-top: 20px; }
#sub5_2 .tt { padding-left: 70px; } 
#sub5_2 .td_subject { text-align: left; }
#sub5_2 .td_subject .w_info { position: relative; padding-left: 60px; }
#sub5_2 .td_subject .w_info strong { position: absolute; left: 0; line-height:1.5; }    
    
    
    
    
    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
#cont .cont1 li:nth-child(3n) { margin-right: 0; }
#cont .cont1 li:nth-child(3n+1) { clear:both; }   
    
    
}