@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1025px) 
	
	{

#subwrap { width:100%; height:auto; position:relative }
.subtop { width:1100px; height:380px; position:relative; background:url(../image/sub/s0101_bg.jpg) no-repeat}
.subtop p { top:130px; left:50px; width:auto; height:auto; position:absolute; font-size:2.4em;font-family:'Noto Sans KR', 고딕, sans-serif; line-height:1.6em; color:#FFF }		
.subtop0 { width:1100px; height:365px; position:relative; background:url(../image/sub/s0102_bg.jpg) no-repeat}
		
.s_title { position:relative; width:300px; font-size:1.6em;font-family:'Noto Sans KR', 고딕, sans-serif; background:#00b0d8; color:#FFF; margin:50px auto 20px; text-align:center }
.s_title02 { position:relative; width:300px; font-size:3.8em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:0 auto; text-align:center  }
.s_title03 { position:relative; width:300px; font-size:1.8em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:25px auto 50px; text-align:center  }

.s_doc01wrap { position:relative; width:1100px; }
.s_doc01 { width:700px; height:400px; position:relative; float:left; background:#0062b2 }
.s_doc01 p { font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#fff; line-height:1.7em; padding:70px 0 0 40px }
.s_doc02 { width:400px; height:400px; position:relative; float:left;  }

		
.s_doc010wrap { margin-top: 30px; position:relative; width:1100px; }
.s_doc010 { width:680px; height:380px; position:relative; float:left;  }
.s_doc010 p { font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#fff; line-height:1.4em; padding:25px 0 0 25px }
.s_doc020 { width:400px; height:380px; position:relative; float:left; background:url(../image/sub/s0102_01.jpg) no-repeat }		
.s_doc020 p { font-size:1.6em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#fff; line-height:1.4em; padding:185px 0 0 25px }			

	}
	
@media screen and (max-width: 1024px) 
	
	{
		
#subwrap { width:100%; height:auto; position:relative }
.subtop { width:100%; height:280px; position:relative; background:url(../image/sub/s0101_bg.jpg) no-repeat}
.subtop p { top:80px; left:30px; width:auto; height:auto; position:absolute; font-size:2.2em;font-family:'Noto Sans KR', 고딕, sans-serif; line-height:1.8em; color:#FFF }
.subtop0 { width:100%; height:auto; position:relative; background:url(../image/sub/s0102_bg.jpg) no-repeat}
		
		
.s_title { position:relative; width:200px; font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; background:#00b0d8; color:#FFF; margin:20px auto 20px; text-align:center; padding:20px }
.s_title02 { position:relative; width:160px; font-size:2.8em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:0 auto; text-align:center  }
.s_title03 { position:relative; width:200px; font-size:1.4em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:25px auto 20px; text-align:center  }

.s_doc01wrap { position:relative; width:100%; }
.s_doc01 { width:100%; height:auto; position:relative; background:#0062b2; padding:30px 15px 30px 15px }
.s_doc01 p { font-size:1.4em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#fff; line-height:1.6em;  }
.s_doc02 { width:100%; height:auto; position:relative;   }
	
.s_doc010wrap { position:relative; width:100%; height:auto }
.s_doc010 { width:100%; height:auto; position:relative; padding:15px }
.s_doc010 p { font-size:1.4em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#fff; line-height:1.4em; }
.s_doc020 { width:100%; height:314px; position:relative; background:url(../image/sub/s0102_01_m.jpg) center top no-repeat; background-size: cover    }		
.s_doc020 p { font-size:1.5em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#fff; line-height:1.5em; padding:180px 0 0 40px }			
		
		
	}