/************************************************************************
********************************* 서브 *********************************/
#sub {width:100%; min-width:1200px;}

/* 서브메뉴 */
#sub .snb {width:100%; height:61px; border-bottom:1px #d0d0d0 solid;}
#sub .snb .inner {height:60px;line-height:60px;}
#sub .snb ul {float:right;position:relative;left:-50%;}
#sub .snb li {float:left;text-align:center;position:relative;left:50%;}
#sub .snb li a {padding:0 25px;height:60px;display:block;font-size:18px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub .snb#sub1 li a {padding:0 14.5px !important;}
#sub .snb li a:hover {background-color:rgba(0,0,0,0.1);}
#sub .snb li a.on {background-color:#363636;color:#fff;}
#sub .snb .p1 li {width:100%;}
#sub .snb .p2 li {width:50%;}
#sub .snb .p3 li {width:33.33%;}
#sub .snb .p4 li {width:25%;}
#sub .snb .p5 li {width:20%;}
#sub .snb .p6 li {width:16.66%;}
#sub .snb .p7 li {width:14.28%;}


/* 서브 내용 */
#sub #content {width:100%; display:inline-block; position:relative;overflow: hidden;padding-bottom:200px;}
#sub #content .headline {padding:110px 0;width:100%;}
#sub #content .headline h1 {font-weight:200;}

#sub #content .visual {width: 100%;position: relative;padding-left: 50%;}
#sub #content .visual img {margin-left: -960px;float: left;}


#sub #content .paragraph {width:100%;display:inline-block; position:relative; padding-top:85px;}
#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;}
#sub #content .sub1_1_numbering li span {width:70px;display:inline-block;}

#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:13%;}
#sub #content .sub1_3_history li h5 {float:left;width:65%;}
#sub #content .sub1_3_history li p {float:right;font-style:italic;color:#999;}


/* 링크버튼 */
#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:33.33%;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;}



/* 명인명장 */
/* 가나다순 정리 */
.abc {width:100%;display:inline-block;margin-bottom:20px;}
.abc a {border-radius:5px;background-color:#f5f5f5;padding:8px 15px;float:left;margin-right:5px;margin-bottom:5px;}
.abc a.on {background-color:#555;color:#fff;}

/* 아이프레임 */
/* 목록 */
.masterlist {display:table;width:100%;}
.masterlist ul {width:100%;display: table-row-group;}
.masterlist ul.head {display:table-header-group;}
.masterlist ul.head li {background-color:#f5f5f5;}
.masterlist ul.head li > div {border-top:1px #333 solid;}
.masterlist li {width:100%;display: table-row; }
.masterlist li > div {display: table-cell;vertical-align:middle;border-left:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;}
.masterlist li > div.no {width:5.5%; border-left:0;}
.masterlist li > div.pic {width:10%;}
.masterlist li > div.pic img {width:100%;}
.masterlist li > div.name {width:10%}
.masterlist li > div p {line-height:1.3;padding:10px 0;}

/* 상세면 */
.masterinfo {width:100%;display:inline-block;}
.masterinfo img.big_img {display:none;}
.masterinfo a.backward {border:1px #bbb solid;padding:0 15px;line-height:40px;font-size:16px;display:inline-block;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;float:right;}
.masterinfo a.backward:hover {border:1px #555 solid;background-color:#555;color:#fff;}
.masterinfo table.info.info {width:100%;border-top:1px #333 solid;background:#fff}
.masterinfo table.info th,.masterinfo table.info td {padding:8px 15px}
.masterinfo table.info td {border-bottom:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid}
.masterinfo table.info td.first {border-left:0;}
.masterinfo table.info tr.bg_gray td {background-color:#f5f5f5;}
.masterinfo table.info th {background-color:#eeeeee;}
.masterinfo table.info p {font-size:16px;}
.masterinfo table.info td.breakdown p {line-height:1.6;}
.masterinfo table.info td.pic {width:30%;}

.masterinfo .row > img {display:inline-block;}

.masterinfo 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;}
.masterinfo a.link span {margin-left:15px;}
.masterinfo a.link span i {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.masterinfo a.link:hover {background-color:#333;border:1px #333 solid;color:#fff;}
.masterinfo a.link:hover span i {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}




/* 탭 */
#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;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#sub #content ul.tabs li:hover a,#sub #content ul.tabs li.active a{background-color:#d0d0d0;font-size:24px;}
#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}