@charset "UTF-8";

/* Page Title */
body {}


/* 메인 */
#wrap .section_tit1 {font-size:26px; font-weight:500; margin-bottom:10px; color:#333;}
#wrap .color_f {color:#fff;}
#wrap .section_tit2 {font-size:32px; font-weight:500; margin-bottom:3px; color:#333;}

.section_tit_txt {font-size:16px; font-weight:300; color:#777; margin-bottom:60px; text-align:center;}

.notice_wrap {position:absolute; top:610px; left:0; padding:22px 0; float:left; width:100%; background:rgba(255,255,255,0.7);}
.notice_wrap .notice_con {margin:0 auto; width:1200px;}
.notice_wrap .notice_con h2 {font-size:18px; width:8%; float:left; margin-top:2.5px;}

.notice_wrap .notice_con ul  {float:left; width:88%;}
.notice_wrap .notice_con ul li {float:left; width:48%; margin-right:2%; }
.notice_wrap .notice_con ul li p { width:80%; display:inline-block; font-size:18px; color:#333; overflow:hidden; height:30px;}
.notice_wrap .notice_con ul li span { float:right;  font-size:16px; color:#777}

.notice_wrap .notice_con a.notice_more_btn { float:right;  margin-top:-2px;}


/* section1  */
#section1 {position:relative; width:100%; float:left;  padding:2% 0;  min-width:1200px;}
#section1 .section1_wrap {width:1200px; margin:0 auto;}

/*s1_좌측 박스1*/
#section1 .section1_wrap .s1_box_left1  {width:66%; float:left; box-sizing:border-box;}
#section1 .section1_wrap  h2 {text-align:left; float:left; font-size:25px; font-weight:500; display:inline-block; }
#section1 .section1_wrap .s1_box_left >span{float:right; font-size:33px; line-height:33px;}

#section1 .section1_wrap .s1_box_left1  ul	 {width:100%; float:left; }
#section1 .section1_wrap .s1_box_left1  ul li {width:32%; margin-right:2%; float:left; border:0px solid #ddd; padding:10px 0; text-align:left; }
#section1 .section1_wrap .s1_box_left1  ul li a{display:block; font-size:17px; font-weight:400; }
#section1 .section1_wrap .s1_box_left1  ul li:last-child{margin:0; float:right;}

/*s1_좌측 박스2*/
#section1 .section1_wrap .s1_box_left2 	 {width:66%; height:162.5px; float:left; border:1px solid #ddd; padding:10.2px 50px; box-sizing:border-box; margin-top:8px;}
#section1 .section1_wrap .s1_box_left2  ul	 {width:85%; float:left; margin-left:2.5%;}
#section1 .section1_wrap .s1_box_left2  ul li {width:32%; margin-right:1.33%; float:left;  text-align:left;}
#section1 .section1_wrap .s1_box_left2  ul li a{display:block; font-size:17px; font-weight:400;}
#section1 .section1_wrap .s1_box_left2  ul li:last-child{margin:0; float:right;}
#section1 .section1_wrap .s1_box_left2  ul li img{width:100%; }

#section1 .section1_wrap  .s1_box_left2  span {position:absolute; top:55px; left:40%; }


#section1 .s1_left1_wrap {position:relative; width:100%; float:left; text-align:center; vertical-align:middle; }
#section1 .s1_left1_wrap ul li {float:left; height:160px;  box-sizing:border-box; }
#section1 .s1_left1_wrap ul li img {text-align:center;  display:block; margin:0 auto; margin-top:25px;}

#section1 .s1_left1_wrap ul li h3.s2_box_tit {font-size:20px; font-weight:500; color:#fff; margin-top:15px; text-align:center;}
#section1 .s1_left1_wrap ul li h3.s2_box_tit_on {font-size:20px; font-weight:500; color:#fff; margin-top:15px; text-align:center;}

#section1 .s2_box_text p {  color: #fff;  font-size: 16px;   text-align: center; margin-top:10px; line-height:1.3em; text-align:center;}


/*#section1 .s1_left1_wrap ul li span.s2_box_tit{font-size:28px; font-weight:600; color:#fff;}*/

#section1 .s1_left1_wrap  ul li.s1_box1 { border:1px solid #ddd; width:100%; float:left; background:url('/common/img/main/s1_li_box1.png') no-repeat center 0; }
#section1 .s1_left1_wrap  ul li.s1_box2 { border:1px solid #ddd; width:100%; float:left; background:url('/common/img/main/s1_li_box2.png') no-repeat center 0; }
#section1 .s1_left1_wrap  ul li.s1_box3 {  border:1px solid #ddd;width:100%; float:left; background:url('/common/img/main/s1_li_box3.png') no-repeat center 0;}

#section1 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

#section1 .overlay_bg1 { background: rgba(176, 41, 43, .9);}
#section1 .overlay_bg2 { background: rgba(49, 113, 154, .9);}
#section1 .overlay_bg3 { background: rgba(28, 120, 113, .9);}


#section1 .s1_left1_wrap ul li:hover .s2_box_num,
#section1 .s1_left1_wrap ul li:hover .s2_box_tit
{opacity: 0;}

#section1 .s1_left1_wrap ul li:hover .overlay   {opacity: 1;}


#section1 .s2_box_text {
	position: absolute;
	width:100%;
	top: 45%;
	left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
 }


/*s1_우측 동영상 박스*/
#section1 .s1_box_right {width:32%;float:right; padding:0; border:1px solid #ddd;}

#section1 .s1_box_right .s1_box_right_txt {width:100%; float:left; padding:25px 20px;  box-sizing:border-box;  background:#f7f7f7}
#section1 .s1_box_right .s1_box_right_txt span {font-size:14px; color:#33579f; border:1px solid #33579f; border-radius:20px; padding:2px 15px; }

#section1 .s1_box_right .s1_box_right_txt h3 {margin:5px 0; font-size:20px; font-weight:500; color:#333; display:block;}

#section1 .s1_box_right .s1_box_right_txt p {font-size:16px; color:#999; font-weight:300;}





/* 사이트맵 탭 */
.sitemap_tab      { float:left;  width:100%;   }
.sitemap_tab   li {float:left; text-align:center;font-weight:400 !important;  box-sizing:border-box; border:1px solid #ec8899;}

.sitemap_tab .tab_p    { width:33%; float:left; line-height:36px;  }

.sitemap_tab .tab_p a 	{display:block; line-height:36px; text-decoration:none;  font-size:17px;}

.sitemap_tab .tab_p a:link		{color:#ec8899; font-weight:300; text-decoration:none;}
.sitemap_tab .tab_p a:hover		{color:#ec8899; font-weight:300; text-decoration:none;}
.sitemap_tab .tab_p a:active	{color:#ec8899; font-weight:300; text-decoration:none;}
.sitemap_tab .tab_p a:visited	{color:#ec8899; font-weight:300; text-decoration:none;}


.sitemap_tab .tab_p_ov     	   	{width:33%; float:left; text-align:center; background:#ec8899;}

.sitemap_tab .tab_p_ov  a 			{display:block; color:#fff; font-weight:500; line-height:36px; text-decoration:none; font-size:17px;}

.sitemap_tab .tab_p_ov a:link		{color:#fff;text-decoration:none;}
.sitemap_tab .tab_p_ov a:hover		{color:#fff;text-decoration:none;}
.sitemap_tab .tab_p_ov a:active		{color:#fff;text-decoration:none;}
.sitemap_tab .tab_p_ov a:visited	{color:#fff;text-decoration:none;}

.depth1 .sitemap_list {display:block; width:100%; float:left; margin-top:10px; }
.depth1 .sitemap_list li {display:block; width:100%; float:left; line-height:2.2em; }
.depth1 .sitemap_list li a {text-align:left; font-size:16px; font-weight:300;}