#container {overflow:hidden;}
#container header h3 {height:320px; 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:23px 0 24px 0; width:1000px; font-size:12px; font-size:16px; color:#000; font-weight:bold}
#container header .location a {display:inline-block; margin:0 24px 0 0; color:#666; font-weight:normal; position:relative;}
#container header .location a:after{width: 5px;height: 5px;position: absolute;display: block;content: ''; background:#fcb315;border-radius: 100%; top:9px; right:-16px}
#container header .location a:nth-child(1) {margin-left:0; padding-left:23px; background:url(../images/ico/ico-location-home.gif) left center no-repeat;}
#container header h4 {margin-top:42px; padding-top:37px; text-align:center; font-weight:600; font-size:40px; font-size:2.857rem; color:#333;}
#container header h4 b {position:relative}
#container header h4 b:after{width: 14px;height: 14px;position: absolute;display: block;content: '';bottom: 0;right: -28px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2020/assets/images/main/tit_after.png) left bottom no-repeat ; background-size:contain;}

#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-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;}
/* 2018-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;}
.ml23{    margin-left: 23px !important;}
.tab-basic {overflow:hidden; text-align:center;}
.tab-basic li {float:left; margin:0 1px 0 0 !important; background:#f2f2f2;width:49.95%}
.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:110px; 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:#3c3c3c; font-weight:bold;}
.art-view-notice h6{color:#3c3c3c; 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 #595959; margin: 10px 0;}
#content .art-view-notice table th,
#content .art-view-notice table td {padding: 5px 10px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#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: #f5f5f5;color: #3c3c3c}
#content .art-view-notice table+p{margin-left: 10px 0; padding-left: 15px; text-indent: -15px; text-align: left}
#content .art-view-notice img {padding:20px; margin: 0 auto; border:1px solid #e5e5e5; box-sizing:border-box;width:auto !important; height:auto !important;}
#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;}

.sec-introduce-year.introduce2020 .cnt-introduce h5 {margin-bottom:50px; text-align:center;}
.wrap-introduce2019 {margin: 50px 0 20px;}
.mobile-wrapper .wrap-introduce2019{padding: 0 0.7em;}
.wrap-introduce2019 dl {margin-bottom: 20px;}
.mobile-block{display:inline}
.mobile-wrapper .mobile-block{display:block}
h6.tit-introduce, h6.tit-introduce span , .wrap-introduce2020 h6.tit-introduce span{font-size: 30px;text-align: left;letter-spacing: -1px;color:inherit; font-weight: bold;margin-bottom:10px;}
.mobile-wrapper h6.tit-introduce, .mobile-wrapper h6.tit-introduce * {font-size: 20px;}
.mobile-wrapper h6.tit-introduce b {z-index: 0;}
.mobile-wrapper h6.tit-introduce span {margin-top: 8px}
.mobile-wrapper h6.tit-introduce b:before {width: 85px;background-size: contain;right: -18px;z-index: -4;}

/* map */

.map2020 .download {display:inline-block; padding:10px 14px; border:1px solid #2daf9b; border-radius:10px; line-height:38px; font-weight:600; color:#2daf9b}
.map2020 .download:after{content:" "; display:inline-block; position:relative; top:0; margin-left:10px; width:38px; height:38px; background:url(../images/ico/ico-introduce.jpg) no-repeat; vertical-align:middle;}


/* program */
.tab-basic {margin-bottom:40px;}
.tab-basic.participation li {width:12.4%}
.tab-basic.program li {width:33.265%;}
.tab-basic.program li:nth-last-child(1) {margin-right: 0}
.art-list-program .thum {margin-right:13px; width:402px; height:258px;}
.art-list-program .cont {padding:27px 17px 30px 17px;height: 258px;box-sizing: border-box;position: relative;}
.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;position: absolute;right: 0;bottom: 20px;display: inline-block;height: 1.5rem;}
.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;font-family:auto}
.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.panel h6 {border-bottom:0}
.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;}
.art-view-program #post_content p img {height:auto}

/* gallery */
#gallery {margin-top:20px;}
#gallery .item {margin-bottom:20px; width:310px !important; font-size:14px; font-size:1rem; line-height:1.5; color:#333;}
#gallery .item:nth-child(3n) {margin-right: 0}
#gallery .item > a {display:block; position:relative; z-index:1; margin:0.2em 0.2em 0 0.2em; padding: 0 !important; border:1px solid #ccc}
#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 */
.tab-basic.intro li{width: 19.92%}
.sec-introduce-detail {padding:335px 20px 145px 470px; background:url(../images/bg/bg-introduce-2018.jpg) no-repeat; font-weight:600; font-size:20px; font-size:1.286rem; color:#777; position: relative;}
.sec-introduce-detail .poster img{position: absolute;top:45px; left: 40px;box-shadow: 1px 1px 2px #eaeaea}
.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 > dl {margin:0 auto; width:1000px;  font-weight:600;color:#777;overflow: hidden;}
.sec-introduce-download > dl dt{display: block; width: 155px; float: left; margin-right: 20px;}
.sec-introduce-download > dl em {color:#333;}
.sec-introduce-download > dl dd {margin-left: 197px;margin-top: 36px; padding:9px 0; border-bottom:1px solid #e2e4e1;}
.sec-introduce-download > dl dd:nth-last-child(1) {border-bottom:0;margin-top: 0; margin-bottom: 36px}
.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:1px solid #2daf9b; border-radius:10px; line-height:38px; 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;}

.introduce2020 .wrap-introduce2020 {margin: 50px 0 20px;}

.introduce2019 .wrap-introduce2019 {margin: 50px 0 20px;}
.introduce2019 .mobile-wrapper .wrap-introduce2019{padding: 0 0.7em;}
.introduce2019 .wrap-introduce2019 dl {margin-bottom: 20px;}
.introduce2019 .mobile-block{display:inline}
.introduce2019 .mobile-wrapper .mobile-block{display:block}
.introduce2019 .wrap-introduce2019 dt {color: #80a42d;font-size: 1.3rem;font-weight: bold;margin-left: 10px;position: relative;margin-bottom: 5px;}
.introduce2019 .wrap-introduce2019 dt:before {content: "";display: block;width: 6px;height: 6px;background: #80a42d;position: absolute;top: 50%;left: -10px;margin-top: -3px;border-radius: 100%}
.introduce2019 h6.tit-introduce, h6.tit-introduce span {font-size: 30px;text-align: center;letter-spacing: -1px;color: #333;font-weight: bold;margin-bottom:50px;}
.introduce2019 h6.tit-introduce b {color: #fff;position: relative;display:inline-block;}
.introduce2019 h6.tit-introduce b:before{z-index:2;content: "2019";display: block;position:absolute;color:#fff;}
.introduce2019 h6.tit-introduce b:after{z-index:0;content: "";display: block;position:absolute;width:138px;height:79px;top:-35%; right:-27px;background:url(//gov.seoul.go.kr/festa/files/2020/02/tit-before.png) no-repeat;}
.introduce2019 .mobile-wrapper h6.tit-introduce, .mobile-wrapper h6.tit-introduce * {font-size: 20px;}
.introduce2019 .mobile-wrapper h6.tit-introduce b {z-index: 0;}
.introduce2019 .mobile-wrapper h6.tit-introduce span {margin-top: 8px}
.introduce2019 .mobile-wrapper h6.tit-introduce b:before {width: 85px;background-size: contain;right: -18px;z-index: -4;}
.sec-introduce-year .cnt-introduce dl dd span.sbt {    display: inline-block;    width: 140px;}


/* greeting */
.sec-introduce-greeting {}
.sec-introduce-greeting dl dt{float: left; margin-left: 59px; position: relative; }
.sec-introduce-greeting dl dt img{width: 240px ; height: auto;margin-top:10px;}
.sec-introduce-greeting dl dd {float: left; padding-left: 60px;box-sizing: border-box; width: 700px}

/* location */
.tab-basic.location li{width:33.265%}
.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 18px;width: 50%;min-height:260px;box-sizing: border-box;}
.cnt-location-navigation > div.right {float:right;}
.cnt-location-navigation > div dl {position:relative;line-height:1.5;margin: 10px 5px 50px 0;}
.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: 33px;font-size:24px;font-size: 1.425rem;}
.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 .bus dt:before {background-color:#3c8d15;}
.cnt-location-navigation .metro dt:before {background-color:#ff8400;}
.cnt-location-navigation .elevator dt:before {background-color:#65452d;}
.cnt-location-navigation .car dt:before {background-color:#008673;}
.cnt-location-navigation .etc dt:before {background-color:#f4bc33;}
.cnt-location-navigation .txt-strong {font-weight: bold;}
.cnt-location-navigation .txt-blue {color:#3d5bab}
.cnt-location-navigation .txt-red {color:#f72f08}
.cnt-location-navigation .txt-green {color:#5bb025}
.cnt-location-navigation .txt-yellow {color:#f99d1c}
.cnt-location-navigation .txt-light-blue{color:#d4bf9b}
.cnt-location-navigation .txt-light-green{color:#8ea82a}
.cnt-location-navigation div strong { font-size: 1.625rem;line-height: 1.6;}
.cnt-location-navigation > div dl dd {margin: 10px 0 0 8px;padding-left: 25px;font-size: 1rem;letter-spacing: -.3px;}
.cnt-location-navigation > div dl dd.txt-strong:before {top:7px;width:9px;height:9px;border-radius:5px;background:#aaa;}
.cnt-location-navigation > div dl .bg-none {margin-top: 30px;font-size: 1.25rem;font-weight: bold;}
.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;}

/*program2019*/
.view-program2019 h5.title {color: #F04D50;font-weight: bold;font-size: 1.65rem;letter-spacing: -.3px;line-height:1.5;margin-bottom: 10px; border-bottom: 1px solid #F04D50;}
.view-program2019 h5 {color: #328b88;font-weight: bold;font-size: 1.35rem;letter-spacing: -.3px;line-height:1.5;}
.view-program2019 p{font-weight: bold;font-size: 1rem;letter-spacing: -.3px;line-height:1.6;margin-bottom:10px;}
.view-program2019 .img-wrapper {overflow: hidden;max-height: 285px;margin-bottom:50px;}
.view-program2019 .img-wrapper.img-name {height: auto;width: 100%;max-height: none}
.view-program2019 .img-wrapper img{float: left;height: 100%;}
.view-program2019 .img-wrapper .img2 {width: 50%;}
.view-program2019 .img-wrapper .img3 {width: 33.333333%;}
.view-program2019 .img-wrapper .img4 {width: 25%;}
.view-program2019 .img-wrapper div{ margin-bottom:10px;overflow: hidden;box-sizing: border-box;float:left;}
.view-program2019 .img-wrapper div  span{display:block;font-weight: bold; width:100%;text-align:center;line-height: 1.8;}
.view-program2019 .img-wrapper div.img4{width:22%; margin-right:3%}
.view-program2019 .img-wrapper div.img2 img {height: 300px;}
.view-program2019 .img-wrapper div.img img {height: 300px;}
.view-program2019 .img-wrapper .img4 img{height:300px; width:100%}
.view-program2019.program2 .img-wrapper.img-name img {height: 300px;width: 100%;}
.view-program2019.program2 .img-wrapper.img-name {max-height: 400px;}
.view-program2019.program2 .img-wrapper.img-name .img3 {width: 32.5%;margin-right: 1%;}
.view-program2019.program2 .img-wrapper.img-name .img3:last-child{margin-right:0}
.view-program2019.program2 img.img.img3 {height: 285px;}
.view-program2019.program2 .img-wrapper.last{max-height: none;margin-bottom: 0;}
.view-program2019.program2 .img-wrapper.last div {width: 50%;float: left;position:relative;padding: 10px;margin-bottom: 0;}
.view-program2019 .img-wrapper.last div img {height: auto}
.view-program2019.program2 .img-wrapper.last div span{position:absolute;text-align: right;letter-spacing: -.5px;right: 0;}
.view-program2019.program2 .img-wrapper.last div.img{height: 420px;}
.view-program2019.program2 .img-wrapper.last div.img img{height: auto;position: absolute;bottom: 0;}
.view-program2019.program2 span.bottom {bottom: 0;right: 0;font-size: .85rem;}
.view-program2019.program2 em {display: block;font-size: 1.55rem;margin-bottom: 8px;color: #C24D4F;line-height: 1.5;}
.view-program2019.program2 .img-wrapper.last div.img.left img{height: 92%;width: 97%;top: 10px;bottom: auto;left: 10px;}
.view-program2019.program2 .img-wrapper.last div.img.left span {right:5px;}
/*famous-restaurant*/
.industry-wrap td {font-size: 1rem;letter-spacing: -.3px;}
.industry-wrap h6.tit-organ {border-bottom: 0;margin-top: 50px;margin-bottom: 0;}
.industry-wrap tr td a{word-break: keep-all;}
.industry-wrap .btn-introduce {margin-top: 30px;text-align: center;}
.industry-wrap .btn-introduce a {display: inline-block;padding: 10px 14px;border: 1px solid #2daf9b; border-radius:10px; line-height:38px;font-weight: 600;}
.industry-wrap .btn-introduce a:before {content: " ";display: inline-block;position: relative;top: -2px;margin-right: 10px;width: 14px;height: 18px;background: url(/festa/wp-content/themes/seoul_festa/page-templates/garden/2019/assets/images/ico/ico-introduce.jpg) no-repeat;vertical-align: middle;}
.industry-wrap.line table th, .industry-wrap.line table td {  border-right: 1px solid #eee;}
.industry-wrap.line table th:last-child, .industry-wrap.line table td:last-child {  border-right: 0;}


/* 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: 33px 10px 10px 149px;width: 333px;min-height: 160px;border:1px solid #dddee2;}
.lst-organ-member > li:nth-child(even) {float:right;}
.lst-organ-member > li:nth-child(2n+1){clear:both}
.lst-organ-member > li:before {display:none !important;}
.lst-organ-member > li div {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 {position:relative;font-size:14px;font-size:1rem;color:#454554;padding-left: 20px;}
.lst-organ-member > li dd:before {content:"";position:absolute;top: 9px;left: 10px;width:4px;height:4px;background:#80a628;}
.lst-organ-member > li div img {width: 100%;height: 120px;}
.lst-organ-member > li div span {width: 100%;text-align: center;display: block;font-size: .95rem;margin-top: 5px;}


/*introduce-year */
.sec-introduce-year .tab-basic.program li {width:33.265% !important; box-sizing: border-box;}
.sec-introduce-year .cnt-introduce {position:relative; margin-bottom:53px; padding:67px 20px 0 435px; height:456px; border:1px solid #ccc;}
.sec-introduce-year .cnt-introduce img.poster {position:absolute; top:0; left:0; border-right:1px solid #ccc;height: 100%}
.sec-introduce-year .cnt-introduce h5 {margin-bottom:19px;}
.sec-introduce-year .cnt-introduce dl {position:relative; margin:10px 0 0 2px; font-size:18px; font-size:1.286rem; line-height:1.5; font-weight:600; color:#777;}
.sec-introduce-year .cnt-introduce dl dt {position:absolute; top:0; left:0; padding-right:17px; color:#111; width:72px;}
.sec-introduce-year .cnt-introduce dl dt:after {content:" "; position:absolute; top:50%; right:0; margin-top:-8px; width:1px; height:16px; overflow:hidden; background:#bcbcbc;}
.sec-introduce-year .cnt-introduce dl dd {padding-left:102px;}
.sec-introduce-year .cnt-introduce dl dd span {display:block; margin-top:-2px;}
.sec-introduce-year .btn-introduce {margin-top:30px; text-align:center;}
.sec-introduce-year .btn-introduce a {display:inline-block; padding:10px 14px; border:1px solid #2daf9b; border-radius:10px; line-height:38px; font-weight:600; color:#2daf9b}
.sec-introduce-year .btn-introduce a:after{content:" "; display:inline-block; position:relative; top:0; margin-left:10px; width:38px; height:38px; background:url(../images/ico/ico-introduce.jpg) no-repeat; vertical-align:middle;}
.sec-introduce-year .txt-introduce {margin-top:20px; padding:14px 24px; background:#f8f8f8; color:#333;}
.sec-introduce-year .video-container{min-width:500px}

/* instagram */

#instagram-list [class*="art-list-"]:nth-child(1) {border-top:0}
#instagram-list ul.list {float:left;width:100%;list-style:none;padding:0px;margin: 0px;}
#instagram-list ul > li {width:30%; margin-left:0; margin-right:5%; float:left; margin-bottom:40px; border-bottom:0; max-height:300px;}
#instagram-list ul > li:nth-child(3n){margin-right:0}
#instagram-list ul > li:nth-child(3n+1){clear:both;}
#instagram-list ul > li:before {display: none;}
#instagram-list ul > li > a{position: relative;display: block; width:100%;}
#instagram-list ul > li a >div{border: 1px solid #2daf9b;}
#instagram-list ul > li a div {display: block;position: relative;}
#instagram-list ul > li a div div{display: block; overflow:hidden; padding-bottom: 100%;}
#instagram-list ul > li a div img{object-fit: contain; height:100%; top:0; width:100%; left:0;position: absolute;}
#instagram-list ul > li [data-type="IMAGE"]:before {position:absolute; content:" "; display:block; top:10px; right:10px; width:20px; height:21px; background:url(../images/ico/icon-pic.png) top right no-repeat; z-index:1;}
#instagram-list ul > li [data-type="VIDEO"]:before {position:absolute; content:" "; display:block; top:10px; right:10px; width:28px; height:21px; background:url(../images/ico/icon-movie.png)top right  no-repeat;z-index:1;}
#instagram-list ul > li [data-type="CAROUSEL_ALBUM"]:before {position:absolute; content:" "; display:block; top:10px; right:9px; width:22px; height:23px; background:url(../images/ico/icon-pics.png)top right  no-repeat;z-index:1;}
#imageBox {position: absolute;z-index:1111111;left:50%;top:50%;width:600px;height:600px;margin-left:-300px;margin-top:-300px;}
.bx-wrapper .bx-pager.bx-default-pager a {  background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {background:#fcb315}
.bx-wrapper {  border: 0;  background: none;  box-shadow: none;}
.bx-wrapper .bx-controls-direction .bx-next{background: url(../images/ico/ico-arrow.png) no-repeat 0 0 !important;width:30px; height:30px;}
.bx-wrapper .bx-controls-direction .bx-prev {background: url(../images/ico/ico-arrow.png) no-repeat 0 0 !important; width:30px; height:30px;transform:rotate(-180deg)}
/* #playerBox.instagram-video {max-width:600px; margin-left:-300px;} 
#playerBox.instagram-video .video-container {position: relative;padding-bottom: 100%;height: 0; overflow: hidden;} */
[class*="instagram"] .link {position: absolute; right:0 ; bottom:-60px}
/* [class*="instagram"] .link.pics{bottom:0} */

@media screen and (max-height:770px){
  #imageBox {position: absolute;z-index:1111111;left:50%;top:50%;width:500px;height:500px;margin-left:-250px;margin-top:-250px;}
  /* #playerBox.instagram-video {max-width:500px; margin-left:-250px;}
  #playerBox.instagram-video .video-container {position: relative;padding-bottom: 100%;height: 0; overflow: hidden;} */
}
/* youtube */
[class*="youtube"] .list{overflow:hidden;width:100%; }
[class*="youtube"] .link {display:none}
[class*="youtube"]  [class*="art-list-"]:nth-child(1) {border:0 !important;}
[class*="youtube"] article.art-list-program.list-item {width:30%; margin-right:5%; float:left; margin-bottom:40px; border-bottom:0}
[class*="youtube"] article.art-list-program.list-item div{letter-spacing: -1px;}
[class*="youtube"] article.art-list-program.list-item:nth-child(3n){margin-right:0}
[class*="youtube"] article.art-list-program.list-item:nth-child(3n+1){clear:both;}
#playerBox{display:none;padding:0;width: 100%;max-width: 750px;z-index:1111111;position: absolute;left: 50%;margin-left: -375px;top: 15%;}
#ddim{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1111;  display: none; background: rgba(0,0,0,.65);}
.video-container {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#ddim .btn-close{position: absolute;right: 0;top: 0;display: inline-block;padding: 8px 10px 6px;z-index:1}
#ddim > .btn-close{position: absolute;right: 0;top:10px; right:10px; display: inline-block;padding:0; border-radius: 0; background: none;}
#ddim .btn-close img{width:30px;}

.btn-wrap{margin:20px 0 ; overflow:hidden; text-align:center; width:100%; }
.btn-wrap .btn-next{display: inline-block; padding: 10px 14px; border: 1px solid #2daf9b; border-radius: 10px; line-height: 38px; font-weight: 600; color: #2daf9b;line-height: 1.3;background:transparent;}

/* 2019-11-18 바로가기 */
.btn-view {margin-top:20px;}
.btn-view.center {text-align:center; margin-bottom:20px}
.btn-view a {display:inline-block; padding:10px 14px; border:1px solid #739a19; border-radius:10px; line-height:20px;font-weight:600;}
.btn-view a span {color: #739a19;}
.btn-view a:after{content:" "; display:inline-block; position:relative; top:-2px; margin-left:10px; width:11px; height:17px; background:url(../images/ico/ico-right.png) no-repeat; vertical-align:middle;}

/*2019*/
#content .sec-introduce-year .cnt-introduce2019.cnt-introduce h5 {margin-bottom: 50px;font-size: 2.5rem;letter-spacing: -.15rem;font-weight: bold;color: #4f2c0e;}
#content .sec-introduce-year .cnt-introduce2018.cnt-introduce h5 {margin-bottom: 50px;font-size: 2.5rem;letter-spacing: -.15rem;font-weight: bold;color: #72b84c;}
#content .sec-introduce-year.introduce2019 .lst-introduce img {width: 100%; height: auto; text-align: center; float:none;margin: 0}

#content .sec-introduce-year .lst-introduce { overflow:hidden; color:#333;}
#content .sec-introduce-year .lst-introduce > li:before{background: transparent;}
#content .sec-introduce-year .lst-introduce li .tit-organ{border: 0; margin-bottom: 0; }
#content .sec-introduce-year .lst-introduce > li{margin-bottom: 70px !important;}
#content .sec-introduce-year .lst-introduce li .tit-exib > span{color: #5d8502 }
#content .sec-introduce-year .lst-introduce img{float: left; margin-right: 35px; width: 500px; height: 355px;}
#content .sec-introduce-year .lst-introduce li {float:left; margin:3px 0; }
#content .sec-introduce-year .lst-introduce li p{float: left}
#content .sec-introduce-year .lst-introduce ul li:before{content: "";position: absolute;top: 12px;left: -0.5em;width: 4px;height: 4px;background: #80a628;}
#content .sec-introduce-year .lst-introduce ul {display: block;    float: left;    width: 465px;}
#content .sec-introduce-year .lst-introduce li.tit-exib{background: transparent; margin-left: 0; font-size: 1.143em;margin-top: 0; font-weight: 600;}
#content .sec-introduce-year .lst-introduce li.tit-exib:before{background: transparent; left:0}
#content .sec-introduce-year .lst-introduce ul> li:before {content:""; position:absolute; top:11px; left:-1em; width:4px; height:4px; background:#80a628;}
#content .sec-introduce-year .lst-introduce ul> li {margin-left: 20px; font-size: 0.95em;clear: left;line-height: 1.5}
.sec-introduce-year.y2016 .cnt-introduce {padding: 37px 20px 30px 435px;}
/* 2015 introduce */
.sec-introduce-year .cnt-introduce.cnt-introduce2015 dl dt {width:auto}
.sec-introduce-year .cnt-introduce.cnt-introduce2015 dl dd {padding-left:70px;}
.sec-introduce-year .lst-introduce2015 {padding:0 21px 21px 21px; overflow:hidden; border-bottom:1px solid #ccc; color:#333;}
.sec-introduce-year .lst-introduce2015 li {float:left; margin:3px 0; width:458px; background-position:left 7px;}
.sec-introduce-year .tb-intdouce2015 {margin-top:80px;}
.sec-introduce-year .tb-intdouce2015 thead th {font-size:16px; font-size:1.143rem;}
.sec-introduce-year .tb-intdouce2015 tbody th {border-right:1px solid #ccc; background:#fff;}
.sec-introduce-year .tb-intdouce2015 tbody th, #content .tb-intdouce2015 tbody td {font-size:14px; font-size:1rem;}
.sec-introduce-year .tb-intdouce2015 tbody td {padding:15px 20px; text-align:left;}
.sec-introduce-year .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;}
.sec-introduce-year .tb-intdouce2015 tbody td.blue p {background:#d4f3f6; color:#2e3334;}
.sec-introduce-year .tb-intdouce2015 tbody td.red p {background:#fdd7d7; color:#352b2b;}
.sec-introduce-year .tb-intdouce2015 tbody td.green p {background:#dbf2ea; color:#262b29;}

.cnt-participation .pc > p{font-size: 1rem;}

/* qna *//* press-board */
.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;}
#press-board #board-wrapper #seoul-integrated-board{width:1000px !important;}
#press-board #board-wrapper #seoul-integrated-board th , #press-board #board-wrapper #seoul-integrated-board th {font-size:1rem;}

/* 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:nth-child(7),.lst-sitemap > li:nth-child(8),.lst-sitemap > li:last-child {display: none;}
.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;}
.lst-sitemap > li:nth-child(5){clear:both; margin-top:20px}

#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:#2daf9b;}
.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;}

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

/* 레이어팝업 추가 2018-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;}

/*영상갤러리*/

.video-wrap:after {content:""; display:block; clear:both;}
.video-wrap .art-list-program.list-item.list-video{width: 32%;margin-right:2%;float: left;margin-bottom: 2%;}
.video-wrap .art-list-program.list-item.list-video:nth-child(1){border-top:0}
.video-wrap .art-list-program.list-item.list-video .child_policyDL{height:202px;}
.video-wrap .art-list-program.list-item.list-video:nth-child(3n) {margin-right:0;}
.video-wrap .art-list-program.list-item.list-video:nth-child(4n) {margin-right:20px;}
.video-wrap .art-list-program.list-item.list-video:nth-child(4n+1){ clear:none;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL {float:left !important;margin:0 20px 30px 0;padding:0 !important;width: 100%;background:none !important;height: 250px;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL > *{ display:block;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL:nth-child(4n) {margin-right:0;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL:nth-child(4n+1){ clear:both;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_l {float:none !important;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_l a {display:block;height: 200px;overflow:hidden;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_l a img {padding:0 !important; width:100% !important; height:auto !important;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_R {float:none !important; width:auto !important; padding-right:0 !important;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_R h3.tit {margin:17px 0 4px 0;color: #222 !important;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_R h3.tit a {font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_R .part, .art-list-program.list-item.list-video .child_policyDL h4, .art-list-program.list-item.list-video .child_policyDL .tagDiv, .art-list-program.list-item.list-video .child_policyDL_R .topicCont {display:none !important;}
.video-wrap .art-list-program.list-item.list-video .child_policyDL_R .time{font-size:1rem;}

/* 2018-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/2018/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/2018/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}
.sec-eng .btn-download {margin-top:30px; text-align:center;}
.sec-eng .btn-download a {display:inline-block; padding:10px 14px; border:1px solid #2daf9b; border-radius:10px; line-height:38px; font-weight:600;}
.sec-eng .btn-download 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 .table-notice {border-top: 2px solid #595959}
#content .table-notice th,
#content .table-notice td {padding: 5px 10px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5}
#content .table-notice thead th,
#content .table-notice tbody tr td:first-child {border-left: 0;background: #f5f5f5;color: #3c3c3c}
#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;}
#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:hidden; height:147px}
#content .tour-garden-box>div .wrp-photo img{position: absolute;left:0; top:0 }
#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;}

/** 온라인 정원산업전 **/
#content .sec-industry * { overflow: hidden; word-break: break-all; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important; }
.mobile-inline { display: block; line-height: inherit; font-size: inherit; font-weight: inherit; }
#content .sec-industry .tab-basic { margin-bottom: 30px; }


/* search */
#content .sec-industry .sch-full { text-align: center; margin: 0 auto; }
#content .sec-industry .sch-full * { vertical-align: top }
#content .sec-industry .sch-full .input { border: 1px solid #298d6f; width: 630px; margin-right: 10px; padding: 14px 20px 15px; line-height: 1; }
#content .sec-industry .sch-full .select { border: 1px solid #298d6f; width: 130px; margin-right: 10px; padding: 14px 20px 14px; line-height: 1; background:#fff;}
#content .sec-industry .sch-full .input:placeholder { color: #888 }
#content .sec-industry .sch-full .bt-sch { background: #298d6f; color: #fff; font-size: 20px; font-weight: bold; width: 130px; padding: 15px; line-height: 1; }
#content .sec-industry .sch-full.sch-select { margin-bottom: 50px; }
#content .sec-industry .sch-full.sch-select .input { width: 490px }

#content .cnt-search-wrap { margin-top: 70px }
#content .cnt-search-wrap .lst-search h5 { padding: 20px 0; border-bottom: 1px solid #298d6f; line-height: 1; margin-bottom: 30px; }
#content .cnt-search-wrap .lst-search h5 strong { font-size: 20px; color: #111; }
#content .cnt-search-wrap .lst-search h5 strong span { color: #5d8502 }
#content .cnt-search-wrap .lst-search.result0 div { padding: 80px 0; text-align: center; color: #111; font-weight: bold }

/* introduce */
#content .sec-industry .cnt-introduce.cnt-industry { position: relative; margin-bottom: 53px; padding: 33px 60px 34px 435px; height: 456px; border: 1px solid #ccc; margin-top: 50px ; text-align:center}
#content .sec-industry .cnt-introduce.cnt-industry img.poster { position: absolute; top: 0; left: 0; border-right: 1px solid #ccc; height: 100% }
#content .sec-industry .cnt-introduce.cnt-industry h5 { margin-bottom: 19px; font-size: 16px; text-align: center }
#content .sec-industry .cnt-introduce.cnt-industry h5 span.title { font-size: 30px; color: #483a9b; font-weight: bold; margin-bottom: 30px; text-align: center; display: block; line-height: 1.1; }
#content .sec-industry .cnt-introduce.cnt-industry h5 span.color{color: #483a9b;}
#content .sec-industry .cnt-introduce.cnt-industry dl { position: relative; margin: 10px 0 0 2px; font-size: 18px; font-size: 1.286rem; line-height: 1.5; font-weight: 600; color: #777; }
#content .sec-industry .cnt-introduce.cnt-industry dl dt { position: absolute; top: 0; left: 0; padding-right: 17px; color: #111; width: 72px; }
#content .sec-industry .cnt-introduce.cnt-industry dl dt:after { content: " "; position: absolute; top: 50%; right: 0; margin-top: -8px; width: 1px; height: 16px; overflow: hidden; background: #bcbcbc; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd { padding-left: 102px; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd span { display: block; margin-top: -2px; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd .list-type-circle li { margin-left: 0; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd .list-type-circle li strong { padding-left: 12px; position: relative; color: #80a42d; font-size: 18px; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd .list-type-circle li strong:before { position: absolute; content: ''; width: 6px; height: 6px; background: #80a42d; border-radius: 100%; top: 9px; left: 2px; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd .list-type-dash li { padding-left: 13px; font-size: 16px; line-height: 2.1rem; }
#content .sec-industry .cnt-introduce.cnt-industry dl dd .list-type-dash li:before { left: 2px }

#content .sec-industry .cnt-industry-intro { overflow: hidden; margin-top:33px;}
#content .sec-industry .cnt-industry-intro h5 { font-size: 20px; font-weight: bold; color: #111; padding: 20px 0; border-bottom: 1px solid #298d6f; line-height: 1; margin-bottom: 30px }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div { position: relative; display: block; float: left; margin-left: 10px; margin-bottom: 10px; width: calc(50% - 15px); height: 340px; box-sizing: border-box; animation: ease-out; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div:nth-child(2n) { margin-right: 10px; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div a { position: relative; display: block; height: 100%; overflow: hidden; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div a div { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; animation: ease-out; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div a div span { position: relative; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); color: #fff; text-align: center; margin-top: 10px; font-size: 20px; z-index: 1; font-weight: bold; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div a div:after { background: rgba(41, 141, 111, .75); opacity: 0; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div a div { position: absolute; top: 0; left: 0; opacity: 1; width: 100%; height: 100%; display: block; }
#content .sec-industry .cnt-industry-intro .cnt-list-wrap>div:hover a div:after { opacity: .75; }


#content .sec-industry .lst-industry .list { overflow: hidden; }
#content .sec-industry .lst-industry .list .list-item { padding: 0; width: calc(25% - 7.5px); margin-left: 0; margin-right: 10px; float: left; margin-bottom: 50px; }
#content .sec-industry .lst-industry .list .list-item:nth-child(4n) { margin-right: 0 }
#content .sec-industry .lst-industry .list .list-item:before { display: none; }
#content .sec-industry .lst-industry .list .list-item figure { position: relative; border: 1px solid #c5c5c5; width: 242px; height: 242px; margin-bottom: 20px; box-sizing: border-box; }
#content .sec-industry .lst-industry .list .list-item figure img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);max-width:100%; max-height:100%; }
#content .sec-industry .lst-industry .list .list-item dl { text-align: center; }
#content .sec-industry .lst-industry .list .list-item dl dt { font-weight: bold; color: #111; font-size: 18px }
#content .sec-industry .lst-industry .list .list-item dl span { color: #5d8502 }
#content .sec-industry footer { margin-top: 34px; padding-top: 50px; text-align: center; width: 100%; }
#content .sec-industry footer a { display: inline-block; padding: 12px 71px; background: #333; font-size: 20px; font-size: 1.429rem; color: #fff; }

#content .sec-industry.sec-tool .tool-ctagory { padding: 15px 145px; border: 1px solid #c5c5c5; overflow: hidden; margin-bottom: 30px }
#content .sec-industry.sec-tool .tool-ctagory ul li { width: 20%; text-align: center; float: left; padding: 15px 0; margin: 0; line-height: 1; }
#content .sec-industry.sec-tool .tool-ctagory ul li .on{font-weight:bold;}
#content .sec-industry.sec-tool .tool-ctagory ul li:before { display: none; }

/* detail */
#content .sec-industry .cnt-tool-detail h5 { margin-top: 50px; font-size: 20px; font-weight: bold; color: #111; border-bottom: 1px solid #298d6f; line-height: 1; padding-bottom: 20px }
#content .sec-industry .cnt-tool-detail .detail-info { overflow: hidden; padding: 10px 0; }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-left { width: 242px; height: 242px; float: left; position: relative; margin-right: 50px; }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-left img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right { float: left; width: calc(100% - 292px) }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right dt { font-size: 40px; color: #298d6f; line-height: 1; padding: 30px 50px 40px 0; font-weight: bold; word-break: break-all;}
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right dd { float: left; max-width: 380px;}
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right dd strong { border-bottom: 1px solid #298d6f; font-weight: 900; color: #298d6f; padding-bottom: 5px; }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right dd:last-child { float: right; width: 300px;  }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right ul { margin-top: 10px; }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right li { padding-left: 10px; margin-left: 0; color: #111; }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right li:before { background: #111; width: 3px; height: 3px; left: 0 }
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right li a{color:inherit}
#content .sec-industry .cnt-tool-detail .detail-info .cnt-right li a.link-info { font-size: 12px; color: #298d6f; vertical-align: top; }

#content .sec-industry .cnt-tool-detail .cnt-industry-art { overflow: hidden; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art>[class*="cnt-"] { border-top: 1px solid #c5c5c5 }
#content .sec-industry .cnt-tool-detail .cnt-industry-art [class*="cnt-"] h6 { padding-top: 26px; font-size: 24px; color: #298d6f; line-height: 1; padding-bottom: 30px; font-weight: bold; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-full { width: 100% }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-left { width: 690px; float: left; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-left p.tit { font-size: 1.2em; font-weight: bold; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-right { width: 300px; float: right; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-info-detail { margin-bottom: 50px; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-info-detail p { color: #111; margin-bottom: 10px; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-info-detail a { color: #111; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-tag-wrap { margin-top: 30px; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-tag-wrap a { padding: 9px 14px 11px; line-height: 1; border-radius: 30px; background: #f3f3f3; margin-right: 6px; display: inline-block; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-tool .list-tool li { margin-left: 0; width: calc(50% - 10px); margin-right: 10px; float: left; margin-bottom: 30px; text-align: center; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-tool .list-tool li:nth-child(2n) { margin-right: 0 }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .cnt-tool .list-tool li a p.figcaption { padding: 10px 0; color: #111; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary { border-bottom: 0 }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li { margin-left: 0; margin-bottom: 10px; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li [data-type="image"]  { padding: 0 10px; display: block; text-align: center; height: 180px; position: relative; }
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li img { transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; width:100%;height:180px}
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li [data-type="video"] { position: relative; display: block; }
/* #content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li [data-type="video"]:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ico/ico-play.png) center no-repeat } */
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li [data-type="video"] figure{position:relative; width:100%; height:180px; display:block;}
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li [data-type="video"] figure .iframe-top{display:block; width:100%; height:100%; box-sizing:border-box; z-index:11; position:absolute}
#content .sec-industry .cnt-tool-detail .cnt-industry-art .art-list-gallary li [data-type="video"] figure iframe{z-index:-1; height:192px;}
#content .sec-industry .cnt-tool-detail #tool-video [data-type="video"] { position: relative; display: block; height:388px}
#content .sec-industry .cnt-tool-detail #tool-video [data-type="video"] figure{ position:relative; width:100%; height:100%; display:block;padding:0}
#content .sec-industry .cnt-tool-detail #tool-video [data-type="video"] figure .iframe-top{ display:block; width:100%; height:100%; box-sizing:border-box; z-index:11; position:absolute}
#content .sec-industry .cnt-tool-detail #tool-video [data-type="video"] figure iframe{ z-index:-1; }
#imageBox.industry .image-wrap {height:100%}
#imageBox.industry .image-wrap img { width: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }

#content .sec-industry .sns { float: right; margin-top: 30px }
#content .sec-industry .sns li { float: left; margin-right: 7px; margin-left: 0 }
#content .sec-industry .sns li:last-child { margin-right: 0; }
#content .sec-industry .sns img { width: 35px; height: 35px }
#content .sec-industry .sns:after { content: ''; clear: both; display: table; }
/* #ddim .industry .btn-close {padding:8px 10px 9px; background: #298d6f;} */

/* 2021-11-26 add */
.sec-introduce-year .cnt-introduce2020 h5 {
    margin-bottom: 50px;
    font-size: 2.5rem;
    letter-spacing: -.15rem;
    font-weight: bold;
    color: #333;
}

.sec-introduce-year .wrap-introduce2020 .tit-introduce {
    text-align: center;
    margin-bottom: 20px;
    color:#333
}

.sec-introduce-year .wrap-introduce2020 dl {
    margin-bottom: 20px
}

.sec-introduce-year .wrap-introduce2020 dt {
    color: #2daf9b;
    font-size: 1.3rem;
    font-weight: bold;
    margin-left: 10px;
    position: relative;
    margin-bottom: 5px;
}

.sec-introduce-year .wrap-introduce2020 dt:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #2daf9b;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -3px;
    border-radius: 100%
}