/*************************** 서브 설정 *******************************/
#sub {width:100%;background-color:#fff;min-height:800px;}

#sub .route {width:100%;display:inline-block;border-bottom:1px #d0d0d0 solid;float:left;}
#sub .route > * {float:left;height:60px;line-height:60px;font-size:20px;position:relative;}
#sub .route a {display:block;}
#sub .route a.home {width:10%;background-color:#f0f0f0;text-align:center;}
#sub .route .nav {padding:0 20px;}
#sub .route .nav.gnb {width:30%;border-right:1px #e0e0e0 solid;}
#sub .route .nav.snb {width:60%;}
#sub .route .nav h5.topnav {line-height:inherit;}
#sub .route .nav h5.topnav i {float:right;line-height:inherit;}

#sub .route .subnav { margin:auto;
width:100%;
 background:#fff;
 clear:both;
 display: none;
 position: absolute;
  z-index:100;
  top:60px;
  font-size:18px;
  margin-left:-20px;
  padding:0 10px 10px;
  border:1px #d0d0d0 solid;
  border-top:none;
  font-weight:200;
 }
#sub .route .subnav > ul {}
#sub .route .subnav ul {display:block;}
#sub .route .subnav li {height:40px;line-height:40px;}
#sub .route .subnav li a {padding:0 10px;}
#sub .route .subnav li .on {background-color:#f0f0f0;}





/* 서브 내용 */
#sub #content {width:100%; display:inline-block; position:relative;padding-bottom:200px;float:left;background-color:#fff;}
#sub #content .headline {padding:70px 0;width:100%;}
#sub #content h1 {font-weight:200;font-size:40px;}

#sub #content .visual {width: 100%;position: relative;}


#sub #content .paragraph {width:100%;display:inline-block; position:relative; padding-top:70px;}
#sub #content .row {width:100%;display:inline-block;position:relative;clear:both}
#sub #content .bg_gray {background-color:#f5f5f5;}
#sub #content hr {width:100%;height:1px;border:0;background-color:#d0d0d0;}

#sub #content .sub1_1_numbering li {margin-bottom:5px;padding-left:70px;}
#sub #content .sub1_1_numbering li span {width:70px;display:inline-block;margin-left:-70px;}

#sub #content .paragraph { counter-reset: ctn 0; }
#sub #content .paragraph table.basic .num p:before {content:"0" counter(ctn,decimal-leading-zero); counter-increment:ctn 1;}


#sub #content .sub1_3_history li {width:100%;display:inline-block;border-bottom:1px #e0e0e0 solid;padding-bottom:8px;margin-bottom:8px;}
#sub #content .sub1_3_history li h4 {float:left;width:25%;}
#sub #content .sub1_3_history li h5 {float:left;width:75%;}
#sub #content .sub1_3_history li p {float:left;font-style:italic;color:#999;width:100%;text-align:right;}


/* 링크버튼 */
#sub #content a.link {border:1px #bbb solid;padding:0 30px;line-height:56px;font-size:18px;display:inline-block;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub #content a.link span {margin-left:15px;}
#sub #content a.link span i {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub #content a.link:hover {background-color:#333;border:1px #333 solid;color:#fff;}
#sub #content a.link:hover span i {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
#sub #content a.link.white {border:1px #fff solid;color:#fff;}
#sub #content a.link.white:hover {border:1px #333 solid;}

/* 리스트 */
#sub #content ul.bullet li {padding-left:16px;margin:4px 0;}
#sub #content ul.bullet li:before {content:"\00b7"; float:left; font-size:18px; color:#000; position:relative; top:3px; margin-left:-16px;}

#sub #content .row {counter-reset: ctn 0;}
#sub #content ul.number li {padding-left:18px;margin:5px 0;}
#sub #content ul.number li:before {content: counter(ctn,decimal) "."; counter-increment: ctn 1; float:left; font-size:18px; color:#000; position:relative; top:3px; margin-left:-18px;}


/* 빅아이콘사용 */
#sub #content .iconarea i {font-size:60px;color:#a0a0a0;}


/* 각 기관별 사이트이동 링크 */
#sub #content .site {}
#sub #content .site div {width:50%;height:150px;display: inline-block;float:left;position:relative;text-align:center;}
#sub #content .site div img { padding-top:50px; }
#sub #content .site div a {display:block;width:100%;height:150px;line-height:150px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;opacity:0;background-color:rgba(0,0,0,0.8);color:#fff;position:absolute;z-index:1;}
#sub #content .site div:hover a {opacity:1;}



/* 테이블 */
#sub #content table.basic {width:100%;border-top:1px #333 solid;background:#fff}
#sub #content table.basic th,#sub #content table.basic td {padding:10px 15px}
#sub #content table.basic td {border-bottom:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid}
#sub #content table.basic td.first {border-left:0;}
#sub #content table.basic tr.bg_gray td {background-color:#f5f5f5;}
#sub #content table.basic th {background-color:#eeeeee;}



/* 오시는길 */
#sub #content .mapview {width:100%;height:500px;overflow:hidden;background-color:#f5f5f5;position:relative;z-index:0;}
#sub #content .maplink {position:absolute;right:0;top:0;}
#sub #content .maplink li {float:left;margin:0 10px}
#sub #content .maplink li a {display:block;width:88px;height:88px;border-radius:88px;text-align:center;color:#fff;padding-top:15px;}
#sub #content .maplink li.naver a {background-color:#12c000;}
#sub #content .maplink li.kakao a {background-color:#ffcc00;}


/* 명인-명장 */
.ios {height:101% !important;}


/* 행사캘린더 */
.fc-calendar-container {min-height:800px !important;}
.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {font-size:14px;line-height:1.3}




/* 탭 */
#sub #content ul.tabs {width:100%;height:60px;background-color:#f5f5f5;}

#sub #content ul.tabs li { float:left; text-align:center;  }
#sub #content ul.tabs li a {display:block;color:#555; font-size:20px; height:60px; line-height:60px;letter-spacing:-0.05em;}
#sub #content ul.tabs li:hover a,#sub #content ul.tabs li.active a{background-color:#d0d0d0;}
#sub #content ul.tabs.p2 li {width:50%;}
#sub #content ul.tabs.p3 li {width:33.33%;}
#sub #content ul.tabs.p4 li {width:25%;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {width:100%;min-height:280px;display:inline-block;}






/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:17px;line-height:1.7;min-height:500px}
#sub #content .board_box #post_area img {width:100% !important;height:auto !important;}