#container {overflow:hidden;}
#container header h3 {padding:76px 0 72px 0; background:url(../images/dummy/img-dummy-visual-sub.jpg) center top no-repeat; text-align:center; color:#fff;}
#container header h3 strong {display:inline-block; padding:0 10px; border-width:1px 0; border-style:solid; border-color:#fff; /*font-family:'Nanum Myeongjo';*/ font-weight:600; font-size:46px; font-size:3.286rem;}
#container header h3 span {display:block; margin-top:4px; font-weight:600;}
#container header .location {border-bottom:1px solid #e5e5e5;}
#container header .location p {margin:0 auto; padding:11px 0 12px 0; width:1000px; font-size:12px; font-size:0.857rem; color:#000;}
#container header .location a {display:inline-block; margin:0 6px; color:#333;}
#container header .location a:nth-child(1) {margin-left:0; padding-left:19px; background:url(../images/ico/ico-location-home.gif) left center no-repeat;}
#container header h4 {margin-top:42px; padding-top:37px; background:url(../images/ico/ico-page-title.jpg) center top no-repeat; text-align:center; /*font-family:"Nanum Myeongjo"; */font-weight:600; font-size:40px; font-size:2.857rem; color:#333;}
#container header h4 span {display:block; margin-top:4px; font-family:"Nanum Gothic"; font-size:20px; font-size:1.429rem; font-weight:600; color:#3e935d;}
#container header h4 span:before {content:" "; display:block; margin:0 auto 11px auto; width:56px; height:3px; overflow:hidden; background:#3e935d;}

#content {margin:50px auto 0 auto; width:1000px; font-size:16px; font-size:1.143rem; line-height:1.7;}
#content li {position:relative; margin-left:1.3em;}
#content ul > li:before {content:""; position:absolute; top:11px; left:-1em; width:4px; height:4px; background:#80a628;}
#content ol > li {margin-left:1.3em; list-style-type:decimal;}
#content li > ul > li:before {top:13px; width: 6px;height:1px;background: #595959}
#content table {border-top:1px solid #333;}
#content table th, #content table td {padding:5px 10px; border-bottom:1px solid #ccc; text-align:center; color:#595959;}
#content table th {padding:9px 10px 10px 10px; background:#fafafa; font-size:18px; font-size:1.286rem; font-weight:400; color:#111;}
#content table .borderleft {border-left:1px solid #ccc;}
#content ul.lst-flower > li {margin-left:0; padding-left:21px; background:url(../images/ico/ico-program-flower.gif) left 8px no-repeat;}
#content ul.lst-flower > li:before {display:none;}
/* 2017-02-20 */
#content #livereContainer ul > li {margin-left: 0}
#content #livereContainer ul > li:before {content:""; position:absolute; top:11px; left:0; width:0px; height:0px; background:transparent;}

.tab-basic {overflow:hidden; text-align:center;}
.tab-basic li {float:left; margin:0 1px 0 0 !important; background:#f2f2f2;}
.tab-basic li:nth-last-child(1) {margin-right:0 !important;}
.tab-basic li:before {display:none;}
.tab-basic li a {display:block; padding:0 14px; height:56px; line-height:56px;}
.tab-basic li.on {background:#f9853a;}
.tab-basic li.on a {font-size:18px; font-size:1.286rem; font-weight:600; color:#fff;}

.wrp-photo {margin:0 auto; width:890px; overflow:hidden; text-align:center;}
.wrp-photo .title {clear:both;}
.wrp-photo .title span {display:inline-block; padding-bottom:8px; border-bottom:1px solid #bfbfbf; color:#333;}
.wrp-photo figure {float:left; margin:20px 10px 0 0; width:440px;}
.wrp-photo figure:nth-child(odd) {margin-right:0;}
.wrp-photo figcaption {margin-top:5px; font-size:14px; font-size:1rem;}

/* faq */
#open-menu-wrap {margin-top:40px; border-top:1px solid #333;}
.frm-faq-search {padding:18px 0; overflow:hidden; background:#f2f2f2; text-align:center;}
.frm-faq-search * {margin-right:3px; vertical-align:middle;}
.frm-faq-search select {width:77px; height:32px; border:1px solid #ccc;}
.frm-faq-search input {width:177px; height:30px; padding:0 5px; border:1px solid #ccc; text-align:left; line-height:30px;}
.frm-faq-search button {width:90px; height:32px; background:#777; color:#fff;}
.art-faq-content {border-bottom:1px solid #e9e9e9;}
.art-faq-content h5 a, .art-faq-content .cont {display:block; position:relative; padding:13px 80px 16px 60px; color:#333;}
.art-faq-content h5 a:before, .art-faq-content h5 a:after, .art-faq-content .cont:before {content:" "; position:absolute; background-image:url(../images/ico/ico-sprite-faq.png); background-repeat:no-repeat;}
.art-faq-content h5 a:before, .art-faq-content .cont:before {margin-top:3px; left:21px; width:24px; height:24px;}
.art-faq-content h5 a:after {top:50%; right:25px; margin-top:-5px; width:15px; height:9px; background-position:-48px -9px;}
.art-faq-content .cont {display:none; border-top:1px solid #ccc; min-height:108px; background:#f4f4f4;}
.art-faq-content .cont:before {background-position:-24px 0;}
.art-faq-content.on h5 a:after {background-position:-48px 0;}
.art-faq-content.on .cont {display:block;}

/* paging */
.paging {margin-top:40px; text-align:center;}
.paging a, .paging strong {display:inline-block; padding:0 4px; min-width:24px; height:32px; vertical-align:top; border:1px solid #ccc; line-height:32px; font-size:16px; color:#333;}
.paging strong {border-color:#333; background:#333; color:#fff;}
.paging a.jump {padding:0; width:32px; background:url(../images/btn/btn-sprite-paging.gif) no-repeat;}
.paging a.jump:nth-child(1) {margin-right:36px;}
.paging a.jump:nth-last-child(1) {margin-left:36px; background-position:-32px 0 !important;}
.paging a.jp-next,.paging a.jp-previous {padding:0; width:32px; background:url(../images/btn/btn-sprite-paging.gif) no-repeat;}
.paging a.jp-previous {margin-right:36px;}
.paging a.jp-next {margin-left:36px; background-position:-32px 0 !important;}
.paging a.jp-current {border-color:#333; background:#333; color:#fff;}

/* notice, program list common */
[class*="art-list-"] {overflow:hidden; border-bottom:1px solid #ccc;}
[class*="art-list-"]:nth-child(1) {border-top:1px solid #333;}
[class*="art-list-"] .thum {float:left;}
[class*="art-list-"] .thum + .cont {float:left;}
[class*="art-list-"] .cont {overflow:hidden;}
[class*="art-list-"] .cont h5 {color:#111;}
[class*="art-list-"] .cont h5 a {color:#111;}
[class*="art-list-"] .cont p {margin-bottom:4px; overflow:hidden;}
[class*="art-list-"] .cont > a {display:inline-block; font-size:12px; font-size:0.857rem; text-decoration:none;}
[class*="art-list-"] .cont > a:after {content:" "; display:inline-block; position:relative;}

/* notice */
.art-list-notice {padding:17px 25px; line-height:1.5;}
.art-list-notice .thum {margin-right:30px; width:250px; height:150px;}
.art-list-notice .thum + .cont {width:670px;}
.art-list-notice .cont h5 {margin-bottom:11px; font-size:20px; font-size:1.429rem;}
.art-list-notice .cont p {height:84px; font-size:14px; font-size:1rem;}
.art-list-notice .cont > a {float:right; border-bottom:1px solid #444; color:#333;}
.art-list-notice .cont > a:after {top:1px; margin-left:5px; width:5px; height:9px; background:url(../images/ico/ico-notice-detail.gif) no-repeat;}
.art-view-notice {padding:0 20px; border-top:1px solid #333; color:#595959;}
.art-view-notice header {margin:0 -20px 34px -20px; padding:11px 20px 13px 20px; border-bottom:1px solid #e5e5e5; background:#f5f5f5; font-size:20px; font-size:1.429rem; color:#111;}
.art-view-notice header h5{ color:#111; margin: 0}
.art-view-notice footer {margin-top:34px; padding-top:50px; border-top:1px solid #ccc; text-align:center;}
.art-view-notice footer a {display:inline-block; padding:12px 71px; background:#333; font-size:20px; font-size:1.429rem; color:#fff;}
.art-view-notice h5, .art-view-notice h6, .art-view-notice strong{font-size: 1.195rem;}
.art-view-notice h5{margin: 5px 0;color:#4f6700; font-weight:bold;}
.art-view-notice h6{color:#293502; font-weight:bold;}
.art-view-notice div.box-gray{margin: 10px 0;padding:10px; background: #f3f7e0}
.art-view-notice .align-center{text-align: center !important;}
#content .art-view-notice table {border-top: 2px solid #709b20; margin: 10px 0;}
#content .art-view-notice table th,
#content .art-view-notice table td {padding: 5px 10px;border-left: 1px solid #add301;border-bottom: 1px solid #add301;}
#content .art-view-notice table thead th,
#content .art-view-notice table tbody tr td:first-child, #content .art-view-notice table tbody tr th:first-child {border-left: 0;background: #fbfcf4;color: #293502}
#content .art-view-notice table+p{margin-left: 10px 0; padding-left: 15px; text-indent: -15px; text-align: left}
#content .art-view-notice .download-file{background: #f3f7e0; border: 1px dotted #888;padding:10px;}
#content .art-view-notice .download-file a{ line-height: 1.8em;}


/* program */
.tab-basic.program {margin-bottom:40px;}
.tab-basic.program li {width:333px;}
.tab-basic.program li:nth-last-child(1) {width:332px;}
.art-list-program .thum {margin-right:13px; width:402px; height:258px;}
.art-list-program .cont {padding:27px 17px 30px 17px;}
.art-list-program .thum + .cont {width:551px;}
.art-list-program .cont h5 {margin-bottom:22px; font-size:26px; font-size:1.625rem; color:#000;}
.art-list-program .cont p {height:108px;}
.art-list-program .cont > a {float:right; margin-right:23px; padding:4px 10px; background:#b6b6b6; color:#fff;}
.art-list-program .cont > a:after {margin-left:3px; width:8px; height:8px; background:url(../images/ico/ico-program-plus.gif) no-repeat;}
.jplist-panel {margin-top:40px; text-align:center;}
.jplist-panel .jplist-pagination div {display:inline-block;}
.jplist-panel .jplist-pagination button {display:inline-block; min-width:34px; height:34px; vertical-align:top; border:1px solid #ccc; line-height:32px; font-size:16px; color:#333;}
.jplist-panel .jplist-pagination button.jplist-current {border-color:#333; background:#333; color:#fff;}
.jplist-panel .jplist-pagination .jplist-pagingprev {margin-right:36px;}
.jplist-panel .jplist-pagination .jplist-pagingnext {margin-left:36px;}
.jplist-panel .jplist-pagination .jplist-first {margin-right:6px;}
.jplist-panel .jplist-pagination .jplist-last {margin-left:6px;}
.art-view-program dl {position:relative; overflow:hidden;}
.art-view-program dl dt {position:absolute; top:0; left:0; font-weight:600;}
.art-view-program dl dt:after {content:" "; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:13px; background:#e0e0e1;}
.art-view-program .btn-reservation {display:inline-block; padding:1px 10px; background:#666; font-size:12px; font-size:0.857rem; color:#fff;}
.art-view-program .btn-reservation:before {content:" "; display:inline-block; position:relative; top:-1px; margin-right:3px; width:13px; height:12px; overflow:hidden; vertical-align:middle; background:url(../images/ico/ico-program-pen.gif);}
.art-view-program .intro {padding:14px 25px; background:#f8f8f8; color:#333;}
.art-view-program header {color:#333;}
.art-view-program header .title {overflow:hidden; border:1px solid #ccc;}
.art-view-program header .title .thum {float:left; width:509px; height:290px;}
.art-view-program header .title .thum + .cont, .art-view-program header .title .thum + .cont2 {float:left; width:429px;}
.art-view-program header .title .cont {padding:37px 30px;}
.art-view-program header .title .cont h5 {margin-bottom:17px; font-size:28px; font-size:1.750rem; font-weight:600; color:#000;}
.art-view-program header .title .cont2 {padding:18px 30px;}
.art-view-program header .title .cont2 dl {margin-top:12px;}
.art-view-program header .title .cont2 dl:nth-child(1) {margin:0 0 27px 0;}
.art-view-program header .title .cont2 dl:nth-child(1) dd {font-weight:600;}
.art-view-program header .title .cont2 dl dt {width:91px;}
.art-view-program header .title .cont2 dl dd {padding-left:100px;}
.art-view-program header .info {padding:22px 29px 19px 29px; overflow:hidden; border-bottom:1px solid #ccc;}
.art-view-program header .info li {float:left; padding-right:10px; width:440px;}
.art-view-program header .info li.full {width:911px;}
.art-view-program header .info dl dt {width:50px;}
.art-view-program header .info dl dd {padding-left:65px;}
.art-view-program section {margin-top:53px; padding-bottom:21px; border-bottom:1px solid #ccc;}
.art-view-program section.clear {padding-bottom:0; border-bottom:0;}
.art-view-program section.panel {position:relative; width:10000px; left:50%; margin-left:-5000px; padding:30px 0 55px 0; border-bottom:0; background:#f8f8f8; text-align:center;}
.art-view-program section h6 {margin-bottom:21px; padding-bottom:12px; border-bottom:1px solid #333; font-size:20px; font-size:1.429rem; font-weight:600; color:#000;}
.art-view-program section h6.clear {margin-bottom:0; border-bottom:0;}
.art-view-program section dl {margin-top:5px; color:#333;}
.art-view-program section dl dt {padding-left:24px; width:86px; color:#454545;}
.art-view-program section dl dd {padding-left:135px;}
.art-view-program section dl dd .btn-reservation {position:relative; top:-1px;}
.art-view-program section .wrp-photo {margin-top:38px;}
.art-view-program section.prejoin table th {padding:4px 10px 5px 10px !important;}
.art-view-program footer {margin-top:50px; text-align:center;}
.art-view-program footer a {display:inline-block; margin:0 5px; padding:9px 24px; min-width:132px; background:#333; font-size:20px; font-size:1.429rem; color:#fff;}
.art-list-author {position:relative; margin-top:20px; border:0 !important; color:#333;}
.art-list-author .thum {margin-right:47px; width:76px; height:97px; border:1px solid #ccc;}
.art-list-author .thum + .cont {width:875px;}
.art-list-author > a {float:left; margin-right:47px; width:76px; height:97px; border:1px solid #ccc;}
.art-list-author > a .thum {margin-right:0; width:76px; height:97px; border:0;}
.art-list-author > a + .cont {width:875px;}
.art-list-author .cont {padding:3px 0 24px 0; border-bottom:1px solid #ccc;}
.art-list-author:nth-last-child(1) .cont {padding-bottom:0; border-bottom:0;}
.art-list-author .cont .name {margin-bottom:8px; font-size:20px; font-size:1.429rem; font-weight:600;}

/* gallery */
#gallery {margin-top:20px;}
#gallery .item {margin-bottom:20px; width:310px; font-size:14px; font-size:1rem; line-height:1.5; color:#333;}
#gallery .item > a {display:block; position:relative; z-index:1;}
#gallery .item > a:before, #gallery .item > a:after {content:" "; position:absolute; z-index:1; opacity:0; filter:alpha(opacity=0); transition:all .75s ease;}
#gallery .item > a:before {z-index:2; top:0; left:0; right:0; bottom:0; background:url(../images/bg/bg-layer.png) repeat;}
#gallery .item > a:after {z-index:3; top:50%; left:50%; margin:-27px 0 0 -27px; width:54px; height:54px; background:url(../images/ico/ico-sprite-gallery.png) -70px 0  no-repeat;}
#gallery .item > a:hover:before, #gallery .item > a:hover:after,#gallery .item > a:focus:before, #gallery .item > a:focus:after {opacity:1; filter:alpha(opacity=100);}
#gallery .item img {width:100%;}
#gallery .item figcaption {padding:14px 16px 16px 16px; border-width:0 1px 1px 1px; border-style:solid; border-color:#e6e6e6;}
#gallery .item figcaption .social {margin-top:21px; overflow:hidden;}
#gallery .item figcaption .social a {float:left; margin-right:18px; height:16px; background-image:url(../images/ico/ico-sprite-gallery.png);}
#gallery .item figcaption .social a.facebook {width:8px;}
#gallery .item figcaption .social a.twitter {width:20px; background-position:-15px 0;}
#gallery .item figcaption .social a.facebook:focus, #gallery .item figcaption .social a.facebook:hover {background-position:0 -20px;}
#gallery .item figcaption .social a.twitter:focus, #gallery .item figcaption .social a.twitter:hover {background-position:-15px -20px;}
#gallery .item figcaption .social a.facebook .box {display:none; position:relative; width:0; height:0; overflow:hidden;}
button[id*="gallery-"], a[id*="gallery-"],.gallerywrapper .btn_type1  {text-align:center; transition:all .35s ease;}
button[id*="gallery-"]:before, a[id*="gallery-"]:before, .gallerywrapper .btn_type1:before {content:" "; display:inline-block; position:relative; margin-right:10px; vertical-align:middle; background-image:url(../images/ico/ico-sprite-gallery.png);}
#gallery-regist ,.gallerywrapper .btn_type1 {display:block; padding:9px 0; background:#333; font-size:18px; font-size:1.286rem; color:#fff;}
#gallery-regist:before,.gallerywrapper .btn_type1 :before{top:-3px; width:21px; height:26px; background-position:-40px 0;}
#gallery-regist:hover, #gallery-regist:focus .gallerywrapper .btn_type1:hover, .gallerywrapper .btn_type1:focus{background:#99c62f;}
#gallery-more {display:inline-block; padding:10px 33px; border:1px solid #333; transition:all .35s ease; font-size:20px; font-size:1.429rem; color:#111;}
#gallery-more:before {top:-2px; width:25px; height:25px; transition-delay:0.5s; transition:all 0s ease; background-position:0 -40px;}
#gallery-more:hover, #gallery-more:focus {background:#333; color:#fff;}
#gallery-more:hover:before, #gallery-more:focus:before {background-position:-30px -40px;}
#gallerylayer {display:none; position:fixed; z-index:99999; padding-top:100px; top:0; left:0; right:0; bottom:0;overflow:auto; opacity:0; filter:alpha(opacity=0); background:url(../images/bg/bg-layer.png) repeat;box-sizing: border-box}
#gallerylayer div.mask {position:fixed; z-index:5555; top:0; left:0; right:0; bottom:0; background:none;}
#gallerylayer-content {position:relative; z-index:6666; margin:0 auto; width:100%;box-sizing: border-box}
#gallerylayer-content i {display:block; margin:0 auto; background-image:url(../images/ico/ico-sprite-gallery.png);}
#gallerylayer-content > button {display:block; position:absolute; top:0; height:70px; background:#222; text-align:center; font-size:1.286em; color:#fff;}
#gallerylayer-title-tag {display:flex; padding:3px 200px 3px 30px; height:64px; background:#3d3d3d; align-items:center; font-size:18px; font-size:1.286rem; color:#fff;}
#gallerylayer-image-tag {width: 100%;}
#gallerylayer-deletebox-button {right:73px; width:120px;}
#gallerylayer-close {right:0; width:70px;}
#gallerylayer-close i {width:30px; height:30px; background-position:0 -70px;}
#gallerylayer-deletebox {display:none; position:absolute; top:75px; left:50%; margin-left:-225px; padding:25px 43px; width:362px; border:1px solid #222; background:#fff;}
#gallerylayer-deletebox .inbox {margin-top:21px; padding:20px 0; background:#f0f0f0; text-align:center; vertical-align:middle; font-size:20px; font-size:1.429rem;}
#gallerylayer-deletebox .inbox * {vertical-align:middle;}
#gallerylayer-deletebox .inbox input {margin-left:5px; padding:0 10px; width:168px; height:28px; border:1px solid #999; line-height:28px;}
#gallerylayer-deletebox button {display:block; background:#333; font-size:20px; font-size:1.429rem; color:#fff;}
#gallerylayer-deletebox-submit {margin:25px auto 0 auto; padding:0; width:150px; height:45px;}
#gallerylayer-deletebox-submit:before {content:" "; display:inline-block; position:relative; top:-2px; margin-right:12px; width:24px; height:23px; vertical-align:middle; background:url(../images/ico/ico-sprite-gallery.png) -30px -95px no-repeat;}
#gallerylayer-deletebox-close {position:absolute; top:0; right:0; width:40px; height:40px;}
#gallerylayer-deletebox-close i {width:22px; height:22px; background-position:-30px -70px;}
.frm-gallery-regist table {border-top:0 !important;}
.frm-gallery-regist table th, .frm-gallery-regist table td {padding:20px 30px !important; border-bottom:1px solid #aaa !important; text-align:left !important;}
.frm-gallery-regist table tr:nth-child(1) td {border-top:1px solid #aaa !important;}
.frm-gallery-regist table th {padding-left:50px !important; background:#777 !important; font-size:18px; font-size:1.286rem; font-weight:400; color:#fff !important;}
.frm-gallery-regist table th label {display:inline-block; position:relative; padding-left:20px;}
.frm-gallery-regist table th label:before {content:" "; position:absolute; top:50%; margin-top:-3px; left:0; width:5px; height:5px; overflow:hidden; background:url(../images/ico/ico-sprite-gallery.png) -82px -110px;}
.frm-gallery-regist input, .frm-gallery-regist select {font-size:18px; font-size:1.286rem; border:1px solid #222; color:#333;}
.frm-gallery-regist input {padding:0 5px; width:238px; height:38px; line-height:38px;}
.frm-gallery-regist input.subject {width:538px;}
.frm-gallery-regist select {width:248px; height:40px;}
.frm-gallery-regist .set-button {margin-top:90px; text-align:center;}
.frm-gallery-regist .set-button a, .frm-gallery-regist .set-button button {display:inline-block; margin:0 5px; padding:8px 24px; min-width:132px; border:1px solid #333; font-size:20px; font-size:1.429rem; color:#333;}
.frm-gallery-regist .set-button button[type="submit"] {background:#333; color:#fff;}
.frm-gallery-regist .set-button button[type="submit"]:before {content:" "; display:inline-block; position:relative; top:-2px; margin-right:4px; width:27px; height:26px; vertical-align:middle; background:url(../images/ico/ico-sprite-gallery.png) -55px -94px;}
.cnt-gallery-regist {position:relative; margin-top:90px; padding:42px 0 42px 177px; background:#f0f0f0; color:#333;}
.cnt-gallery-regist:before {content:" "; position:absolute; top:50%; left:72px; margin-top:-25px; width:60px; height:50px; background:url(../images/ico/ico-sprite-gallery.png) -82px -60px;}
.cnt-gallery-regist dd {position:relative; padding:0 14px;}
.cnt-gallery-regist dd:before {content:" "; position:absolute; top:50%; left:0; margin-top:-2px; width:3px; height:3px; background:#666;}

.gallerywrapper .btn_type1 {text-align:center; transition:all .35s ease;}
.gallerywrapper .btn_type1:before, a[id*="gallery-"]:before {content:" "; display:inline-block; position:relative; margin-right:10px; vertical-align:middle; background-image:url(../images/ico/ico-sprite-gallery.png);}


/* introduce */
.sec-introduce-detail {padding:335px 20px 45px 470px; background:url(../images/bg/bg-introduce-2017.jpg) no-repeat; font-weight:600; font-size:20px; font-size:1.286rem; color:#777;}
.sec-introduce-detail dl {position:relative; margin-top:9px;}
.sec-introduce-detail dl:nth-child(1) {margin-top:0;}
.sec-introduce-detail dt {position:absolute; top:0; left:0; padding-right:19px; color:#000;}
.sec-introduce-detail dt:after {content:" "; position:absolute; top:50%; right:0; margin-top:-8px; width:1px; height:16px; background:#bcbcbc;}
.sec-introduce-detail dd {padding-left:71px;}
.sec-introduce-download {position:relative; margin:90px 0; padding-top:20px; width:10000px; left:50%; margin-left:-5000px; border-top:1px solid #e7e7e7;}
.sec-introduce-download > div {margin:0 auto; padding:36px 0 36px 197px; width:717px; background:url(../images/img/img-introduce.jpg) left center no-repeat; font-weight:600;/* font-family:"Nanum Myeongjo"; */color:#777;}
.sec-introduce-download > div em {color:#333;}
.sec-introduce-download > div p {padding:9px 0; border-bottom:1px solid #e2e4e1;}
.sec-introduce-download > div p:nth-last-child(1) {border-bottom:0;}
.sec-introduce-download > p {position:relative; width:10000px; left:50%; margin:20px 0 0 -5000px; padding-top:24px; border-top:1px solid #e7e7e7; text-align:center;}
.sec-introduce-download > p a {display:inline-block; padding:10px 14px; border:2px solid #80a42d; font-weight:600;}
.sec-introduce-download > p a:before{content:" "; display:inline-block; position:relative; top:-2px; margin-right:10px; width:14px; height:18px; background:url(../images/ico/ico-introduce.jpg) no-repeat; vertical-align:middle;}
.sec-introduce-movie {position:relative; margin-bottom:-50px; padding:55px 0; width:10000px; left:50%; margin-left:-5000px; background:#f9f9f9; text-align:center; color:#000;}
.sec-introduce-movie p {display:inline-block; line-height:1.1; font-size:24px; font-size:1.5rem; border-bottom:1px solid #b8b8b8;}
.sec-introduce-movie span {display:inline-block; border-bottom:1px solid #000;}
.sec-introduce-movie iframe {margin:41px auto 0 auto; padding:0;}

/* location */
.txt-location-address {padding:17px 112px; background:#f4f4f4 url(../images/ico/ico-location1.gif) 64px center no-repeat; font-size:20px; font-size:1.429rem; line-height:1.6; color:#777;}
.txt-location-address em {font-size:36px; font-size:2.250rem; color:#333;}
.cnt-location-navigation {position:relative; overflow:hidden; border-width:0 2px 2px 2px; border-style:solid; border-color:#f4f4f4; color:#333;}
.cnt-location-navigation:before {content:" "; position:absolute; top:0; bottom:0; left:50%; margin-left:-1px; width:2px; background:#f4f4f4;}
.cnt-location-navigation > div {float:left; padding:21px 0 50px 65px; width:432px; min-height:260px;}
.cnt-location-navigation > div.metro {float:right;}
.cnt-location-navigation > div dl {position:relative; line-height:1.5;}
.cnt-location-navigation > div dl:before, .cnt-location-navigation > div dl:after {content:" "; position:absolute;}
.cnt-location-navigation > div dl:before {z-index:3; width:1px; top:10px; bottom:-20px; left:12px; background:#ddd;}
.cnt-location-navigation > div dl:after {z-index:4; bottom:-31px; left:5px; width:13px; height:13px; border:1px solid #ebebeb; border-radius:8px; background:#fff;}
.cnt-location-navigation > div dl dt, .cnt-location-navigation > div dl dd {position:relative; z-index:5;}
.cnt-location-navigation > div dl dt:before, .cnt-location-navigation > div dl dd:before {content:" "; position:absolute; left:0;}
.cnt-location-navigation > div dl dt {margin-bottom:20px; padding-left:50px; font-size:24px; font-size:1.500rem;}
.cnt-location-navigation > div dl dt:before {top:50%; margin-top:-13px; width:25px; height:25px; border-radius:13px; background-image:url(../images/ico/ico-location2.png); background-position:center center; background-repeat:no-repeat;}
.cnt-location-navigation > div.bus dt:before {background-color:#3c8d15;}
.cnt-location-navigation > div.metro dt:before {background-color:#ff8400;}
.cnt-location-navigation > div dl dd {margin:14px 0 0 8px; padding-left:42px;}
.cnt-location-navigation > div dl dd:before {top:7px; width:9px; height:9px; border-radius:5px; background:#aaa;}
.cnt-location-parking{padding: 20px 0 40px;}
.cnt-location-parking span{display:block;}
.cnt-location-parking .padding-left{padding-left: 10px;}
.set-location-button {margin-top:60px; text-align:center;}
.set-location-button a {display:inline-block; margin:0 8px; padding:8px 33px; border:1px solid #000; font-size:20px; font-size:1.429rem; color:#222; line-height:36px;}
.set-location-button a:before {content:" "; display:inline-block; position:relative; top:-2px; margin-right:11px; height:27px; vertical-align:middle; height:36px;}
.set-location-button a.parking:before {width:30px; background:url(../images/ico/ico-location3.gif) left center no-repeat;}
.set-location-button a.traffic:before {width:41px; background:url(../images/ico/ico-location4.gif) left center no-repeat;}

/* organ */
.tit-organ {margin-bottom:21px; padding-bottom:12px; border-bottom:1px solid #333; font-size:20px; font-size:1.429rem; font-weight:600; color:#000;}
.lst-organ-member {margin-bottom:55px; overflow:hidden;}
.lst-organ-member > li {position:relative; float:left; margin:0 0 27px 0 !important; padding:47px 10px 10px 149px; width:333px; min-height:140px; border:1px solid #dddee2; }
.lst-organ-member > li:nth-child(even) {float:right;}
.lst-organ-member > li:before {display:none !important;}
.lst-organ-member > li img {position:absolute; top:34px; left:29px; width:91px; height:121px; border:1px solid #cac9cb;}
.lst-organ-member > li dt {margin-bottom:10px; font-size:20px; font-size:1.429rem; color:#000;}
.lst-organ-member > li dd {font-size:14px; font-size:1rem; color:#454554;}
.lst-organ-member > li dd:nth-child(2) {position:absolute; top:10px; right:10px; padding:0 12px; vertical-align:middle; border:1px solid #d6d3cf; border-radius:9px; font-size:12px; font-size:0.857rem; color:#777;}
.lst-organ-member > li dd li:before {top:9px !important;}
.cnt-organ-role {position:relative; margin-top:50px; color:#333;}
.cnt-organ-role dt {position:absolute; top:0; left:5px; font-weight:600;}
.cnt-organ-role dd {position:relative; margin-left:155px; padding-left:10px;}
.cnt-organ-role dd:before {content:" "; position:absolute; top:8px; left:0; width:1px; height:12px; overflow:hidden; background:#e0e0e1;}
.cnt-organ-role dd.none {padding-left:0;}
.cnt-organ-role dd.none:before {display:none;}
.cnt-organ-role dd blockquote {position:relative; margin-top:8px; padding:19px 15px 20px 189px; background:#f9f9f9; font-size:14px; font-size:1rem; color:#656565;}
.cnt-organ-role dd blockquote strong {position:absolute; top:19px; left:20px; color:#333;}

/* 2015 introduce */
.cnt-introduce2015 {position:relative; margin-bottom:53px; padding:67px 20px 0 435px; height:456px; border:1px solid #ccc;}
.cnt-introduce2015 img.poster {position:absolute; top:0; left:0; border-right:1px solid #ccc;}
.cnt-introduce2015 h5 {margin-bottom:19px;}
.cnt-introduce2015 dl {position:relative; margin:10px 0 0 2px; font-size:18px; font-size:1.286rem; line-height:1.5; font-weight:600; color:#777;}
.cnt-introduce2015 dl dt {position:absolute; top:0; left:0; padding-right:17px; color:#111;}
.cnt-introduce2015 dl dt:after {content:" "; position:absolute; top:50%; right:0; margin-top:-8px; width:1px; height:16px; overflow:hidden; background:#bcbcbc;}
.cnt-introduce2015 dl dd {padding-left:70px;}
.cnt-introduce2015 dl dd span {display:block; margin-top:-2px;}
.lst-introduce2015 {padding:0 21px 21px 21px; overflow:hidden; border-bottom:1px solid #ccc; color:#333;}
.lst-introduce2015 li {float:left; margin:3px 0; width:458px; background-position:left 7px;}
.txt-introduce2015 {margin-top:20px; padding:14px 24px; background:#f8f8f8; color:#333;}
.btn-introduce2015 {margin-top:30px; text-align:center;}
.btn-introduce2015 a {display:inline-block; padding:10px 14px; border:2px solid #80a42d; font-weight:600;}
.btn-introduce2015 a:before{content:" "; display:inline-block; position:relative; top:-2px; margin-right:10px; width:14px; height:18px; background:url(../images/ico/ico-introduce.jpg) no-repeat; vertical-align:middle;}
#content .tb-intdouce2015 {margin-top:80px;}
#content .tb-intdouce2015 thead th {font-size:16px; font-size:1.143rem;}
#content .tb-intdouce2015 tbody th {border-right:1px solid #ccc; background:#fff;}
#content .tb-intdouce2015 tbody th, #content .tb-intdouce2015 tbody td {font-size:14px; font-size:1rem;}
#content .tb-intdouce2015 tbody td {padding:15px 20px; text-align:left;}
#content .tb-intdouce2015 tbody td p {display:inline-block; margin:3px 5px; padding:1px 7px; background:#f8f5d3; font-size:13px; font-size:0.929rem; color:#2a280f;}
#content .tb-intdouce2015 tbody td.blue p {background:#d4f3f6; color:#2e3334;}
#content .tb-intdouce2015 tbody td.red p {background:#fdd7d7; color:#352b2b;}
#content .tb-intdouce2015 tbody td.green p {background:#dbf2ea; color:#262b29;}


/* 2016 introduce */
.cnt-introduce2016 {position:relative; padding:67px 20px 0 435px; height:456px; border:1px solid #ccc;}
.cnt-introduce2016 img.poster {position:absolute; top:0; left:0; border-right:1px solid #ccc;}
.cnt-introduce2016 h5 {margin-bottom:19px;}
.cnt-introduce2016 dl {position:relative; margin:10px 0 0 2px; font-size:18px; font-size:1.286rem; line-height:1.5; font-weight:600; color:#777;}
.cnt-introduce2016 dl dt {position:absolute; top:0; left:0; width:72px; padding-right:17px; color:#111;}
.cnt-introduce2016 dl dt:after {content:" "; position:absolute; top:50%; right:0; margin-top:-8px; width:1px; height:16px; overflow:hidden; background:#bcbcbc;}
.cnt-introduce2016 dl dd {padding-left:104px;}
.cnt-introduce2016 dl dd span {display:block; margin-top:-2px;}
.btn-introduce2016 {margin-top:20px; margin-bottom: 50px; text-align:center;}
.btn-introduce2016 a {display:inline-block; padding:10px 14px; border:2px solid #80a42d; font-weight:600;}
.btn-introduce2016 a:before{content:" "; display:inline-block; position:relative; top:-2px; margin-right:10px; width:14px; height:18px; background:url(../images/ico/ico-introduce.jpg) no-repeat; vertical-align:middle;}
#content .lst-introduce2016 { overflow:hidden; color:#333;}
#content .lst-introduce2016 > li:before{background: transparent;}
#content .lst-introduce2016 li .tit-organ{border: 0; margin-bottom: 0; }
#content .lst-introduce2016 > li{margin-bottom: 70px !important;}
#content .lst-introduce2016 li .tit-exib > span{color: #5d8502 }
#content .lst-introduce2016 img{float: left; margin-right: 35px}
#content .lst-introduce2016 li {float:left; margin:3px 0; }
#content .lst-introduce2016 li p{float: left}
#content .lst-introduce2016 ul li:before{content: "";position: absolute;top: 12px;left: -0.5em;width: 4px;height: 4px;background: #80a628;}
#content .lst-introduce2016 ul {display: block;    float: left;    width: 465px;}
#content .lst-introduce2016 li.tit-exib{background: transparent; margin-left: 0; font-size: 1.143em;margin-top: 0; font-weight: 600;}
#content .lst-introduce2016 li.tit-exib:before{background: transparent; left:0}
#content .lst-introduce2016 ul> li:before {content:""; position:absolute; top:11px; left:-1em; width:4px; height:4px; background:#80a628;}
#content .lst-introduce2016 ul> li {margin-left: 20px; font-size: 0.95em;clear: left;line-height: 1.5}

/* qna */
.txt-qna {margin-bottom:55px; padding:13px 23px 16px 23px; background:#f2f2f2; color:#454545;}
.txt-qna p:nth-child(1) {margin-bottom:6px;}
.txt-qna p strong {font-size:20px; font-size:1.571rem;}
#qna-board #board-wrapper #seoul-integrated-board{width:1000px !important;}

/* wp-board-style */
.description {display:block; padding:1.5em; text-align:center;}
#content #board-search-date-keyword ul li {margin:0 0 0 5px;}
#content #board-search-date-keyword ul li:before {display:none; margin:0;}
#content #board-search-date-keyword ul li input {display:inline-block !important; padding:0 3px !important; height:22px !important; border:1px solid #e8e8e8; line-height:22px;}
#content #board-search-date-keyword ul li input.input-datepicker {width:72px !important;}
#content #board-search-date-keyword ul li input.search-button {float:left; margin-top:2px; height:18px !important; padding:0 !important; border:0 !important;}
#content #board-search-date-keyword ul li select {height:24px; border:1px solid #e8e8e8;}
#content table#board_list_table_basic th {font-size:16px !important; font-size:1.143rem !important;}
#content table#board_list_table_basic th, #content table#board_list_table_basic td {border-right:0; border-left:0; padding-right:0; padding-left:0;}
table#board_public_table td, div#board-wrapper th, div#board-wrapper td, div#bd-view-list-wrapper th, div#bd-view-list-wrapper td {line-height:1.75;}
table#board_view_table_basic th, table#board_view_table_basic td.cont {border-right:0; border-left:0;}
table#board_view_table_basic td {border-right:0;}
table#board_view_table_basic td.cont {text-align:left; padding:50px;}
table#board_add_table_basic td, table#board_public_table td {text-align:left;}
table#board_public_table input[type="password"], table#board_add_table_basic input[type="file"], table#board_add_table_basic input[type="text"], table#board_add_table_basic input[type="password"] {padding:0 5px; width:200px; height:26px; line-height:26px; border:1px solid #ccc;}
table#board_add_table_basic input[type="file"], table#board_add_table_basic input.input-text-long {width:600px;}
table#board_add_table_basic textarea {margin:0; padding:5px; width:718px !important; height:238px !important; overflow:auto; border:1px solid #ccc;}
table#board_add_table_basic td .description {display:inline; padding:0;}
div#board-wrapper ul#file-list li {margin:5px 0 !important; padding:0 !important;}
div#board-wrapper ul#file-list li:before {display:none !important;}

/* sitemap */
.lst-sitemap {overflow:hidden; font-size:14px; font-size:1rem;}
.lst-sitemap a {display:block;}
.lst-sitemap > li {float:left; width:220px; margin:0 40px 0 0 !important;}
.lst-sitemap > li:before {display:none !important;}
.lst-sitemap > li:nth-child(4n) {margin:0 !important;}
.lst-sitemap > li > a {display:block; padding:7px 17px 6px 17px; background:#f9853b; font-size:20px; font-size:1.429rem; font-weight:600; color:#fff;}
.lst-sitemap > li > ul > li {position:relative; margin:0 !important;}
.lst-sitemap > li > ul > li:before {display:none !important;}
.lst-sitemap > li > ul > li > a {padding:10px 10px 10px 30px; border-bottom:1px solid #e9e9e9; background:url(../images/ico/ico-sitemap-cross.gif) 19px center no-repeat;}
.lst-sitemap > li > ul > li > ul {padding:10px 10px 10px 30px; border-bottom:1px solid #e9e9e9;}
.lst-sitemap > li > ul > li > ul > li {position:relative; margin:0 !important;}
.lst-sitemap > li > ul > li > ul > li:before {top:10px !important; left:0 !important; width:3px !important; height:3px !important; background:#b0b0b0 !important;}
.lst-sitemap > li > ul > li > ul > li > a {padding:0 9px;}

#sns_elem ul.snsUL li{position: static; content: none !important;    height: 35px;}
#sns_elem ul.snsUL > li:before{content: none !important;}
#sns_elem_dropdownmenu > li:before{content: none !important;}
#sns_elem ul.snsUL{padding-top: 10px;}
#sns_elem ul#sns_elem_dropdownmenu li{position: static;margin-left: 0;}

/* 관람안내 */
.lst-visit-guide {overflow:hidden; border-top:1px solid #333; color:#333;}
.lst-visit-guide li {position:relative; float:left; margin:0 !important; padding:40px 10px 10px 114px; width:376px; border-bottom:1px solid #ccc; list-style:none !important;}
.lst-visit-guide li:nth-child(1):after, .lst-visit-guide li:nth-child(3):after {content:" "; position:absolute; top:17%; right:0; width:1px; height:66.1%; background:#f0f0f0;}
.lst-visit-guide li:nth-child(2), .lst-visit-guide li:nth-child(4) {padding-left:140px; width:350px;}
.lst-visit-guide li:nth-child(1) {min-height:225px; background:url(../images/ico/ico-visit-guide1.gif) 5px 25px no-repeat;}
.lst-visit-guide li:nth-child(2) {min-height:225px; background:url(../images/ico/ico-visit-guide2.gif) 30px 25px no-repeat;}
.lst-visit-guide li:nth-child(3) {min-height:170px; background:url(../images/ico/ico-visit-guide3.gif) 5px 25px no-repeat;}
.lst-visit-guide li:nth-child(4) {min-height:170px; background:url(../images/ico/ico-visit-guide4.gif) 30px 25px no-repeat;}
.lst-visit-guide li span {display:block; padding-bottom:1px; width:32px; border-width:1px 0; border-style:solid; border-color:#9eb86b; font-size:18px; font-size:1.286rem; line-height:1.2; text-align:center; color:#80a42d;}
.lst-visit-guide li p {font-size:14px; font-size:1rem; line-height:1.75;}
.lst-visit-guide li p.title {margin:1px 0 11px 0; font-size:24px; font-size:1.714rem; font-weight:600;}
.lst-visit-guide li p.title em {position:relative; top:-2px; padding-left:10px; font-size:18px; font-size:1.286rem; font-weight:normal;}

.set-visit-button {margin-top:60px; text-align:center;}
.set-visit-button a {display:inline-block; margin:0 8px; padding:8px 33px; border:1px solid #000; font-size:20px; font-size:1.429rem; color:#222;}
.set-visit-button a:before {content:" "; display:inline-block; position:relative; top:-2px; margin-right:11px; height:29px; vertical-align:middle;}
.set-visit-button a.zoom:before {width:29px; background:url(../images/ico/ico-zoom.gif) left center no-repeat;}
.set-visit-button a.down:before {width:31px; background:url(../images/ico/ico-download.gif) left center no-repeat;}

/* 라이브리 관련 수정  2017-02-20 */
.art-view-program dl dt.livereArticleUserInfoWrapper {position: relative;top: auto;left: auto}
.art-view-program dl dt.livereArticleUserInfoWrapper:after {width: 0}

/* 레이어팝업 추가 2017-02-23 */
#gallerypopup {display:none; position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; overflow:auto; background:url(../../../images/bg/bg_layer.png);}
#gallerypopup .mask {position:absolute; width:100%; height:100%;}
#gallerypopup .wrapper {position:fixed; top:100px; left:50%; padding:7px; background:#0077af;}
#gallerypopup .title {padding:11px 160px 0 18px; height:42px; font-size:16px; color:#fff;}
#gallerypopup .photo {padding:15px; background:#fff;}
#gallerypopup .control {position:absolute; top:17px; right:25px; text-align:center;}
#gallerypopup .control .delete {display:block; float:left; margin-right:16px; width:69px; height:28px; background:#49c1df; line-height:28px; font-weight:bold; color:#fff;}
#gallerypopup .control .closed {float:left; padding:2px 0 0 15px; background:url(../../../images/bg/bg_layer_close.jpg) left 1px no-repeat;}
#delbox {display:none; position:absolute; top:60px; left:50%; margin-left:-175px; padding:5px; width:340px; background:#777;}
#delbox .title {padding:11px 0 0 15px; height:34px; font-size:12px;}
#delbox .delclosed {position:absolute; top:15px; right:20px;}
#delbox .form {padding:36px 0; background:#fff; text-align:center;}
#delbox .form  * {vertical-align:middle;}
#delbox .form label {padding-right:4px; font-size:14px; font-weight:bold;}
#delbox .form input {width:133px; height:21px; border:1px solid #ccc;}
#delbox .form button {margin-left:2px; width:53px; height:23px; font-size:12px; line-height:23px; font-weight:bold; background:#007cc3; text-align:center; color:#fff;}
.layerpopup {display:none; position:absolute; z-index:99999; top:0; left:0; width:100%; height:100%; overflow:auto; background:url(../../../images/bg/bg_layer.png);}
.layerpopup .mask {position:absolute; width:100%; min-height:100%;}
.layerpopup .wrapper {position:absolute; top:100px; left:50%; padding:7px; background:#0077af;}
.layerpopup .title {padding:11px 160px 0 18px; height:42px; font-size:16px; color:#fff;}
.layerpopup .photo {padding:15px; background:#fff;}
.layerpopup .control {position:absolute; top:17px; right:25px; text-align:center;}
.layerpopup .control .delete {display:block; float:left; margin-right:16px; width:69px; height:28px; background:#49c1df; line-height:28px; font-weight:bold; color:#fff;}
.layerpopup .control .closed {float:left; padding:2px 0 0 15px; background:url(../../../images/bg/bg_layer_close.jpg) left 1px no-repeat;}
.layerpopup .control .closed a {display:inline-block; width:24px; height:24px; background:url(../../../images/btn/btn_layer_close.gif) 0 0 no-repeat;}

/* 2017-04-26 영문 컨텐츠 추가*/
.eng-seoul-gardenshow {padding: 40px 30px;}
.sgs-left {margin-right: 40px}
.sgs-right {width: 500px}
.sgs-right h4 {font-size: 40px;color: #008337;font-family: 'Times New Roman';line-height: 1.3 }
.sgs-right dl {margin: 30px 0;padding-top: 10px;background: url(//gov.seoul.go.kr/festa/files/2017/04/bar_horizon.png) no-repeat 0 0;}
.sgs-right dl dt {display: inline-block;width: 140px;margin-bottom: 10px;background: url(//gov.seoul.go.kr/festa/files/2017/04/line_v.png) no-repeat 98% 10px;font-weight: bold;font-size: 18px;color: #333;vertical-align: top}
.sgs-right dl dd {display: inline-block;width: 350px;font-weight: bold;font-size: 16px;color: #666666}

/* 2017-04-26 영문 공지사항 추가*/
#content .table-notice {border-top: 2px solid #709b20}
#content .table-notice th,
#content .table-notice td {padding: 5px 10px;border-left: 1px solid #add301;border-bottom: 1px solid #add301}
#content .table-notice thead th,
#content .table-notice tbody tr td:first-child {border-left: 0;background: #fbfcf4;color: #293502}

#content .round {display: inline-block;padding: 5px 15px;border-radius: 15px}
#content .round-green {color: #fff;background-color: #80a628}

#content .indent15 {padding-left: 15px;text-indent: -15px;}
#content .indent10 {padding-left: 10px;text-indent: -10px;}


/* 2017-08-30 주변광광정보 추가*/
#content .tour-info{overflow: hidden}
#content .tour-info ul>li{margin: 0; float: left; margin-right: 20px}
#content .tour-info ul>li:last-child{margin: 0;}
#content .tour-info ul>li:before{background: transparent;}

#content .tour-garden {margin-top: 40px; margin-bottom: 21px;padding-bottom: 12px;border-bottom: 1px solid #333; text-align:center;font-size: 1.929rem;ft: 600;color: #000;}
#content .tour-garden-box>div{position: relative; border:1px solid #ccc; padding:30px; width: 320px; float:left;box-sizing: border-box; margin-right: 20px;overflow: hidden;}
#content .tour-garden-box>div:last-child{margin-right: 0;}
#content .tour-garden-box>div dl{overflow: hidden; height: 334px;}
#content .tour-garden-box>div dl dt{text-align: center; font-size:1.2em; font-weight:600; color:#333; line-height:1.8em; }
#content .tour-garden-box>div dl dd{margin-top: 10px;}
#content .tour-garden-box>div .wrp-photo{margin-top: 20px;width: 258px;position: relative;overflow};
#content .tour-garden-box>div .wrp-photo img{position: absolute; }
#content .tour-garden-box>div span{position: absolute; bottom: 0;background:rgba(0,0,0,0.6); color: #fff; width: 258px;display: block;text-decoration: underline;padding: 10px 0;font-size: 0.9em;}