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


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



.subwrap { width:100%; height:auto; position:relative; margin-top:35px;}
.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_topleft { position:relative; width:600px; height:340px;  float:left }
.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:16px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em;   }
.s02_title ul { padding-left:15px; margin-top:10px; color:#4e4e4e;}
.s02_title li { list-style-type:disc; font-size:15px; color:#4e4e4e; line-height:1.9em;  }
.s02_01 { position:relative; width:600px; 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:#4e4e4e; font-size:1.1em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 20px; margin:13px 0 50px 0; line-height:1.9em;  }
.s_topright { position:relative; width:400px; height:340px; float:left; margin:100px 0 50px 50px}
.s_topright01 { position:relative; width:400px; height:255px; float:left; margin:100px 0 50px 50px}
.s_topright02 { position:relative; width:400px; height:285px; float:left; margin:100px 0 50px 50px}

.s_textwrap { position:relative; width:100%; clear:both }
.s_textwrap p { margin-top:120px; font-size:16px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; }
.s_text01 { width:1000px; height:auto; position:relative; float:left; color:#4e4e4e;  }
.s_text01  li { list-style-type: disc  }
.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  }
.s_text02 { width:520px; height:340px; position:relative; float:left; margin-left:50px; color:#4e4e4e;  }
.s_text02  li { list-style-type:disc }

.s_text_btn { width:100px; height:100px; position: relative; margin-bottom:25px; background:#00b0d8; color:#FFF; font-size:2.3em;font-family:'Noto Sans KR', 고딕, sans-serif; line-height:100px; text-align:center;border-radius:50%;}

.s02_02left { position:relative; width:500px; height:auto; float:left}
.s02_02 { position:relative; width:500px; 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_02_text { position:relative; width:auto; height:auto;  color:#4e4e4e; font-size:1.1em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 20px; margin:13px 0 50px 0  }
.s02_02right { position:relative; width:500px; height:auto; float:left; margin-left:60px}

.s02_text03 { width:100%; height:auto; padding:30px; border:#d4d4d4 solid 1px; margin-bottom:50px; background:#fafafa; color:#4e4e4e;}
.s02_text03 p {font-size:16px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em;   }
.s02_text03 ul { padding-left:15px;  color:#4e4e4e;}
.s02_text03 li { list-style-type:disc; font-size:1.1em; color:#4e4e4e; line-height:1.9em; }	
	
	}
	
@media screen and (max-width: 1024px) 
	
	{


		
.subwrap { width:100%; height:auto; position:relative;  box-sizing:content-box}
.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_topleft { position:relative; width:100%; height:auto; margin:30px 0; padding:0 15px; }
.s02_title { position:relative;  font-size:20px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:30px 0 ; text-align:left; padding-left:10px  }
.s02_title p {font-size:15px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em;   }
.s02_title ul { padding-left:15px; margin-top:10px; color:#4e4e4e;}
.s02_title li { list-style-type:none; font-size:15px; color:#4e4e4e; line-height:1.5em;}
.s02_01 { position:relative; width:100%; height:auto; background:#69F; 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:100%; height:auto;  color:#4e4e4e; font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:10px 10px ; margin:13px 0 50px 0; line-height:20px }
.s_topright { position:relative; width:100%; height:auto; margin:80px 0 }
.s_topright01 { position:relative; width:100%; height:auto; margin:100px 0 }
.s_topright02 { position:relative; width:100%; height:auto; margin:100px 0 }
		
	
		
.s_textwrap { position:relative; width:100%; clear:both }
.s_textwrap p {  font-size:16px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; }
.s_text_btn { width:80px; height:80px; position:relative; background:#00b0d8; color:#FFF; font-size:2.3em;font-family:'Noto Sans KR', 고딕, sans-serif; line-height:80px; text-align:center;border-radius:50%; margin-bottom:15px}
.s_text01 { width:100%; height:auto; position:relative; padding:10px; font-size:1.3em; color:#4e4e4e; }
.s_text01  ul { padding-left:20px  }
.s_text01  li { list-style-type: disc  }
.s_text02 { width:100%; height:auto; position:relative; padding:10px; font-size:1.3em; color:#4e4e4e; }
.s_text02  ul { padding-left:20px  }
.s_text02  li { list-style-type: disc  }


.s02_02left { position:relative; width:100%; height:auto; }
.s02_02 { position:relative; width:100%; height:35px; background:#7b7675; color:#FFF; font-size:15px;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 20px; line-height:35px;  }
.s02_02_text { position:relative; width:auto; height:auto;  color:#4e4e4e; font-size:15px;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 20px; margin:13px 0 50px 0  }
.s02_02right { position:relative; width:100%; height:auto; }


.s02_text03 { width:100%; height:auto; padding:10px; border:#d4d4d4 solid 1px;  background:#fafafa; font-size:15px; color:#4e4e4e; line-height:1.5em;}
.s02_text03 p {font-size:15px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em;   }
.s02_text03 ul { margin-top:10px; color:#4e4e4e;}
.s02_text03 li { list-style-type:none; font-size:15px; color:#4e4e4e; line-height:1.5em;  }

		
	}