@charset "UTF-8";

/* Page Title */
body {}


/* 메인 */
#fullpage .section_tit {font-size:38px; font-weight:500; margin-bottom:3px; color:#333; text-align:center;}
#fullpage .section_tit_txt {font-size:16px; font-weight:300; color:#777; margin-bottom:60px; text-align:center;}

#fullpage .section_tit2 {font-size:38px; font-weight:500; margin-bottom:3px; color:#fff; text-align:center;}
#fullpage .section_tit_txt2 {font-size:16px; font-weight:300; color:#e7e7e7; margin-bottom:60px; text-align:center;}

/* section1 slider */
#section1 {position:relative; width:100%; float:left;  min-width:1200px;}

/* section2 BUSINESS AREA */
#section2 {position:relative; width:100%; float:left;  min-width:1200px;}
#section2 .section2_wrap {width:1200px; margin:0 auto; padding-top:10%;}

#section2 .s2_box_wrap {position:relative; width:100%; float:left; text-align:center; vertical-align:middle; }
#section2 .s2_box_wrap ul li {float:left; height:415px; padding:65px 30px; box-sizing:border-box;}
#section2 .s2_box_wrap ul li h3.s2_box_num {font-size:30px; font-weight:600; color:#ddd; margin-bottom:15px;}
#section2 .s2_box_wrap ul li span.s2_box_tit{font-size:28px; font-weight:600; color:#fff;}

#section2 .s2_box_wrap ul li:nth-child(1) {position:absolute; top:0; left:60px; width:23%; float:left; background:url('/common/img/main/s2_box1.png') no-repeat center 0; }
#section2 .s2_box_wrap ul li:nth-child(2) {position:absolute; top:40px; left:470px; width:23%; float:left; background:url('/common/img/main/s2_box2.png') no-repeat center 0; }
#section2 .s2_box_wrap ul li:nth-child(3) {position:absolute; top:0; left:880px; width:23%; float:left; background:url('/common/img/main/s2_box3.png') no-repeat center 0;}
#section2 .s2_box_wrap ul li:nth-child(4) {position:absolute; top:40px; right:0px; width:23%; float:left; background:url('/common/img/main/s2_box4.png') no-repeat center 0; }

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

#section2 .overlay_bg1 { background: rgba(2, 123, 212, .8);}
#section2 .overlay_bg2 { background: rgba(0, 0, 0, .7);}
#section2 .overlay_bg3 { background: rgba(35, 59, 96, .8);}
#section2 .overlay_bg4 { background: rgba(198, 203, 209, .9);}


#section2 .s2_box_wrap ul li:hover .s2_box_num,
#section2 .s2_box_wrap ul li:hover .s2_box_tit
{opacity: 0;}

#section2 .s2_box_wrap ul li:hover .overlay   {opacity: 1;}


#section2 .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%);
 }

#section2 .s2_box_text h3 {font-size:28px; font-weight:600; color:#ddd; margin-bottom:15px;}
#section2 .s2_box_text span{font-size:25px; font-weight:600; color:#fff; margin-bottom:15px; display:block;}

#section2 .s2_box_text div.s2_box_bar{width:30px; height:1.5px; background:#fff; margin:0 auto;}

#section2 .s2_box_text p {  color: #fff;  font-size: 17px;   text-align: center; margin-top:15px; }


/* section3 NOTICE */
#section3 {position:relative; width:100%; min-width:1200px; float:left; background:url('/common/img/main/main_notice.png') no-repeat center 0; }
#section3 .section3_wrap {width:1200px; margin:0 auto; padding-top:10%;}
/*공통*/
#section3 .section3_wrap .s3_box {width:48.5%; background:#fff; padding:60px 50px; box-sizing:border-box;  box-shadow:1px 2px 2px 1px #ddd;}
#section3 .section3_wrap .s3_box>h3{text-align:left; float:left; font-size:25px; font-weight:500; display:inline-block; }
#section3 .section3_wrap .s3_box>span{float:right; font-size:33px; line-height:33px;}

#section3 .section3_wrap .s3_box ul {width:100%;float:left;margin-top:25px;}
#section3 .section3_wrap .s3_box ul li{width:100%;float:left;border-bottom:1px solid #ddd; padding:12px 0; text-align:left;}
#section3 .section3_wrap .s3_box ul li a{display:block; font-size:17px; font-weight:500;}
#section3 .section3_wrap .s3_box ul li .date{float:right; font-size:16px;  color:#666; font-weight:400 !important;}


/* section4 MAP */
#section4 {position:relative; width:100%; float:left; background:#fff;  min-width:1200px;}
#section4 .section4_wrap {width:1200px; margin:0 auto; padding-top:10%; }
#section4 .section4_wrap .s4_box {width:45%; float:right; border:1px solid #ddd; box-sizing:border-box; padding:45px 35px;}
#section4 .section4_wrap .s4_box ul li{width:100%; float:left; font-size:17px; color:#333; font-weight:400; text-align:left; margin-bottom:30px;}
#section4 .section4_wrap .s4_box ul li:last-child{margin-bottom:0px;}

#section4 .section4_wrap .s4_box ul li .s4_map_tit{width:100%; float:left; font-size:18px; color:#333; font-weight:400; text-align:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd;}
#section4 .section4_wrap .s4_box ul li .s4_map_txt{width:100%; float:left; font-size:17px; color:#777; font-weight:300; text-align:left; }
#section4 .section4_wrap .s4_box ul li i {font-size:18px; margin-right:3.5px; vertical-align:middle;}




/* 사이트맵 탭 */
.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;}