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

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

#subwrap { width:100%; height:auto; position:relative }
#subwrap h1 { font-size:1.6em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; text-align:center}
#subwrap h2 { font-size:2.5em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333;text-align:center}

.s_top { width:100%; height:auto; position:relative; margin:65px auto }
.s02_title { position:relative;  font-size:2.6em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:50px 0 20px; text-align:left; padding:20px 0  }
.s02_title p {font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em; padding:25px 0 0 25px  }
.s02_01 { position:relative; width:100%; height:35px; background:#7b7675; color:#FFF; font-size:1.2em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 20px; line-height:35px }
.s02_01_text { position:relative; width:auto; height:auto;  color:#333; font-size:1.1em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 20px; margin:13px 0 50px 0  }

.s02_b01 { width:450px; height:auto; padding:40px; border:#CCC solid 1px; float:left; position:relative; left:50px }
.s02_b02 { width:450px; height:auto; padding:40px; border:#CCC solid 1px; float:left; position:relative; margin-left:130px }
.s02_b03 { width:450px; height:auto; padding:40px; border:#CCC solid 1px; float:left; position:relative; margin-top:50px; left:50px }
.s02_b04 { width:450px; height:auto; padding:40px; border:#CCC solid 1px; float:left; position:relative; margin-left:130px; margin-top:50px }
.s02_num01 { width:60px; height:60px; position:absolute; left:-40px; top:10px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:60px; font-size:2.2em;}
.s02_num02 { width:60px; height:60px; position:absolute; left:-40px; top:10px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:60px; font-size:2.2em;}
.s02_num03 { width:60px; height:60px; position:absolute; left:-40px; top:10px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:60px; font-size:2.2em;}
.s02_num04 { width:60px; height:60px; position:absolute; left:-40px; top:10px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:60px; font-size:2.2em;}
	
	
	}
	
@media screen and (max-width: 1024px) 
	
	{
		
#subwrap { width:100%; height:auto; position:relative }
#subwrap h1 { font-size:1.8em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; text-align:center; margin-top:50px; padding:20px; line-height:35px}
#subwrap h2 { font-size:2.5em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333;text-align:center}

.s_top { width:100%; height:auto; position:relative; margin:35px auto }
.s02_title { position:relative;  font-size:2.6em;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:30px 0 20px; text-align:left; padding:20px  }
.s02_title p {font-size:12px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em; padding:0 15px  }
.s02_01 { position:relative; width:100%; height:auto; background:#7b7675; color:#FFF; font-size:1.2em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:10px 0 10px 10px; line-height:20px }
.s02_01_text { position:relative; width:auto; height:auto;  color:#333; font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 10px; margin:13px 0 50px 0; line-height:20px }

.s02_b01 { width:92%; height:auto; padding:40px; border:#CCC solid 1px; position:relative; left:3% }
.s02_b02 { width:92%; height:auto; padding:40px; border:#CCC solid 1px; position:relative; left:3%; margin-top:30px }
.s02_b03 { width:92%; height:auto; padding:40px; border:#CCC solid 1px; position:relative; left:3%; margin-top:30px }
.s02_b04 { width:92%; height:auto; padding:40px; border:#CCC solid 1px; position:relative; left:3%; margin-top:30px }
.s02_num01 { width:40px; height:40px; position:absolute; left:0px; top:0px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:40px; font-size:2.2em;}
.s02_num02 { width:40px; height:40px; position:absolute; left:0px; top:0px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:40px; font-size:2.2em;}
.s02_num03 { width:40px; height:40px; position:absolute; left:0px; top:0px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:40px; font-size:2.2em;}
.s02_num04 { width:40px; height:40px; position:absolute; left:0px; top:0px; border-radius:50%; background:#F60; color:#FFF; text-align:center; line-height:40px; font-size:2.2em;}


		
	}