@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;border-left:1px solid #9eb9d0;    }
.tab_comm li { display:inline-block;width:33%;   list-style:none; margin-top:-1px; margin-left:-1px   }

.tab_comm .lst {overflow:hidden;float:none;width:33%;  }
.tab_comm .link_tab {display:block;height:40px;   line-height:40px; border:1px solid #9eb9d0 ;font-size:14px;text-align:center;text-decoration:none}
.tab_comm .fst  {border-top:1px solid #9eb9d0  }
.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: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; }
.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  }
.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:500px; height:340px; position:relative; float:left; color:#4e4e4e;  }
.s_text01  li { list-style-type: disc  }
.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 { 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; }	
			
	
	}
	
@media screen and (max-width: 1024px) 
	
	{


.tab_comm {overflow:hidden;width:100%;padding-bottom:0px; margin-top:30px; margin-bottom:0px;  position:relative; }
.tab_menu { margin-left:0;border-left:1px solid #9eb9d0;    }
.tab_comm li { display:inline-block;width:33%;   list-style:none; margin-top:-1px; margin-left:-1px   }

.tab_comm .lst {overflow:hidden;float:none;width:33%;  }
.tab_comm .link_tab {display:block;height:30px;   line-height:30px; border:1px solid #9eb9d0 ;font-size:12px;text-align:center;text-decoration:none}
.tab_comm .fst  {border-top:1px solid #9eb9d0  }
.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 }
.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 ; 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 }
.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_text_btn li { line-height:1.6em }
.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; line-height:1.5em }
.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; line-height:1.5em  }


.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; line-height:1.5em }


		
	}