@media (max-width:800px) { /* 모바일용 */
.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.up { top:-62px; }
#w_header.down { height: 100vh; }
#w_header:after { top: 61px; }
#w_header h1 { padding-top: 15px; }
#w_header h1 img { height: 30px; }
#w_header #w_gnb { position: static; width: 240px; margin:60px auto 0;  }
#w_header #w_gnb > li { float:none; border-bottom:1px solid #666; }    
#w_header #w_gnb > li:last-child { border:none;  }    
#w_header #w_gnb > li > a { padding:0; line-height: 50px; display: block; font-size:18px; }  
#w_header #w_gnb > li > a:after { display: none; } 
#w_header #w_gnb ul { padding:0; line-height:50px; display: none; }
#w_header #w_gnb ul li { border-top:1px dashed #666; margin-bottom: 0; }
#w_header .contact { width: 240px; margin:20px auto 0; height: 40px; position:static; font-size:16px;}
#w_header .lang { position: static; font-size:16px; display:flex; align-items: center; justify-content: center; margin-top: 20px;}
#w_header .lang li { float:none; }
#w_header .lang li:after { margin:0 14px; }
#w_header .lang li a { opacity: 0.5; padding:10px 14px; } 

#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 40px; 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_footer { padding:40px 0; }
#w_footer .wrap { font-size:13px; }
#w_footer p { margin-top: 20px; }
#w_footer span { margin-top: 30px; }


/* index */
#main .ment { width: 90%; }
#main .ment img { height: 60px; }
#main .ment h2 { margin-top: 20px; }

#business h2 { height: 100px; border:none; }
#business ul { border-left:1px solid #666; }
#business ul li { float:none; width: auto; }
#business ul li figure { border-top:1px solid #666;}
#business ul li:first-child figure { border-top:none;}
#business ul li figure img { height: 240px; }
#business ul li dl { padding:20px 10px 40px; }
#business ul li dl dd { margin-top: 20px; }
#business ul li dl dd.cp br { display: none; }
#business ul li a { right: 10px; bottom: 40px; }

#dds { padding:120px 0;}
#dds .wrap { display: block; }
#dds article { text-align: center; }
#dds article p.cp { margin-top: 20px; }
#dds article p.f18 { margin-top: 30px; }
#dds article a { left:auto; right:10px; bottom:10px; z-index:1;  }
#dds figure { margin-top: 40px; border-radius: 10px; }
#dds figure img { width: 100%; }

#latest { margin-bottom: 120px; }
#latest .wrap { display: block; }
#latest .wrap > * { width: auto; margin-bottom: 40px;}
#latest article a { margin-top: 30px; }
#latest .lat .lat_title { padding-bottom: 10px; }
#latest .lat .lat_title a { font-size:18px; }
#latest .lat ul { margin-top: 10px;}
#latest .lat li a { font:14px/2.5 stm; }

#contact { padding:100px 0;}
#contact .wrap { display: block; }
#contact article { width: auto; margin-top: 40px; }
#contact article:nth-child(1) { padding-top: 0; margin-top: 0; }
#contact article ul li { padding-left: 60px; font-size:14px;}
#contact article ul li span { font-size:13px; }
#contact article ul li:last-child span { padding-top:1px; }
#contact article > p { text-align: center; }
#contact article a.cb { position: static; margin:20px auto 0;}

#lab img { height: 240px; }
#lab p { width: 300px; }

/* sub layout */
.sv { height: 200px; }

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

.left { width: auto; float:none; }
.left h2 { display: inline-block; }
.left .cp { display: inline-block; margin-top: 0; margin-left: 10px; font-size:13px;  }
.right { width: auto; float:none; margin-top: 40px; }
.pad { padding:60px 0 120px; }

/* sub1_1 */
#sub1_1 .cont1 p { margin-top: 20px; font-size:14px; }

#sub1_1 .cont2 { margin:30px 0; display: block; position: relative; }
#sub1_1 .cont2 figure {border-radius: 10px; }
#sub1_1 .cont2 figure img { width: 100%; }
#sub1_1 .cont2 div { position: absolute; right: 3%; top:-20px; margin-left: 0; }
#sub1_1 .cont2 div > img:first-child { width: 100px;}
#sub1_1 .cont2 div > img:last-child { height: 40px; }

#sub1_1 .cont3 p { font-size:14px; }


/* sub1_2 */
#sub1_2 .cont1 p { margin-top: 20px; font-size:14px; }

#sub1_2 .cont2 { margin-top: 80px; }
#sub1_2 .cont2 article p { float:none; width: auto; margin-top: 10px; }
#sub1_2 .cont2 div.fl { flex-direction:column; margin:40px 0; }
#sub1_2 .cont2 div.fl i { font-weight: 900; transform: rotate(90deg); margin:20px 0; }
#sub1_2 .cont2 figure { border-radius: 10px; }
#sub1_2 .cont2 figure img { height: 240px;}

#sub1_2 .cont3 { margin-top: 80px; }
#sub1_2 .cont3 article p { float:none; width: auto; margin-top: 10px; }
#sub1_2 .cont3 ul { flex-direction:column; margin-top: 0;}
#sub1_2 .cont3 ul li { width: 200px; margin-top: 40px;}
#sub1_2 .cont3 ul li figure { width: 200px; height: 200px; }
#sub1_2 .cont3 ul li figure:before { height: 40px; }
#sub1_2 .cont3 ul li figure:after { top:calc(100% + 40px); }
#sub1_2 .cont3 ul li figure figcaption { margin-top: 10px; }
#sub1_2 .cont3 ul li p { margin-top: 60px; font-size:16px;}

/* sub1_3 */
#sub1_3 .cont1 h2 { position: static; }
#sub1_3 .cont1 figure { margin-top: 40px; border-radius: 10px; width: 100%; height: 110vw; }
#sub1_3 .cont1 ul { position: static; margin-top: 30px; }
#sub1_3 .cont1 ul li { padding-left: 20px; font-size:14px;  }
#sub1_3 .cont1 ul li.point:before { left: 0px; top: 7px; }
#sub1_3 .cont1 ul li strong { width: 50px; }
#sub1_3 .cont1 ul li span { width: 30px; }


/* sub2_1 */
#sub2_1 .cont1 figure { height: 240px; margin:40px 0 20px;}
#sub2_1 .cont1 p { font-size:14px; }

#sub2_1 .cont2 { margin-top: 80px; flex-direction: column; }
#sub2_1 .cont2 div { margin-bottom: 100px; }
#sub2_1 .cont2 div p { width: 180px; height: 180px; }
#sub2_1 .cont2 div p:before { left: 50%; top:100%; transform: translateX(-50%); width:0; height: 100px; border-top:none; border-left:2px solid #378158;}
#sub2_1 .cont2 div p:after { left: 50%; top:calc(100% + 95px); transform: translateX(-50%); }

#sub2_1 .cont2 ul { width: 342px; height: 342px; }
#sub2_1 .cont2 ul li { width: 170px; height: 170px; }
#sub2_1 .cont2 ul li img { width: 60px; }
#sub2_1 .cont2 ul li p { margin-top: 10px; font-size:16px;}

/* sub2_2 */
#sub2_2 .cont1 figure { height: 240px; }
#sub2_2 .cont1 figure figcaption { font-size:50px; }
#sub2_2 .cont1 h2 { margin-top: 20px; font-size:30px; }
#sub2_2 .cont1 .cl { margin-top: 20px; text-align: center; }
#sub2_2 .cont1 .cl p { margin-top: 10px; }

#sub2_2 .cont2 { margin-top: 100px; }
#sub2_2 .cont2 ul li { padding-top: 10px; padding-bottom: 30px; }
#sub2_2 .cont2 ul li > div { display: block; }
#sub2_2 .cont2 ul li > div img { width: 100%; }
#sub2_2 .cont2 ul li > div article { width: auto; margin-top: 20px; text-align: center; }
#sub2_2 .cont2 ul li > div article p { margin-top: 10px; line-height:1.8; font-size:14px; }

#sub2_2 .cont3 { margin-top: 80px; padding-bottom: 20px;}
#sub2_2 .cont3 ul li { width:50%; }
#sub2_2 .cont3 ul li:nth-child(3n+1) { clear:none;}
#sub2_2 .cont3 ul li:nth-child(2n+1) { clear: both; }
#sub2_2 .cont3 ul li figure { width: 60px; height:70px; }
#sub2_2 .cont3 ul li figure img { width: 40px; }
#sub2_2 .cont3 ul li p { width:calc(100% - 60px); font-size:14px; }

#sub2_2 .cont4 { margin-top: 80px; }
#sub2_2 .cont4 p { margin-top: 10px; }
#sub2_2 .cont4 div.fl { margin-top: 40px; flex-direction: column; }
#sub2_2 .cont4 div.fl > div:nth-child(2) { margin-left: 0; margin-top: -50px; margin-bottom: 30px; }
#sub2_2 .cont4 div.fl > div:nth-child(2) h3 { color:#fff; }
#sub2_2 .cont4 div.fl h3 { top: 60px; }
#sub2_2 .cont4 div.fl > i { transform: rotate(90deg); width:auto; }
#sub2_2 .cont4 div.fl > div:last-child { width: 320px; height: 320px; margin-top: 30px;}
#sub2_2 .cont4 div.fl > div:last-child img { height: 70px; }

#sub2_2 .cont4 ul { margin-top:40px; }
#sub2_2 .cont4 ul li { width: 32%; height: 32vw; border-radius: 10px; margin-top: 20px; }
#sub2_2 .cont4 ul li p { margin-top: 0; }

/* sub2_3 */
#sub2_3 .left ul { margin-top: 20px; }
#sub2_3 .left ul li { float:left; width: 33.3333%; }
#sub2_3 .left ul li a { padding-left: 0; text-align: center; justify-content: center; }
#sub2_3 .left ul li.select a i { display: none; }
#sub2_3 .cont2 { margin-top: 40px; }
#sub2_3 .cont2 #bo_gall .gall_li { width: 48.5%; margin-right: 3%;}
#sub2_3 .cont2 #bo_gall .gall_li:nth-child(2n) { margin-right: 0; }
#sub2_3 .cont2 #bo_gall .gall_li:nth-child(2n+1) { clear: both; }
#sub2_3 .cont2 #bo_gall .gall_img img, 
#sub2_3 .cont2 #bo_gall .gall_img video { height: auto !important; aspect-ratio: 1 / 1.4; }
#sub2_3 .cont2 #bo_gall .gall_text_href a { font-size: 14px; }

#sub2_3.thesis .cont2 #bo_gall .gall_li { width: 48.5%; }


/* sub3_1 */
#sub3_1 .cont1 figure { border-radius: 10px; height: 240px; margin-top: 40px; }
#sub3_1 .cont1 article { margin-top: 30px; }
#sub3_1 .cont1 article p { float:none; width: auto; margin-top: 10px; }

#sub3_1 .cont2 { margin-top: 120px; }
#sub3_1 .cont2 > div.fl { margin-top: 40px; display: block; }
#sub3_1 .cont2 .circle { width: auto; flex-direction: row; justify-content: space-between; }
#sub3_1 .cont2 .circle li { width: 100px; height: 100px; margin-bottom: 0; }
#sub3_1 .cont2 .circle li:nth-child(2):before,
#sub3_1 .cont2 .circle li:nth-child(2):after { left: auto; height: 0; width: 60px; border-top:1px solid #378158; }
#sub3_1 .cont2 .circle li:nth-child(2):before { top:50%; left:-60px; }
#sub3_1 .cont2 .circle li:nth-child(2):after { bottom:auto; top:50%; right:-60px;  }

#sub3_1 .cont2 .table { margin-top: 40px; width: auto; }
#sub3_1 .cont2 .table li { width: 48.5%; padding:20px 0 20px 0; text-align: center; }
#sub3_1 .cont2 .table dl { display: block; height: auto;}
#sub3_1 .cont2 .table dl dt { width: auto; }
#sub3_1 .cont2 .table dl dd { width: auto; margin-top: 4px; }
#sub3_1 .cont2 .table i { width: 30px; height: 30px; margin:10px auto; transform: translateX(0); }

#sub3_1 .cont3 { margin-top: 80px; }
#sub3_1 .cont3 ul { display: block; }
#sub3_1 .cont3 ul li { margin-bottom: 20px; border-radius: 10px; height: 200px; }
#sub3_1 .cont3 ul li img { width: 100%; height: 100%; }


/* sub4_1 */
#sub4_1 .cont2 { margin-top: 20px; }
#sub4_1 .cont2 .tbl_head01 td, #sub4_1 .cont2 .tbl_head01 td a { font-size:14px; }
#sub4_1 .cont2 .bo_cate_link { padding-left:0; padding-top: 9px; }
#sub4_1 .cont2 #bo_v_title .bo_v_cate { font-size:14px; }
#sub4_1 .cont2 #bo_v_con { font-size:1.1em; }

#sub4_1 .cont2 #bo_list tbody td { position: relative; }
#sub4_1 .cont2 .bo_cate_link { float:none; position: absolute; left: 0; top:5px;  }
#sub4_1 .cont2 .bo_tit { padding-left: 50px; }
#sub4_1 .cont2 .bo_v_nb { font-size:1.1em; } 


/* sub4_2 */
#sub4_2 .cont2 form { width: auto; margin-top: 20px; }
#sub4_2 .cont2 form ul li { width: auto; float:none; }
#sub4_2 .cont2 form ul li:nth-child(1), 
#sub4_2 .cont2 form ul li:nth-child(3) { margin-right: 0; }
#sub4_2 .cont2 form ul li input { padding:0 10px; }
#sub4_2 .cont2 form ul li textarea { height: 240px; padding:10px; }
#sub4_2 .cont2 form ul li input[type="file"] { padding:9px 10px; }
#sub4_2 .cont2 form input[type="submit"] { margin:40px auto 0; display: block; }


/* sub5_1 */
#sub5_1 .cont1 div.fl { margin-top: 40px; flex-wrap: wrap; }
#sub5_1 .cont1 div.fl > div { width: 48%; margin-bottom: 40px; }
#sub5_1 .cont1 div.fl > div article { width: 44vw; height: 44vw; margin:0 auto; }
#sub5_1 .cont1 div.fl > div article h3 { top:30px; }
#sub5_1 .cont1 div.fl i { display: none; }
#sub5_1 .cont1 div.fl span { margin-top: 10px; }

#sub5_1 .cont2 { margin-top: 160px; }
#sub5_1 .cont2 .cl p { width: auto; float:none; margin-top: 10px; }
#sub5_1 .cont2 ul { margin-top: 40px; display: block; }
#sub5_1 .cont2 ul li { padding:30px 0 30px 0; width: auto; }
#sub5_1 .cont2 ul li h3 { font-size:18px; height:auto; }
#sub5_1 .cont2 ul li ~ li { border-top:none; }
#sub5_1 .cont2 ul li img { top: 30px; width: 80px;}
#sub5_1 .cont2 ul li p { margin-top: 10px; width:calc(100% - 100px); }





}

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