@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);



/* reset */


/* common */
strong.title { font-size:14px;}
.lnb.sm2 ul li { width:33.3%; }

/* main */
#main a:nth-child(1):before { background:url(/korea/images/umain1.jpg) no-repeat center/cover; }
#main a:nth-child(2):before { background:url(/korea/images/umain2.jpg) no-repeat center/cover; }
#main a:nth-child(3):before { background:url(/korea/images/umain3.jpg) no-repeat center/cover; }
#main a dl dd img { height:30%;  }

/* sub layout */

/* sub1_1 */
.both h3 { font:18px ntb; color:#333; float: left; width: 170px; padding-top:16px; }
.both article { width: 1000px; float:right; padding-top:16px; }
#sub1_1 { padding:100px 0 200px; }
#sub1_1 article p { font:16px/1.6 ntd; color:#666; word-break: keep-all; }
#sub1_1 .cont1 { height:700px; background:url(/nimg/sub1_1.jpg) no-repeat center/cover; }
#sub1_1 .cont1 .fl { flex-direction: column; align-items:flex-start; height: 100%; }
#sub1_1 .cont1 h2 { font:28px ntb; color:#333; margin-top: 10px; }
#sub1_1 .cont1 p { font:16px/1.8 ntd; color:#666; margin-top: 40px; }
#sub1_1 .cont2 { margin-top: 80px; }
#sub1_1 .cont2 h3, #sub1_1 .cont2 article { border-top:1px solid #d69519; }
#sub1_1 .cont2 article ul { border:1px solid #eee; margin-top: 40px; padding-top:60px; padding-bottom: 110px; }
#sub1_1 .cont2 article ul li { padding:0 30px; height: 80px; position: relative; }
#sub1_1 .cont2 article ul li span { position: absolute; top:80px; width:100%; text-align: center; font:16px/1.4 nsb; }
#sub1_1 .cont3 { margin-top: 80px; }
#sub1_1 .cont3 article { border-top:1px solid #d69519; }
#sub1_1 .cont4 { margin-top: 200px; margin-bottom: 350px;  }
#sub1_1 .cont4 h3, #sub1_1 .cont4 article { border-top:1px solid #d69519; }
#sub1_1 .cont4 ul { border:1px solid #eee; height: 260px; }
#sub1_1 .cont4 ul li span { display: block; margin-top: 20px; text-align: center; font:16px nsb; color:#666; }
#sub1_1 .cont4 ul li { text-align: center; }
#sub1_1 .cont4 p { margin-top: 20px; }



/* sub1_3 */
#sub1_3 .cont2 { margin-top:0; }

/*sub2_1*/
#sub1_1.sub2_1 { background:url(/nimg/sub2_1_1.jpg) no-repeat center/cover; }
#sub1_1.sub2_1 .cont1 { height:auto; padding:100px 0 240px; background: none;}
#sub1_1.sub2_1 .cont1 h3 { margin-top: 70px; font:22px ntb; color:#333; }
#sub1_1.sub2_1 .cont1 ul { margin-top: 30px; }
#sub1_1.sub2_1 .cont1 ul li { font:16px ntd; color:#666; position: relative; word-break: keep-all; padding-left:14px; margin-bottom: 8px;  } 
#sub1_1.sub2_1 .cont1 ul li:before { content:"·"; position: absolute; left:0; } 


/* sub2_2 */
#sub2_2 .cont2 h3 { font:18px /1.8 ntb; color:#333; padding-top:10px; }
#sub2_2 .cont2 { margin-top:0; }
#sub2_2 .cont2 ul li { float:left; width:100%; margin-bottom:60px; }
#sub2_2 .cont2 ul li:after { content:""; clear: both; display: block; }
#sub2_2 .cont2 ul li figure { float:left; width:210px; margin-right:40px; background:#f9f9f9; border:1px solid #f5f5f5; }
#sub2_2 .cont2 ul li figure img { width:100%; }
#sub2_2 .cont2 ul li div { float:left; width:700px; }
#sub2_2 .cont2 ul li div p { margin-bottom:20px; font:16px nsb;  }
#sub2_2 .cont2 ul li div p span { font:18px ntm; }
#sub2_2 .cont2 ul li div i { font:16px/1.6 ntd; color:#666; }


/* sub2_3 */
#sub2_3 { padding-top:110px; }
#sub2_3 .mapcate li { width:50%; }
#sub2_3 .mapcate li a { border-right:1px solid #ddd;}




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

	
/* main */
#main a dl dd img { height:auto; width: 35%;  }
 
/* sub layout */
.lnb ul li a { font-size:15px; line-height:50px; }
.lnb ul li a.m_heignt { line-height:1.4; padding-top:3px; }


/* sub1_1 */
#sub1_1 { padding:60px 0 150px; }
#sub1_1 article p { font:14px/1.6 ntd; }
#sub1_1 .cont1 { height:auto; padding:60px 0; }
#sub1_1 .cont1 h2 { font:22px ntb; margin-top:5px; }
#sub1_1 .cont1 p { font:14px/1.6 ntd; word-break: keep-all; margin-top:25px; }
#sub1_1 .cont2 h3, #sub1_1 .cont2 article { border-top:none; }
#sub1_1 .cont2 article ul { padding-top:10px; padding-bottom: 70px; }
#sub1_1 .cont2 article ul li { padding:0 10px; height: 80px; position: relative; }
#sub1_1 .cont2 article ul li:nth-child(odd) img { height:30px; }
#sub1_1 .cont2 article ul li:nth-child(even) img { width:20px; }
#sub1_1 .cont2 article ul li span { font:12px/1.4 nsb; }
#sub1_1 .cont3 { margin-top:30px; }
#sub1_1 .cont3 article { border-top:none; }
#sub1_1 .cont4 { margin-top: 60px; margin-bottom: 100px;  }
#sub1_1 .cont4 h3, #sub1_1 .cont4 article { border-top:none; }
    
#sub1_1 .cont4 ul { height: auto; padding:20px 0 0; display:block; text-align: center; }
#sub1_1 .cont4 ul li img { height:80px; }
#sub1_1 .cont4 ul li span { margin-top: 0; font:14px nsb; }
#sub1_1 .cont4 ul li:first-child { margin-right: 0; margin-bottom: 30px; }
    
    
/* sub1_2 */
#sub1_2 { padding:60px 0 150px; }
	
/* sub1_3 */	
#sub1_3 { padding:60px 0 0; }
#sub1_3 .cont1 #w_info li { margin-bottom:20px; }	

/* sub2_1 */
#sub1_1.sub2_1 .cont1 { padding:80px 0 150px; }
#sub1_1.sub2_1 .cont1 h3 { font:20px ntb; word-break: keep-all; }
#sub1_1.sub2_1 .cont1 ul li { font:14px/1.4 ntd; } 

    
/* sub2_2 */
#sub2_1 h2 { font-size:18px; }
#sub2_2 .cont2 ul li figure { width:60%; margin:0 auto; float:unset; }
#sub2_2 .cont2 ul li div { width:100%; }
#sub2_2 .cont2 ul li div p { margin-top:10px; margin-bottom:15px; font-size:15px; text-align: center; }
#sub2_2 .cont2 ul li div p span	{ display:block;}
#sub2_2 .cont2 ul li div i { font-size:14px; }

	
/*sub2_3*/
#sub2_3 { padding-top:60px; }
#sub2_3 h2 { font-size:18px; }
#sub2_3 article h3 { width:auto; float:none; }
#sub2_3 article ul { width: auto; }

/* sub3_1 */
#sub3_1 { padding:60px 0 150px; }
    
}



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


}