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


#container{ margin:0 auto; min-height:500px; max-width:1170px; padding:0 0 30px 0; position:relative; clear:both;}
#content { padding:0 0 100px; }
#content img { max-width:100%;}

@media (max-width: 767px) {
	#container{padding:0 3% 30px;}


}

/* h3,h4,h5 */
#content > h2 {font-size: 34px; text-align: center;font-weight: 500;font-size: 36px;color: #343434;margin: 80px 0 60px;display:block; }

/*서브 상단텍스트*/
.page-title {width: 180px; height: 70px; font-size: 36px; text-align: center; display:none;margin: 0 auto; background: url("/layout/home/img/sub_logo.png") no-repeat;text-indent: -9999px;}



div.section { width:100%; background:rgba(0, 0, 0, 0.33); position: relative;}
ul.section {overflow:hidden;width: 1300px; margin: 0 auto; position: relative; }
ul.section li{float:left; width:16.666%;text-align:center}
ul.section li a{display:block;height:44px;line-height:47px;color:#efefef;}
ul.section li a:hover{color:#fff; background:rgba(242, 242, 242, 0.56)  url("/layout/images/www/common/navi_bg2.png") no-repeat 190px center;}
ul.section li.on a { color:#425a65; background:#fff url("/layout/images/www/common/navi_bg1.png") no-repeat 190px center;}


/*서브 이미지*/
.sub_visual { height:313px;background: url("/layout/home/img/sub_vis5.jpg") no-repeat center 0 !important;}
.sub_visual::before {
  width: 100%;
  height: 313px;
  content: "";
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
}

/* 메뉴추출 숨김*/
.spot_815 .tit_none{ display:none}
.spot_805 .tit_none{ display:none}

/* 이용안내 타이틀 */
h2.spot_780 { font-size:0 !important; margin:40px 0 !important; }


.sub_tit{ width:759px; margin:0 auto; position:relative;}
.sub_tit h2{ position:absolute; top:70px; left:7px; color:#999; font-size:40px; font-weight:600; letter-spacing:-3px; line-height:60px; width:530px; word-break:break-all;}

	.s_t705 h2{font-size:50px; letter-spacing:-3px;}

.sub_tit .sub_txt { position:absolute; font-size:20px; font-weight:600; color:#000; top:140px; left:10px; line-height:25px;}
.sub_tit .sub_txt span { color:#0552a9;}
.depth4_bottom {display:none;}

/* 페이징 */
.path {padding-bottom: 33px;}
.path_en {display:none;}
.path_ch {display:none;}
.path p a:first-child {background: url("/layout/images/www/sub/ico_navi.png") no-repeat 0 0; display: inline-block; text-indent: -5000px; width:25px; height:25px; margin: 0; padding: 0;}
.path p {font-size:13px; margin-top:-30px; color:#fff;opacity: 0.7;}
.path p a {padding-left:10px; padding-right:10px; color:#fff;}
.path p a:last-child {padding-right:0px;}

#right #contents { clear:both; margin:0 0 20px 0; width:100%; margin-top:0; padding-top:10px; padding-bottom:10px; font-size:14px; line-height:24px; display: inline-block; }

.panel {padding-top:20px; width:98%;}

/*로그인신규*/
.login_wrap{ background:url(/layout/images/www/sub/bg_login.gif) left top no-repeat; width:741px; height:350px; position:relative;}
.login_body{ position:absolute; top:50px; left:285px;}
.login_body .txt1{ font-size:17px; color:#543727; line-height:24px; letter-spacing:-0.5px;}
.login_body .txt1 span{ color:#e8370d}
.login_body .txt2{ margin-top:34px; letter-spacing:-1px; color:#676666; }
.login_body label{ color:#543726; font-size:14px; font-weight:600; padding-right:10px;}
.login_body input[type=checkbox]{}

#content_util {margin: 50px 0 0;padding: 0;position: absolute;right: 0;text-align: center;top: 0;}
#content_util li {display: inline;float: left;margin: 0;padding: 0;position: relative;}
#content_util li > a {background: rgba(0, 0, 0, 0) url("/layout/images/www/sub/util_list.gif") no-repeat scroll 0 0;display: inline;float: left;height: 17px;line-height: 1;margin: 0;overflow: hidden;padding-right: 0;text-indent: -5000px;/*border:1px solid #CCCCCC ;*/}
#content_util li.icon_fontplus a {background-position: 0 0;width: 20px;}
#content_util li.icon_fontminus a {background-position: -20px 0;margin-right: 5px;width: 19px;}
#content_util li.icon_printer a {background-position: -45px 0;margin-right: 3px;width: 28px;}


/* path를 메뉴로 변경함 */
.path_box { position:absolute; margin-top:-59px; background-color:rgba(0,0,0,0.6); width:100%; height:59px; left: 0; bottom: 0;}
.path_box .inner { position:relative; max-width: 1200px; margin: 0 auto;}
.snb_wrap{text-align: center;}

.path_box .path{ font-size:0;}
.path_box .path > li {position: relative; display:inline-block; height:59px; line-height:59px;padding: 0;margin: 0;width: 200px;}
.path_box .path > li > a {position: relative; display:block; color:#fff; border-right:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease 0s; font-size:14px;}
.path_box .path > li a:hover { background-color:#f2f2f2;color: #333;}
.path_box .path > li.on2 > a, .path > li.on > a, .path > li:hover > a { background-color:#fff;color: #333;}

.path_box .path > li.snb > a > span.icon {position: absolute; top: 50%; right: 30px; width:11px; height:7px; background: url("/layout/images/common/sub_sprite.png") repeat scroll; text-indent:-99999px; margin-top: -4px;}
.path_box .path > li.snb > a > span.open { background-position:-183px -33px;}
.path_box .path > li.snb > a > span.close { background-position:-204px -33px;}

.path_box .path li.snb ul { display:none; background-color:#475268; position:absolute; top: 59px; left: 0; width: 100%; z-index:10;}
.path_box .path li.snb:last-child ul{/*display: block;*/}
.path_box .path li.snb ul li { height:45px; line-height:45px; } 
.path_box .path li.snb ul a { display:block; color:#fff; padding:0 20px; border-top:1px solid #3a465f; transition:all 0.3s ease 0s; }
.path_box .path li.snb ul li:first-child a { border-top:none;}
.path_box .path li.snb ul li.on a { background-color:#3c5da2;}
.path_box .path li.snb ul li a:hover { background-color:#3c5da2;}