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


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

.tab_comm {overflow:hidden;width:100%;padding-bottom:0px; margin-top:30px; margin-bottom:0px;  position:relative}
.tab_menu { margin-left:15px  }
.tab_comm li {float:left;width:32%; margin-left:-1px;  list-style:none}
.tab_comm .lst {overflow:hidden;float:none;width:32%;  }
.tab_comm .link_tab {display:block;height:14px; line-height:1px; padding:20px; border:1px solid #9eb9d0 ;font-size:14px;text-align:center;text-decoration:none}
.tab_comm .fst .link_tab {margin-top: 0 30px 0 0 }
.tab_comm .lst .link_tab {border-right:1px solid #9eb9d0;}
.tab_comm .on .link_tab { font-weight:normal; background:#00b0d8; color:#fff; font-weight:bold;}


.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:260px;  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; }
.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 0 0  }
.s02_010{ position:relative; width:1000px; 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_010text { 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  }
.s_topright { position:relative; width:400px; height:260px; float:left; margin:100px 0 50px 10px}
.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_img01 { position:relative; width:1012px; height:450px; float:left; margin:50px 0 50px 30px}		
		
.s_textwrap { position:relative; width:100%; clear:both }
.s_textwrap p { margin-top:30px; 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  }
.s02_01_n { 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_n_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:15px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em;   }
.s02_text03 ul { padding-left:15px; margin-top:10px;  color:#4e4e4e;}
.s02_text03 li { list-style-type:disc; font-size:15px; color:#4e4e4e; }	
	
	}
	
@media screen and (max-width: 1024px) 
	
	{


.tab_comm {overflow:hidden;width:100%;padding-bottom:12px; margin-top:40px; position:relative; text-align:center}
.tab_menu { position:relative; left:4% }
.tab_comm li {float:left;width:30%; margin-left:-1px;  list-style:none}
.tab_comm .lst {overflow:hidden;float:none;width:30%; }
.tab_comm .link_tab {display:block;height:32px; line-height:32px; padding:0; border:1px solid #9eb9d0 ;font-size:14px;text-align:center;text-decoration:none}
.tab_comm .fst .link_tab { }
.tab_comm .lst .link_tab {border-right:1px solid #9eb9d0;}
.tab_comm .on .link_tab { font-weight:normal; background:#00b0d8; color:#fff; color:#fff; font-weight:bold;}

		
.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_topleft { position:relative; width:100%; height:auto; margin:30px 0 }
.s02_title { position:relative;  font-size:20px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#000; margin:30px 0 10px 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:disc; font-size:15px; color:#4e4e4e; }
.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:#4e4e4e; 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_01_n { 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_n_text { position:relative; width:auto; height:auto;  color:#4e4e4e; font-size:1.3em;font-family:'Noto Sans KR', 고딕, sans-serif; padding:0 0 0 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_img01 { position:relative; width:100%; height:auto;  margin:30px 0 60px 0px}			
		
.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; margin-bottom:50px; background:#fafafa; font-size:15px; color:#4e4e4e;}
.s02_text03 p {font-size:15px;font-family:'Noto Sans KR', 고딕, sans-serif; color:#333; line-height:1.4em;   }
.s02_text03 ul { padding-left:15px; margin-top:10px; color:#4e4e4e;}
.s02_text03 li { list-style-type:disc; font-size:15px; color:#4e4e4e; }

		
	}