@media (max-width:1440px) { /* 노트북용 */

.pc { display: none !important; }



.wrap { width: 1280px; }    

    

/* header & footer */

#w_header { height: 81px; }
	
#w_header #w_gnb { margin-right: 150px; }
	
#w_header #w_gnb > li { margin-right: 60px; }
	
#w_header #w_lang { right:calc(3% + 50px); width:80px; }
    

    

/* index */
	
#w_main article { margin-top:80px; }

#w_main img { position: absolute; right:30px; margin-top:80px; }

#cont div.wrap { text-align:center; margin-top: 160px; }

	
	
	
/* sub1_1 */
	
#sub1_1 .cont1 div p { width: 730px; }
	
#sub1_1 .cont2 article div p { width: 560px; }
    

    

    

    

    

    

    

}

@media (max-width:800px) { /* 모바일용 */

.pc { display: none !important; }



.wrap { width: 94%; }    

    

/* header & footer */

#w_header { height: 61px; }

#w_header.on { height: 100vh; box-shadow:none; }

#w_header:before { top:60px; }

#w_header h1 { position:static; margin-left: 3%; padding-top: 12px; }

#w_header h1 img { height: 36px; }

#w_header #w_gnb { position: static; width:320px; margin:40px auto 0; }

#w_header #w_gnb > li { float:none !important; margin-right: 0 !important; border-bottom:1px solid #eee; }

#w_header #w_gnb > li:last-child { border-bottom:none; }

#w_header #w_gnb > li > a { font:24px/50px stb; }

#w_header #w_gnb > li:hover > a, #w_header #w_gnb > li.select > a { padding-bottom: 0; border:none; color:#014262;  }

#w_header #w_gnb ul { position: static; font:20px/1.8 stm; padding-bottom: 8px; display: none; }

#w_header #w_gnb ul li { height:auto; margin-bottom: 0 !important; }

#w_header #w_gnb ul li:before { content:"- "; }

#w_header #w_gnb ul li a:hover { color:#014262; }

#w_header #w_lang { right:calc(3% + 50px); top:18px; width:70px; }

#w_header .sch { right:calc(3% + 44px); top:19px; }

#nav_btn { position:absolute; right:3%; top:12px; }

#nav_btn .line{  width: 30px; height: 2px; background-color: #014262; display: block; margin: 8px auto; transition: all 0.3s ease-in-out;}

#nav_btn .line:nth-child(2) { background-color: #23ac38; }

#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);}   



#hd_sch { top:60px; height:calc(100vh - 60px); }

#hd_sch #sch_stx { padding-left: 20px; width: 280px; }

#hd_sch #sch_stx, #hd_sch #sch_submit { height: 50px; font-size:18px }

#hd_sch .close { right:20px; }

.blank { height: 60px; }



#w_footer { padding:40px 0; }

#w_footer address { font:normal 13px/1.6 stm; margin-left: 0; word-break: keep-all;  }

#w_footer address span { display: none; }

    

    

/* index */

#w_main { height: calc(100vh - 60px); }

#w_main .wrap { height:100%; display:flex; align-items: center; justify-content: center; flex-direction: column; }

#w_main article { position: static; }

#w_main article h2 { font:28px/1.4 steb; }

#w_main article p { font:16px stsb; margin-top:40px; }

#w_main article .circle { margin-top: 20px; }

#w_main img { position: static; width:100%; margin-top: 30px; position: relative; left: 0; top:0; right:auto; }



#cont { padding-top: 0; margin-top: 50px; }

#cont > ul li { float:none; width:auto; margin-right:0px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); border-radius: 20px; padding:20px 20px 40px; height: auto; margin-bottom: 20px; }

#cont > ul li figure { height: 80px; float:left; width: 90px; }

#cont > ul li figure img { height: 60px; }

#cont > ul li h2 { font:20px/1.4 steb; height: auto;  margin-top: 20px; margin-bottom: 20px; }

#cont > ul:last-of-type { margin-top: 40px; }

#cont > ul:last-of-type li { height:auto; padding-bottom: 20px; }

#cont > ul:last-of-type li figure { height: 50px; width: 60px; padding-left: 0; }

#cont > ul:last-of-type li figure img { height: 40px; }

#cont > ul:last-of-type li h2 { height:auto ; margin-bottom: 10px; }

#cont ul li p { font-size:14px; clear: both; word-break: keep-all; }

#cont div.wrap { margin-top: 60px; }

#cont div.wrap h2 { font:28px steb; }

#cont div.wrap p { font:16px/1.6 stsb; }

#cont div.wrap > div { padding: 60px 0; }

#cont div.wrap h3 { width: 200px; height: 200px; }

#cont div.wrap h3 strong { width: 160px; height: 160px; font:20px steb; }

#cont div.wrap h3:before, #cont div.wrap h3:after, #cont div.wrap strong:before { width: 14px; height: 14px; }

#cont div.wrap h3:before { left:54px; top:0; }

#cont div.wrap h3:after { left:8px; top:38px; display: block; }

#cont div.wrap strong:before { left:143px; top:176px; }

#cont div.wrap figure { position: absolute; }

#cont div.wrap figure div { width:74px; height:40px;  } 

#cont div.wrap figure div img { height: 30px; } 

#cont div.wrap figure figcaption { font:14px steb; } 
	
#cont div.cont4 figure { position: static; margin: 0; max-width: 100%; height: auto; }
	
#cont div.cont4 figure img { width:100%; }

#cont article { margin-top: 80px; margin-bottom: 100px;  }

    

#cont article h2 { font:28px steb; position: static; }

#cont article ul { margin-left: 0; margin-top: 40px; }

#cont article ul li { margin-bottom: 20px; font:14px str; word-break: keep-all; display: block; padding-left: 80px; } 

#cont article ul li strong { font-size:16px; width: 60px; display: inline-block; position: absolute; left: 0; } 

#cont article ul li span { font:20px steb; } 

#cont article:before, #cont article:after { width: 40px; height: 40px; }

#cont article:before { right:30px; }



    

    

/* sub layout */

.sv { height: 180px; border-bottom:1px solid #eee; }

.sv img { height: 50px; margin-right: 20px; }

.sv h2 { font:24px steb; }

.pad { padding:60px 0 120px; }



.s_title { font:24px steb; margin-bottom: 20px; }

.shd { box-shadow: 0 2px 6px rgba(0,0,0,0.1); }     

    

/* sub1_1 */

#sub1_1 .cont1 div { padding:30px 15px; border-radius: 20px; }

#sub1_1 .cont1 div strong { font:18px/1.6 stb; word-break: keep-all; }

#sub1_1 .cont1 div p { font:14px/1.8 str; margin-top: 30px; word-break: keep-all; width:auto; }

#sub1_1 .cont1 div img { position: static; margin-top: 40px; width: 100%; }



#sub1_1 .cont2, #sub1_1 .cont3, #sub1_1 .cont4, #sub1_1 .cont5 { margin-top: 80px; }

#sub1_1 .cont2 article { float:none; width: auto; }

#sub1_1 .cont2 article:last-child { margin-left: 0; margin-top: 80px;  }

#sub1_1 .cont2 article div { border-radius: 20px; height: auto; padding:30px 15px; }

#sub1_1 .cont2 article div p { font:16px/1.6 str; word-break: keep-all; width:auto; }



#sub1_1 .cont3 ul li { width: 31%; border-radius: 20px; padding:30px 0; }

#sub1_1 .cont3 ul li img { height: 40px; }

#sub1_1 .cont3 ul li b { font:16px steb; margin-top: 20px; margin-bottom: 20px;  }

#sub1_1 .cont3 ul li p { width: 80%; font:14px/40px str; margin:10px auto 0; }



#sub1_1 .cont4 p { font:14px/1.6 str; word-break: keep-all; }

#sub1_1 .cont4 figure { padding:60px 0; text-align: center; border-radius:30px; border:1px solid #eee; margin-top: 30px; }

#sub1_1 .cont4 figure img { width: 90%; }

 
    #sub1_1 .cont5 p { font-size:14px; word-break: keep-all; }
#sub1_1 .cont5 ul { justify-content: space-between; flex-wrap: wrap;  }

#sub1_1 .cont5 ul li { width: auto; border-radius: 20px; padding:20px; margin-bottom: 4vw; float:none; margin-left: 0; }

#sub1_1 .cont5 ul li:last-child { width: 100%; }

#sub1_1 .cont5 ul li figure { height: 40px; }

#sub1_1 .cont5 ul li figure img { height: 100%; }

#sub1_1 .cont5 ul li b { font:16px steb; margin-top: 0; margin-left: 0; }

#sub1_1 .cont5 ul li p { font:14px/1.6 str; height: auto; margin-left: 0; }

    

    

/* sub1_2 */

.left { float:none; width: auto; margin-bottom: 40px;  }

.right { float:none; width: auto; }



#sub1_2 .cont1 { border-bottom:1px solid #eee; padding-bottom: 60px; margin-bottom: 80px; }

#sub1_2 .cont1 h3 { font:22px steb; margin-bottom: 10px; }

#sub1_2 .cont1 ul li { border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom: 20px; padding:10px 0; }

#sub1_2 .cont1 ul li figure { width: 80px; height: 80px; }

#sub1_2 .cont1 ul li figure img { height: 40px; }

#sub1_2 .cont1 ul li div { height: auto; min-height:80px; width:calc(100% - 110px); }

#sub1_2 .cont1 ul li div strong { font:20px steb; }

#sub1_2 .cont1 ul li div p { font:14px/1.6 str; margin-top: 6px; color:#333; word-break: keep-all; }    

    

/* sub1_3 */

#sub1_3 ul li { width:48.5%; height:130px; margin:0 3% 20px 0; box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding:20px 0 0 20px; }

#sub1_3 ul li:nth-child(3) { clear:none; }

#sub1_3 ul li:nth-child(2n) { margin-right: 0; }

#sub1_3 ul li strong { font:18px steb; }

#sub1_3 ul li p { font:18px str; margin-bottom: 28px; }

#sub1_3 ul li span { font:14px str; position: static; }

#sub1_3 ul li img { right: 20px; top: auto; height: 30px; bottom:20px; }

#sub1_3 .wrap > p { font:14px/1.6 str; text-align: left; position: static; word-break: keep-all; }    

    

    

/* sub1_4 */

#sub1_4 .cont1 > div { float:none; width: auto; height: auto; margin-bottom: 20px; }

#sub1_4 .cont1 div.fl { border-radius: 20px; margin-right: 0; height:200px;  }

#sub1_4 .cont1 div.fl img { height: 70px;}

#sub1_4 .cont1 div strong { font:16px steb; }

#sub1_4 .cont1 div p { font:14px/1.6 str; }

#sub1_4 .cont1 div p:first-of-type { margin-bottom: 30px; }

#sub1_4 .cont1 ul li { float:none; width:auto; margin-right: 0; margin-bottom: 30px; }

#sub1_4 .cont1 ul li a { height: 50px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }



#sub1_4 .cont2 div { float:none; width:auto; margin-right: 0; }

#sub1_4 .cont2 div:last-child { margin-right: 0; margin-top: 100px; }

#sub1_4 .cont2 div h2 { font-size:20px; margin-bottom: 20px; }

#sub1_4 .cont2 div figure { border-radius: 20px; height: 200px; }

#sub1_4 .cont2 div figure img { height: 70px; }



#sub1_4 .cont3 h2 { font-size:20px; margin-bottom: 20px; }

#sub1_4 .cont3 ul li { margin-right: 3%; border-radius: 20px; font:14px/1.8 str; padding:20px 0 20px 15px ; margin-bottom: 20px; }

#sub1_4 .cont3 ul li strong { margin-bottom: 10px; }

#sub1_4 .cont3 ul li:nth-child(1) { height: 140px; width: 48.5%; }

#sub1_4 .cont3 ul li:nth-child(2) { height: 140px; width: 48.5%; margin-right: 0; }

#sub1_4 .cont3 ul li:nth-child(3) { height: 140px; width: 48.5%; }

#sub1_4 .cont3 ul li:nth-child(4) { height: 140px; width: 48.5%; margin-right: 0;}

#sub1_4 .cont3 ul li:nth-child(5) { height: 140px; width: 48.5%; margin-right: 0; }    



    

/* sub1_5 */

#sub1_5 .cont1 { margin-bottom: 60px; }

#sub1_5 .cont1 img { height: 40px;}

#sub1_5 .cont1 h2 { margin-left: 50px; }

#sub1_5 .cont1 ul li { padding-left: 50px; font:14px/1.8 str; word-break: keep-all; }

#sub1_5 .cont1 ul li strong { position: absolute; left: 0; }

#sub1_5 .cont1 .right { border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }

#sub1_5 .cont1 .right iframe { width: 100%; height: 280px;  }    

    

/* sub2_1 */

#sub2_1 .left { width: auto; }

#sub2_1 .right { width: auto; }

#sub2_1 .cont1 p { font:16px/1.6 stm; }

#sub2_1 .cont2 { margin-top: 80px; }

#sub2_1 .cont2 .left { font:18px steb; margin-bottom: 20px;  }

#sub2_1 .cont2 .right figure { border-radius: 20px; padding:40px 20px;  }

#sub2_1 .cont2 .right figure img { width: 100%; }



#sub2_1 .cont2.cont3 .right figure { border-radius: 20px; width: 100%; max-width: 240px; height: 200px; padding:0 20px; }

#sub2_1 .cont2.cont3 .right i { font-size:24px; color:#666; }

#sub2_1 .cont2.cont4 .right figure { padding:0; }

#sub2_1 .cont2.cont4 .right figure img { margin-left: 0; }

#sub2_1 .cont2.cont4 .list { width: auto; margin-top: 40px; float:none;  }

#sub2_1 .cont2.cont4 .list li { float:none; width: auto; font:14px/1.6 stm; margin-bottom: 20px; padding-left: 28px;  }

#sub2_1 .cont2.cont4 .list li strong { width: 20px; height: 20px; line-height:20px; }

#sub2_1 .cont2.cont4 .line { margin-left:auto; float:none; margin-top: 20px; }

#sub2_1 .cont2.cont4 .line li { font:14px steb; }



#sub2_1 .cont5 { margin-top: 80px; }

#sub2_1 .cont5 .fl { display:block; }

#sub2_1 .cont5 .fl article { width:auto; border-radius: 20px; height: auto; padding:30px 20px; margin-bottom: 30px; }

#sub2_1 .cont5 .fl article h2 { font:18px steb; margin-bottom: 10px;  }

#sub2_1 .cont5 .fl article p { font:14px/1.6 str; }

    

/* sub2_2 */

#sub2_1 .cont6 figure { border-radius: 20px; padding:40px 0; }

#sub2_1 .cont6 figure img { width:200px; }

#sub2_1 .cont2 .left ul { margin-top: 10px; font:14px/1.6 str;  }

#sub2_1 .cont2 .left ul li { position: relative; padding-left: 16px; word-break: keep-all; }

#sub2_1 .cont2 .left ul li:before { content:"-"; position: absolute; left: 0; }

#sub2_1 .cont2.cont7 .right figure { width:48%; }

    

    

    

/* sub3_1 */

.b_title { font:18px steb; }

#sub3_1 .cont1 .right p { font:16px/1.6 stm; }



#sub3_1 .cont2 { border-radius: 20px; padding:50px 0 20px; }

#sub3_1 .cont2 img { width: 90%; }



#sub3_1 .cont3 { display: block; }

#sub3_1 .cont3 article { width: auto; margin-bottom: 30px;   }

#sub3_1 .cont3 article figure { border-radius: 20px; height: auto; padding:30px 0; }

#sub3_1 .cont3 article:first-child figure { padding:0; }

#sub3_1 .cont3 article figure img { width:200px; }



#sub3_1 .cont4 { margin-top: 80px; }

#sub3_1 .cont4 .fl { display:block; }

#sub3_1 .cont4 .fl article { width:auto; border-radius: 20px; height: auto; padding:30px 20px; margin-bottom: 30px; }

#sub3_1 .cont4 .fl article h2 { font:16px steb; margin-bottom: 10px;  }

#sub3_1 .cont4 .fl article p { font:14px/1.6 str; }

    

    

/* sub3_2 */

#sub3_1 .cont1 figure {border-radius: 20px; }

#sub3_1 .cont1 figure img { width:90%; }

#sub3_1.sub3_2 .left { width:auto; }

#sub3_1.sub3_2 .right { width:auto; }



#sub3_1.sub3_2 .b_title { margin-bottom: 20px; }

#sub3_1 .cont5 { margin-top: 60px; }

#sub3_1 .cont5 figure.right { border-radius: 20px; }

#sub3_1 .cont5.img1 figure { padding:40px 0 0; }

#sub3_1 .cont5.img1 figure img { width:80%; }

#sub3_1 .cont5.img2 figure { height: auto; }

#sub3_1 .cont5.img2 figure img { width:90%; }



#sub3_1 .cont6 { margin-top: 80px; }

#sub3_1 .cont6 .right div { width: auto; height: auto; padding:30px 0; float:none; margin-right: 0; border-radius: 20px;  box-shadow: 0 2px 6px rgba(0,0,0,0.1); }

#sub3_1 .cont6 .right div figure { height: 40px; }

#sub3_1 .cont6 .right div figure img { height: 40px; }

#sub3_1 .cont6 .right div:nth-of-type(1) { position: static; }

#sub3_1 .cont6 .right div:nth-of-type(2) { margin-bottom: 0;  }

#sub3_1 .cont6 .right > figure { position: static !important; text-align: center; padding:10px 0; }



#sub3_1.sub3_2 .cont4 article { height: auto; }    

    

/* sub3_3 */

#sub3_3 .b_title + div { display:block; }

#sub3_3 .b_title + div div { width: auto; border-radius: 20px; margin-bottom: 20px; }

#sub3_3 .b_title + div div table { display: block; }

#sub3_3 .b_title + div div table th {font:14px/1.6 steb; width:auto; word-break: keep-all; display: block; padding-top: 10px; }

#sub3_3 .b_title + div div table td { font:14px/1.6 str; word-break: break-all; display: block; padding-top:0;  }

#sub3_3 .cont2 .h290 div { height: auto; }

#sub3_3 .cont2 .h310 div { height: auto; }

    

    

/* sub4_1 */    

#sub4_1 .right #bo_gall { margin-top:0; }

#sub4_1 #bo_gall #gall_ul { margin:0; }

#sub4_1 #bo_gall #gall_ul li:nth-child(2n) { margin-right:0; }

#sub4_1 #bo_gall .gall_img { box-shadow: 0 2px 6px rgba(0,0,0,0.1); }

#sub4_1 #bo_gall .gall_li { width: 48%; margin:0 4% 20px 0; }

#sub4_1 #bo_gall .gall_text_href a.bo_tit { font:14px/1.6 steb; margin-top: 14px;  }

#sub4_1 #bo_gall .gall_box { margin-bottom: 0; }



    

   

    

/* sub5_3 */

#sub5_3 .s_title { word-break: keep-all; }

#sub5_3 h3.s_title { font-size:20px; }

#sub5_3 .right ul li { float:none; width: auto; margin-right:0; }

#sub5_3 .right ul li input { font:16px stb; }

#sub5_3 .right textarea { font:16px/1.6 stb; }

#sub5_3 .right input.shd { font:16px/50px steb; }    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

}



@media (min-width:801px) { /* PC용 */

.mob { display: none !important; }

    

#sub4_1 #bo_gall #gall_ul li:nth-child(3n) { margin-right:0; }    

 

    

}