@media (max-width:800px) { /* 모바일용 */
/* common */
.pc { display: none !important; }
.wrap { width: 94%; }
.btitle { font-size:28px; }
.stitle { font-size:18px; }
.btitle + em { font-size:16px; margin-top: 10px; }
    
/* header & footer */
#w_header { height: 60px; }
#w_header.down { height: 100vh; }

#w_header h1 { padding-top: 17px; }
#w_header h1 img { height: 26px;}

#w_header #w_gnb { position: static; width: 280px; text-align: center; margin:20px auto 0; }
#w_header #w_gnb > li { float:none; margin-left:0; border-bottom:1px solid #ddd; }
#w_header #w_gnb > li:last-child { border:none; }
#w_header #w_gnb > li > a { line-height:50px; font-size:24px; display: block; }
#w_header #w_gnb > li.select > a { color:#f56f20; }
#w_header #w_gnb > li > a:after { display: none; }
#w_header #w_gnb > li:hover > a:after, #w_header #w_gnb > li.select > a:after { width: 100%; }
#w_header #w_gnb ul { position: static; padding-top: 0; font:18px/50px ntr; letter-spacing: 0; display: none;  }
#w_header #w_gnb ul li { border-top:1px dashed #ddd; }
#w_header #w_gnb ul li a { color:#666 !important; display: block; }
    
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #f56f20; 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);} 

.blank { height: 60px; }    
    
#w_footer { padding-bottom: 70px; }
#w_footer .top { height: 60px; }
#w_footer .top > .fl { width: 80px; font-size:16px; }
#w_footer .top > .fl .mt { margin-right: 0; }
#w_footer .top > .fl > .fl { display: none; }

#w_footer .client { width:calc(100% - 80px); }
#w_footer .client .swiper-slide:before { height: 30px; top:calc(50% - 15px); }
#w_footer .client .swiper-slide img { max-height:30px; }

#w_footer .info address { font-size:12.6px; }
#w_footer .info address p { font-size:12px;  }
#w_footer .info .fl { width: 40px; height: 40px; padding:0; border:none; top:auto; right:0; bottom:40px; background: #eee; border-radius: 40px; justify-content: center; }    
#w_footer .info .fl span, #w_footer .info .fl i  { display: none; } 
    
#quick { position: fixed; left:0; top:auto !important; bottom:0; width: 100%; border-radius: 0; font-size:10px; display: block; z-index: 10; height: 60px; }
#quick ul { width:auto; border-radius: 0;}
#quick ul li { border-bottom:none; border-right:1px solid rgba(255,255,255,0.4); width:25%; float:left; box-sizing: border-box; }
#quick ul li a { display: flex; padding:0; align-items: center; justify-content: center; flex-direction: column; height: 60px; }
#quick ul li a img { margin-bottom: 4px; height: 14px; }    
#quick .keit { position: absolute; right:3%; bottom:70px; width: 50px; height: 50px; }
    
/* index */
#w_main { height: auto; }
#w_main:after { content:""; clear: both; display: block; }
#w_main .box { position: relative; left:0; top:0; width: 50%; height: 144px; float:left; padding: 20px 18px 0; }
#w_main .box h2 { font-size:16px; margin-bottom: 6px;  }
#w_main .box1 > span { font-size:18px; }
#w_main .box1 > p { font-size:14px; letter-spacing: -1px; }
#w_main .box2 > span { font-size:13px; margin-top: 6px; }
#w_main .box i { position: absolute; right:18px; top:23px; }
#w_main .swiper-button-prev, #w_main .swiper-button-next { display: none; } 
#w_main .swiper-pagination { bottom: 10px; }

#subject { height: 240px; padding: 0; }
#subject figure { height: 60px; }
#subject figure img { transform: scale(0.6); }
#subject .swiper-slide.swiper-slide-active + a { background-image: none; }
#subject .swiper-slide i { display: none;  }
#subject .swiper-button-prev { display: none; }
#subject .swiper-button-next { display: none; }
#subject dl dt { font-size:16px; }
#subject dl dd { font-size:14px; }

#best { margin-top: 0; }
#best .wrap { display: block; }
#best .wrap article { width: auto;  padding-top: 4px; margin-bottom: 20px; }
#best .wrap article span { font-size:16px; }
#best .wrap article h2 { font-size:24px; }
#best .wrap article img { bottom:4px; height: 40px; }
#best ul { width: auto; flex-wrap: wrap;  justify-content: space-between; text-align: center; }
#best ul li { width: 48%; margin-bottom: 20px; }
#best ul li img { width: 100%; }
#best ul li p { margin-top: 6px; font-size:14px; }

#latest { padding:80px 0; margin-top: 80px; }
#latest ul { margin-top: 40px; }
#latest ul li { height:80px; }
#latest ul li p  { flex-direction: column; width: 80px;  }
#latest ul li p strong { font-size:18px; height: 22px; }
#latest ul li p span { font-size:13px; }
#latest ul li a { display: block; max-width: calc(100% - 80px); box-sizing: border-box; font-size:14px; padding:0 20px 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height:1.4; }    
#latest ul li a i { top:calc(50% - 7px); }
#latest .more { width: 160px; height: 40px; font-size:14px; }

#edu { padding:80px 0; }
#edu .gallery { margin-top: 40px; }
#edu .swiper-button-prev { display: none; }
#edu .swiper-button-next { display: none; }
#edu .swiper-slide p { font-size:13px; top: auto; bottom:0; height: 40px; opacity: 1; text-align: center; line-height:1.2; }

#bnr a { float:none; width:auto; height: auto; padding: 16px 20px; }
#bnr dl dt { font-size:13px; }
#bnr dl dd { font-size:18px; }    
#bnr img { height: 30px; }    
    
    
/* sublayout */
.sv { height: 200px; }
.sv span { font-size:18px; }
.sv h2 { font-size:24px; }

.sm { padding:0 3%; }
.sm select { outline:none; width:100%; border:none; height:50px; background:none; font:16px ntr; }


.pad { padding:80px 0; }
.tline:before { width: 40px; height: 3px; margin-bottom: 14px; }

/* sub1_1 */
#sub1_1 { background-size:auto 60px; }
#sub1_1 .cont1 div.fl { height: auto; background:url(/images/m_ceo.png) no-repeat left bottom/100%; margin-top: 20px; padding:40px 0 40px 100px; }
#sub1_1 .cont1 div.fl article { padding-left: 0; line-height:1.6; font-size:13px; }
#sub1_1 .cont1 strong { font-size:16px; }
#sub1_1 .cont1 p img { height: 26px; }

#sub1_1 .cont2 { padding-top: 80px; }
#sub1_1 .cont2 ul { flex-wrap: wrap; }
#sub1_1 .cont2 ul.logo { margin-top: 40px; }
#sub1_1 .cont2 ul.logo li { width:calc((100% - 20px) / 3); margin-bottom: 10px; border-width: 1px; }
#sub1_1 .cont2 ul.logo li img { max-width: 80%; max-height:24px; }
#sub1_1 .cont2 figure { margin-top: 40px; }
#sub1_1 .cont2 figure img:nth-child(1) { height:auto; width: 100%; margin-right: 0; margin-bottom: 10px; }
#sub1_1 .cont2 figure img:nth-child(2) { height:auto; width: 100%; margin-bottom: 10px; }
#sub1_1 .cont2 figure img:nth-child(3) { width:calc((100% - 10px) / 2); margin-top: 0; margin-right: 10px; }
#sub1_1 .cont2 figure img:nth-child(4) { width:calc((100% - 10px) / 2); margin-top: 0;}
#sub1_1 .cont2 ul.bc { margin-top: 10px; flex-wrap: wrap; }
#sub1_1 .cont2 ul.bc li { width:calc((100% - 10px) / 2); margin-bottom: 10px; }
#sub1_1 .cont2 ul.bc li img { width:100%; height: auto; }

#sub1_1 .cont3 { margin-top: 80px; }
#sub1_1 .cont3 article { width: auto; float:none; }
#sub1_1 .cont3 article:last-child { margin-top: 60px; }   
#sub1_1 .cont3 article ul { margin-top: 20px; }
#sub1_1 .cont3 article ul li { padding-left: 20px; margin-bottom: 10px; font-size:13px; }
#sub1_1 .cont3 article ul li:before { width: 8px; height: 8px; top:4px;  }    
    
    
/* sub1_2 */
#sub1_2 .cont1 .history { margin-top:40px; padding:80px 0; background-size:auto 240px; }
#sub1_2 .cont1 article:first-child ~ article { margin-top: 60px; }
#sub1_2 .cont1 article .left { width: auto; font-size:20px; padding-top:0; float:none; border:none; }
#sub1_2 .cont1 article .right { margin-top: 10px; width: auto; float:none; border-top:1px solid #f56f20; }
#sub1_2 .cont1 article .right li { display: block; height: auto; padding:10px 0 10px 20px; font-size:13px; }
#sub1_2 .cont1 article .right li:before { width: 8px; height: 8px; top:14px;  }

#sub1_2 .cont2 { padding:80px 0; }
#sub1_2 .cont2 article:first-of-type { margin-top: 40px; }
#sub1_2 .cont2 article:first-of-type ~ article { margin-top: 60px; }
#sub1_2 .cont2 article .left { width: auto; border-top:none; font-size:20px; padding-top:0; float:none; margin-bottom: 10px; color:#f56f20; font-family: ntm; }
#sub1_2 .cont2 article .right { width: auto; float:none; border-color:#f56f20; }
#sub1_2 .cont2 article .right li { width:33.3333%; height: 60px; }
#sub1_2 .cont2 article .right li:nth-of-type(3n + 1) { border-left:1px solid #ddd; clear: both; }
#sub1_2 .cont2 article .right li img { max-width: 80%; max-height: 30px; }

    
/* sub1_3 */
#sub1_3 .cont1 ul { margin-top: 40px; }
#sub1_3 .cont1 ul li { float:none; width:auto; margin-right: 0; margin-bottom: 60px; display: block; }
#sub1_3 .cont1 ul li img { margin:0 auto; display: block; width: 200px; }
#sub1_3 .cont1 ul li article { width: auto; }
#sub1_3 .cont1 ul li article h3 { font-size:14px; text-align: center; margin-top: 20px;  }
#sub1_3 .cont1 ul li article h3 strong { font-size:18px; letter-spacing: 1px; }
#sub1_3 .cont1 ul li article h3 span { display: block; }
#sub1_3 .cont1 ul li article dl { padding:10px 0; padding-left: 60px; font:13px/1.6 ntr; }
#sub1_3 .cont1 ul li article dl dt { top:10px; width: 50px; line-height:24px; }
#sub1_3 .cont1 ul li article dl dd { margin-top: 10px; position: relative; padding-left: 20px;  }
#sub1_3 .cont1 ul li article dl dd:before { width: 8px; height: 8px; top:4px;  }
#sub1_3 .cont1 ul li article dl dd:first-of-type { margin-top: 0; }

#sub1_3 .cont2 { padding:80px 0; }
#sub1_3 .cont2 .edu .swiper-slide { width: 48%; margin:0 4% 4vw 0; }
#sub1_3 .cont2 .edu .swiper-slide:nth-child(2n) { margin-right: 0; }
#sub1_3 .cont2 .edu .swiper-slide:nth-child(2n+1) { clear: both; }
#sub1_3 .cont2 .edu .swiper-slide p { font-size:13px; height: 40px; line-height:1.2; }
    
#sub1_3 .cont3 { padding:80px 0; }
#sub1_3 .cont3 ul { margin-top: 40px; }
#sub1_3 .cont3 ul li { width: 48%; margin:0 4% 40px 0; }
#sub1_3 .cont3 ul li:nth-child(2n) { margin-right: 0; }
#sub1_3 .cont3 ul li:nth-child(2n+1) { clear: both; }
#sub1_3 .cont3 ul li img { width:100%; height:60vw; border-radius: 30px 0; }
#sub1_3 .cont3 ul li dl { margin-top: 10px; }
#sub1_3 .cont3 ul li dl dt { font:16px ntm; }
#sub1_3 .cont3 ul li dl dt strong { font-size:18px; }
#sub1_3 .cont3 ul li dl dd { font-size:13px; }
#sub1_3 .cont3 ul li a { font-size:13px; padding:0 30px; }  
    
.profile article { max-width:340px; padding:20px; box-sizing: border-box; }
.profile article .left { width: auto; float:none; margin-right: 0; }
.profile article .left img { width: 60%; }
.profile article .left dl dt { font-size:13px; margin-top: 10px; }
.profile article .left dl dt strong { font-size:18px; }
.profile article .left dl dd { font-size:13px; }
.profile article .right { width: auto; float:none; margin-top: 20px;  }
.profile article .right dl { padding:10px 0; padding-left: 60px; font:13px/1.6 ntr; }
.profile article .right dl dt { top:10px; width: 50px; line-height:24px; }
.profile article .right dl dd { margin-top: 10px; position: relative; padding-left: 20px; word-break: keep-all; }
.profile article .right dl dd:before { width: 8px; height: 8px; top:4px;  }
.profile article .right dl dd:first-of-type { margin-top: 0; }
.profile .xi-close-thin { right:10px; top:10px; }

    
/* sub1_4 */
#sub1_4 .wrap.fl { margin-top: 60px; display: block; }
#sub1_4 article { width: auto; height: auto; padding:40px 14px; }
#sub1_4 article:nth-child(2) { margin:40px 0; }
#sub1_4 article:nth-child(3) { width: auto; }
#sub1_4 article dl { background-size:auto 90% !important; }
#sub1_4 article dt { font-size:14px;  }
#sub1_4 article dd { font-size:20px;  }
#sub1_4 article ul li { width:48.5%; margin:20px 3% 0 0; }
#sub1_4 article:nth-child(3) li { width: 48.5%; margin-right: 3%; }
#sub1_4 article ul li:nth-child(2n) { margin-right: 0; }
#sub1_4 article ul li a { font-size:13px; }    
    
    
    
/* sub1_5 */
#sub1_5 .cnamap { margin-top: 40px; }
#sub1_5 .cnamap .root_daum_roughmap .wrap_map { height: 300px !important; }
#sub1_5 .cont1 ul { margin-top: 40px; }
#sub1_5 .cont1 ul li { float:none; width:auto; border:none; border-bottom: 1px solid #ddd; height: 100px; }
#sub1_5 .cont1 ul li:last-child { border:none; }
#sub1_5 .cont1 ul li h2 { font-size:18px; }
#sub1_5 .cont1 ul li h2 img { transform: scale(0.8); }
#sub1_5 .cont1 ul li p { font-size:14px; }    
    
    
    
/* sub2_1 */
.cont .left { float:none; width: auto; }
.cont .right { float:none; width: auto; }
.cont .cont1 h2 { margin-bottom: 60px; }
.cont .cont1 .bg { padding:20px 0; }
.cont .cont1 .bg .left { position: static; padding:60px 14px 14px; font-size:14px; }
.cont .cont1 .bg .left img { right:14px; top:14px; height: 40px;  }
.cont .cont1 .right p { font-size:14px; margin-top: 20px; padding:0 14px; }
.cont .cont1 .right div.fl { margin-top: 20px; display: block; }
.cont .cont1 .right div.fl figure { padding:20px; display:flex; align-items: center; justify-content: center; }
.cont .cont1 .right div.fl figure img { max-width: 80%; }
.cont .cont1 .right div.fl .ment { border-left:none; border-top:2px solid #ddd; padding-left: 0; width:calc(100% - 28px); margin:0 auto; font-size:14px; padding-bottom: 20px; padding-top: 20px;  }
.cont .cont1 .right div.fl .ment strong { font-size:16px; }

.cont .cont2 { margin-top: 80px; }
.cont .cont2 .left,
.cont .cont3 .left,
.cont .cont4 .left,
.cont .cont6 .left,
.cont .cont7 .left { border-top:none; border-bottom:2px solid #f56f20; font-size:20px; padding-top: 0; padding-bottom: 10px;  }
.cont .cont2 .cont2_1 .right { border-top:none; }
.cont .cont2 .cont2_1 .right li { float:none; width:auto; padding:20px 0; }
.cont .cont2 .cont2_1 .right li:after { right:auto; height: 0; width:100px; border-top:1px solid #ddd; top:auto; bottom:0; left:calc(50% - 50px); }
.cont .cont2 .cont2_1 .right li figure { height: 40px; }
.cont .cont2 .cont2_1 .right li figure img { transform: scale(0.7);}
.cont .cont2 .cont2_1 .right li p { font-size:14px; }

.cont .cont2 .cont2_2 .right { justify-content: center; align-items: center; flex-direction: column; }
.cont .cont2 .cont2_2 .right dl { padding:20px; width: 100%;}
.cont .cont2 .cont2_2 .right dl dt { font-size:16px; margin-bottom: 14px;  }
.cont .cont2 .cont2_2 .right dl dd { font-size:14px; padding-left: 10px; }
.cont .cont2 .cont2_2 .right i { font-size:20px; transform: rotate(90deg); margin:10px auto; } 
.cont .cont2 .cont2_2 .right i:before { position: static;}

.cont .cont3 { padding:80px 0; margin-top: 80px;}
.cont .cont3 h3 { font-size:18px; margin-top: 20px; }
.cont .cont3 h3 img { height: 24px; margin-right: 4px; }
.cont .cont3 .right > ul { margin-top: 20px; align-items: center; justify-content: center; flex-direction: column; }
.cont .cont3 .right > ul > li { width: 100%; padding:20px 0; margin-bottom: 20px; }
.cont .cont3 .right .time strong { font-size:18px; }
.cont .cont3 .right .time p { font-size:14px; }
.cont .cont3 .right .time li:after { border-top:none; border-left:2px solid #f56f20; top:auto; height:20px; bottom:-22px; right:auto; width:0; }

.cont .cont3 .right .prs { margin-top: 40px; }
.cont .cont3 .right .prs li { justify-content: flex-start; }
.cont .cont3 .right .prs li div { width: 120px; border-right:2px solid #ddd; padding:4px 0; }
.cont .cont3 .right .prs li div figure { height: 40px; }
.cont .cont3 .right .prs li div figure img { transform: scale(0.8); }
.cont .cont3 .right .prs li div h4 { font:16px ntm; margin-top: 0px; }
.cont .cont3 .right .prs li ul { font-size:14px; margin-left: 20px; }
.cont .cont3 .right .prs li ul li { padding-left: 10px; }
.cont .cont3 .right .prs li p { font-size:14px; margin-left: 20px; }

.cont .cont4 { margin-top: 80px; }
.cont .cont4 .right li { width: 48.5%; height: auto; display: block; margin-bottom:0; margin-top: 10px; padding:0 14px 14px; box-sizing: border-box; }
.cont .cont4 .right li figure { height: 60px; border-right:none; border-bottom:2px solid #ddd; width:auto; }
.cont .cont4 .right li figure img { max-width: 90%; max-height:50px; }
.cont .cont4 .right li dl { padding-left:0; margin-top: 10px; font-size:14px; text-align: center; }
.cont .cont4 .right li dd { font-size:13px; }

.cont .cont5 { margin-top: 60px; }
.cont .cont5 ul li { float:none; width:auto; padding:20px;}
.cont .cont5 ul li i { right:10px; }
.cont .cont5 ul li dl dt { font-size:13px; display: inline-block; margin-right: 10px; }
.cont .cont5 ul li dl dd { font:16px ntm; display: inline-block; }
.cont .cont5 ul li div { position: static; margin-top: 10px; }
.cont .cont5 ul li div p { font-size:13px; justify-content: flex-start;  }
.cont .cont5 ul li div p img { margin-left: 28px; transform: scale(0.9); }



/* sub3_1 */
#sub3_1 .cont2 .cont2_1 .right li { width:auto; }
#sub3_1 .cont2 .cont2_2 .right dl { width: 100%; }
#sub3_1 .cont3 .right > ul.time > li { width: 100%; }
#sub3_3 .cont2 .cont2_1 .right li { width:auto; }
#sub3_4 .cont2 .cont2_1 .right li { width:auto; }

#sub3_4 .cont2 .cont2_3 { background: #f7f7f7; padding:100px 0; }
#sub3_4 .cont2 .cont2_3 .right dl { background: #fff; }

#sub3_4 .cont6 { padding:80px 0; margin-top: 80px; }
#sub3_4 .cont6 .right li { margin-bottom: 20px; padding:20px; }
#sub3_4 .cont6 .right li h3 { font-size:16px; margin-bottom: 14px; }
#sub3_4 .cont6 .right li p { font-size:14px; }
#sub3_4 .cont6 .right li p:before { content:"-"; position: absolute; left: 0;}
#sub3_4 .cont7 { margin-top: 80px; }
#sub3_4 .cont7 .left span { font-size:13px; margin-top: 4px; }
#sub3_4 .cont7 .right { padding:0px; }
#sub3_4 .cont7 .right img { width: 100%; }

/* news */
.about_notice_board table th { height: auto; padding:14px 0;  }
.about_notice_board table td { height: auto; padding:14px 0;  }
.about_notice_board .paging span.number { font-size:13px; }
.about_notice_board .paging span.number.on {  line-height:27px; }
.about_notice_board .paging span.number.off { line-height:27px; }
.about_notice_board table td { font-size:13px; }
.b_no { width: 15%; }
.b_tit { width: 85%; }


.about_notice_board .about_notice_board_con { font-size:13px; padding:10px; }
.about_notice_board .about_notice_board_con img { max-width: 100%; height:auto; }
.about_notice_board .about_notice_board_list { font-size:13px; }
.about_notice_board table.view td.title { padding: 0 10px; font-size:16px; box-sizing: border-box; }
.about_notice_board table.view td.date p { line-height:1.8; padding-left:10px; font-size:13px;  }
.about_notice_board table.view td.date span { padding-right: 10px; }

.search { width:100%; }
.search select { background: none; }
.search form[name='s_mem'] { width: 100%; }
.search form[name='s_mem'] .input_sch { width:calc(100% - 132px); }
    

/* sub5_1 */
#sub5_1 .box p { font-size:14px; margin-top: 10px;  }
#sub5_1 .box .pic { padding:60px 0; margin-top: 30px; }
#sub5_1 .box .pic ul { width:260px; height:260px; }
#sub5_1 .box .pic ul li i { font-size:20px; padding:20px; }
#sub5_1 .box .pic ul li i span { font-size:13px; }
#sub5_1 .box .pic em { padding:15px; width: 35%; font-size:13px; }
#sub5_1 .box .pic em:nth-of-type(1) { right:auto; left:0%; top:-2%; bottom:auto; padding-right: 15px; }
#sub5_1 .box .pic em:nth-of-type(2) { left:auto; right:0%; top:-2%; bottom:auto;padding-left: 15px; }
#sub5_1 .box .pic em:nth-of-type(3) { left:auto; right:0%; bottom:-2%; top:auto; padding-left: 15px; }
#sub5_1 .box .pic em:nth-of-type(4) { right:auto; left:0%; bottom:-2%; top:auto; padding-right: 15px; }

#sub5_1 .cont3 .right .time { margin-top: 0; }
#sub5_1 .cont3 .right .time li { padding:20px; }
#sub5_1 .cont4 .right { display: block; }
#sub5_1 .cont4 .right li { width:auto; display:flex; padding:10px; }
#sub5_1 .cont4 .right li figure { width: 80px; }
#sub5_1 .cont4 .right li figure img { height:40px; }
#sub5_1 .cont4 .right li dl { padding-left: 10px; text-align: left; margin-top: 0; }

#sub5_1 .cont3 .right .time li:after { left:50%; }
#sub5_1 .cont6 .right { font-size:14px; margin-top: 10px; background-size:140px; background-position:right 120px; }

#sub5_1 .cont6 strong { margin-top: 20px; font-size:18px; }
#sub5_1 .cont6 ul li { margin-top: 4px; }
#sub5_1 .cont6 .part1 li:before { margin-right: 6px;  }
#sub5_1 .cont6 .part2 li { padding-left: 16px; }

#sub5_1 .cont7 .part3 li { padding-left: 14px; }

#sub5_1 .cont8 { margin-top: 40px; }
#sub5_1 .cont8 p { font-size:14px; margin-top: 20px; }
#sub5_1 .cont8 .right div.fl { margin-top: 20px; display: block; }
#sub5_1 .cont8 .right div.fl figure { padding:20px; display:flex; align-items: center; justify-content: center; }
#sub5_1 .cont8 .right div.fl figure img { max-width: 80%; }
#sub5_1 .cont8 .right div.fl .ment { border-left:none; border-top:2px solid #ddd; padding-left: 0; width:calc(100% - 28px); margin:0 auto; font-size:14px; padding-bottom: 20px; padding-top: 20px;  }
#sub5_1 .cont8 .right div.fl .ment strong { font-size:16px; }
#sub5_1 .cont8 .right p { padding:14px; }

#sub5_1 .cont8 .right h2, #sub5_1 .right h2.tt { font-size:18px; }
#sub5_1 .option { margin-top: 40px; } 
#sub5_1 .option .cont2_2 .right .fl { flex-direction: column; }

/* #sub5_1 .pay { display: block; margin-top: 40px; }
#sub5_1 .pay article { width: auto; padding:20px; font-size:14px; }
#sub5_1 .pay article:first-child { border-right:none; border-bottom:1px solid #0070cd; }
#sub5_1 .pay p { height: auto; }
#sub5_1 .pay .btn { margin:20px auto 0; font:16px/50px ntm; } */

#sub5_1 .pay { margin-top:80px; text-align: left; }
#sub5_1 .pay strong { font-size:16px; }
#sub5_1 .pay p { font-size:14px; }
#sub5_1 .pay .cl { margin-top: 30px; margin-bottom: 100px;}
#sub5_1 .pay table { float:none; width: 100%; font-size:14px; text-align: center; }
#sub5_1 .pay table:first-child { width: 100%; margin-bottom: 100px; }
#sub5_1 .pay table:last-child th:first-child { display: table-cell; }
#sub5_1 .pay table:last-child th, #sub5_1 .pay table:last-child td { border-left:1px solid #ddd; }
#sub5_1 .pay table th, #sub5_1 .pay table td { padding:10px; }
#sub5_1 .pay table th:first-child { width: 60px; }
#sub5_1 .pay .btn { width:220px; font-size:14px; position: absolute; left: calc(50% - 110px); line-height:44px; }

/* sub6_1 */
#sub6_1 .cont1 ul { margin-top: 60px; }
#sub6_1 .cont1 ul li { width: 48.5%; margin:0 3% 60px 0; }
#sub6_1 .cont1 ul li:nth-child(2n) { margin-right: 0; }
#sub6_1 .cont1 ul li:nth-child(2n+1) { clear: both; }
#sub6_1 .cont1 ul li figure img { height: 200px; }
#sub6_1 .cont1 ul li dl { margin-top: 20px; text-align: left; }
#sub6_1 .cont1 ul li dl dt { font-size:14px; }
#sub6_1 .cont1 ul li dl dd { font-size:13px; }    
    
    
/* sub6_2 */
#sub6_2 .cont1 ~ div { margin-top: 80px; }
#sub6_2 .cont1 ~ div .left { border-top:none; border-bottom:2px solid #f56f20; font-size:20px; padding-top: 0; padding-bottom: 10px;  }

#sub6_2 .cont6 .right { padding:20px; display: block; }
#sub6_2 .cont6 .right figure { width:auto; text-align: left; float:left; margin-right: 20px; margin-bottom: 6px; }
#sub6_2 .cont6 .right figure img { width: 80px; }
#sub6_2 .cont6 .right p { font-size:14px; line-height:1.6; }

#sub6_2 .cont7 .right { display: block; padding:20px 10px; }
#sub6_2 .cont7 .right article { width: auto; }
#sub6_2 .cont7 .right figure { width: auto; }
#sub6_2 .cont7 .right figure img { width: 80%; }
#sub6_2 .cont7 .right h3 { font-size:18px ntm; margin-top: 30px; }
#sub6_2 .cont7 .right h3:last-of-type { margin-top: 30px; }
#sub6_2 .cont7 .right ul li { padding-left: 12px; margin-top: 10px; font-size:13px; }
#sub6_2 .cont7 .right ul li:before { width: 6px; height: 6px; top:6px;  }

#sub6_2 .cont8 .right ul li { padding-left: 12px; font-size: 14px; margin-top: 10px; }
#sub6_2 .cont8 ul li:before { width: 6px; height: 6px; top:9px;  }
#sub6_2 .cont8 div.fl { margin-top: 30px; display: block; }
#sub6_2 .cont8 div.fl figure { height: auto;  }
#sub6_2 .cont8 div.fl figure img { max-width: 240px; max-height: 180px; }
#sub6_2 .cont8 div.fl div { padding:20px; width: auto; }
#sub6_2 .cont8 div.fl div p { font-size:14px; }
#sub6_2 .cont8 div.fl div p strong { font-size:16px; }
#sub6_2 .cont8 div.fl i { display: block; text-align: center; }
#sub6_2 .cont8 div.fl i:before { width:40px; line-height:40px; font-size:24px; display: inline-block; position: static; margin:20px auto; }

#sub6_2 .cont9 .left span { font-size:14px; margin-top: 6px; } 
#sub6_2 .cont9 ul li { padding:10px 0; }
#sub6_2 .cont9 ul li img { height: 60px; }
#sub6_2 .cont9 ul li p { margin-left: 20px; font-size:13px;  }

#sub6_2 .cont10 .right { display: block; }
#sub6_2 .cont10 .fl div { width: auto; margin-top: 20px; }
#sub6_2 .cont10 .fl div img { width: 48.5%; }
#sub6_2 .cont10 .fl div p { padding:10px; margin-top: 10px; font-size:13px; }


#sub6_2 .cont11 .fl { display: block; }
#sub6_2 .cont11 .fl li { margin-top: 20px; }
#sub6_2 .cont11 .fl li p { font-size:13px; margin-top: 10px; }
#sub6_2 .cont11 .fl li img { width: 100%; }


#sub6_2 .cont12 { padding:80px 0; }
#sub6_2 .cont12 .fl { display: block; }
#sub6_2 .cont12 .fl li { width: auto; margin-top: 20px; }
#sub6_2 .cont12 .fl li img { width: 100%; }
#sub6_2 .cont12 .fl li p { font-size:13px; margin-top: 10px; }    
    
    
/* sub6_3 */
#sub6_2 .cont13 ul { display: block; }
#sub6_2 .cont13 ul li { width: auto; padding:30px 20px; font-size:13px; margin-bottom: 20px; }
#sub6_2 .cont13 ul li h3 { font-size:14px; width: 80px;  }

#sub6_2 .cont14 .left span { font-size:14px; margin-top: 6px; }     
#sub6_2 .cont14 .right { display: block; }
#sub6_2 .cont14 .right.fl > ul:first-child { width: 100%; margin-bottom: 20px; }
#sub6_2 .cont14 .right.fl > ul:first-child li { padding-left: 12px; margin-top: 10px; font-size:13px;  }
#sub6_2 .cont14 .right.fl > ul:first-child li:before { width: 6px; height: 6px; top:6px;  }
    
#sub6_2 .cont14 .right div.fl { display: block; padding:20px; width: auto; }
#sub6_2 .cont14 .right div.fl img { max-width: 240px; max-height: 180px; }
#sub6_2 .cont14 .right.fl div p { font-size:14px; }
#sub6_2 .cont14 .right.fl div p strong { font-size:16px;}
    
#sub6_2 .cont14 .right.fl ul:last-of-type { width: auto; margin-top: 20px;  }
#sub6_2 .cont14 .right.fl ul:last-of-type li { padding:10px 0; }
#sub6_2 .cont14 .right.fl ul:last-of-type li:first-child { padding-top: 0;  }
#sub6_2 .cont14 .right.fl ul:last-of-type li p { margin-left: 20px; font-size:13px; }
#sub6_2 .cont14 .right.fl ul:last-of-type li img { width: 60px; }
    
#sub6_2 .cont15 { padding:80px 0; }
#sub6_2 .cont15 div.fl { padding:30px 0; display: block; }
#sub6_2 .cont15 div.fl figure { width: auto; }
#sub6_2 .cont15 div.fl figure img { width: 220px;  }
#sub6_2 .cont15 div.fl article { width:280px; margin:20px auto 0; border-left:none; border-top:1px solid #ddd; padding:20px 0 0; }
#sub6_2 .cont15 div.fl article p { padding-left: 30px; font-size:13px; }
#sub6_2 .cont15 div.fl article p:last-child {margin-top: 20px; }
#sub6_2 .cont15 div.fl article p span { width: 24px; height: 24px; line-height:24px; top:-2px; }
#sub6_2 .cont15 ul.fl { display: block; }
#sub6_2 .cont15 ul.fl li { width: auto; margin-bottom: 20px; }
#sub6_2 .cont15 ul.fl li img { width: 100%; }
#sub6_2 .cont15 ul.fl li p { font-size:13px; margin-top: 10px; }    
    
    
    
/* best */
#bg_best .wrap { background-position: right 40px;  background-size:auto 60px; padding:40px 0; }
#bg_best p { font-size:14px; line-height:1.6; }
#bg_best p:before { width: 40px; margin-top:20px; margin-bottom: 20px; }


#bestcase h3 { font-size:20px; margin-bottom: 30px; }
#bestcase .cont1 ul li { float:none; width:auto; margin: 0 0 20px 0; }
#bestcase .cont1 ul li label { width:100px; font-size:14px; }
#bestcase .cont1 ul li label:before { top: -1px; margin-right: 6px; }
#bestcase .cont1 ul li input { font-size:14px; width:calc(100% - 128px); }

#bestcase .cont2 { padding-top: 40px; }
#bestcase .cont2 .info { padding:20px; font-size:13px;  }
#bestcase .cont2 .info p { height:240px; }
#bestcase .cont2 .agree { margin-top: 20px; font-size:14px; }
#bestcase .cont2 .agree input { width: 13px; height: 13px; margin-right: 4px; }
#bestcase .cont2 .send { width: 200px; font:14px ntd; margin:40px auto 0; }    
    
    
/* qna */
#bg_best.qna .wrap { background-size:auto 70px; }
#bestcase .cont3 { padding-top: 40px;  }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
/* index */
#subject .swiper-slide:hover { background: #f56f20 no-repeat right center; color:#fff; }
#subject .swiper-slide:hover i { opacity: 1; }
    
/* sub1_4 */
#sub1_4 article:nth-child(1) ul li:nth-child(3n) { margin-right: 0; }
#sub1_4 article:nth-child(2) ul li:nth-child(3n) { margin-right: 0; }
#sub1_4 article:nth-child(3) ul li:nth-child(4n) { margin-right: 0; }
    
}