#container {padding-bottom: 210px;}

#content-header .location {border-bottom: 1px solid #dddddd;}
#content-header .location .scrum {position: relative;width: 1000px;margin: 0 auto;height: 60px;padding-left: 60px;}
#content-header .location .scrum * {vertical-align: middle;}
#content-header .location .scrum:before {content: '';position: absolute;top: 0;left: 0;width: 60px;height: 60px;background: #f5080a url(../images/ico/ico_home.png) no-repeat 50% 50%}
#content-header .location .scrum a,
#content-header .location .scrum strong {display: inline-block;min-width: 200px;height: 60px;line-height: 60px;padding: 0 10px;border-left: 1px solid #ddd;text-align: center;color: #333;font-size: 14px;font-family: '微軟正黑體', Nanum Gothic, "맑은 고딕"}

#content-header .inner {margin:0 auto; width:1000px;}
#content-header .inner h3 {margin-bottom: 40px;padding: 60px 0 20px;border-bottom: 1px solid #dddddd;font-size: 36px;font-weight: 600;}
#content-header .inner h3 span {display: inline-block;position: relative;padding-right: 20px;}
#content-header .inner h3 span:after {content: '';position: absolute;right: 0;bottom: 5px;width: 12px;height: 12px;background: url(../images/ico/bl_diamond.png) no-repeat 0 0;}
#content-header .inner h3 span.zh {vertical-align: bottom;}
#content-header .inner h3 span.zh:after {display: none;}


#content {position:relative;  line-height:1.75;}
#content .cont-inner {width:1000px;margin: 0 auto;}
#content h4 {margin: 30px 0 20px;font-size: 30px;font-weight: 600;}
#content h4.cont-inner {margin: 30px auto;}
#content h5 {position:relative; margin: 20px 0 5px;font-weight:700; color:#333;}
#content h5.title {margin: 40px 0 5px;font-weight: 700;}
/* #content h5:before {content:" "; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; overflow:hidden; background:#59a9dc;} */
#content li {position:relative;}
#content ul > li:before {content:""; position:absolute; top:0; left:-0.6em; font-weight:700;}
#content ol > li {margin-left:1.4em; list-style-type:decimal;}
#content li > ul > li:before {content:"-";}


#content .table {border-top:2px solid #4a4a4a;border-collapse: collapse}
#content .table th, #content .table td {padding:5px 10px; text-align:center;border: 1px solid #e4e4e4}
#content .table th {border-bottom:1px solid #e4e4e4; background:#f6f6f6; font-weight:700; color:#3a3a3a;}
#content .table tbody td.td-left {text-align: left} 

/* #content .table th.rowspanline {border-right:1px solid #c3c3c3;}
#content .table th.nopaddng, #content table td.nopaddng {padding-right:0; padding-left:0;}
#content .table thead th {border-right: 1px solid #e4e4e4;}
#content .table thead th:last-child {border-right: 0}
#content .table tbody td {border-bottom:1px solid #e4e4e4;background: #fff;}
#content .table td {border-bottom:1px solid #e4e4e4; border-left:1px dotted #b5b5b5;}

#content .table th.noline, #content table td.noline {border-left:0 !important;}
#content .table tbody tr td:first-child {border-left: 0;}
#content .table tbody tr .classify {border-left: 1px dotted #b5b5b5}
#content .table th span, #content table th label {display:inline-block; text-align:left;}
#content .table tbody td.td-left {text-align: left} */

#content .table-type2 {border-collapse: collapse;}
#content .table-type2 thead th {padding:5px 10px; background: #59a9dc;color: #fff;border-left: 1px solid #498bb4;}
#content .table-type2 thead tr:first-child th:first-child {border-left: 0}
#content .table-type2 thead tr th:last-child {border-right: 1px solid #59a9dc}
#content .table-type2 tbody th,
#content .table-type2 tbody td {padding:5px 10px; background: #fff;border: 1px solid #d1d1d1;border-left: 0;border-top: 0;text-align: center;}
#content .table-type2 tbody tr th:first-child,
#content .table-type2 tbody tr td:first-child
#content .table-type2 tbody td.leftLine {border-left: 1px solid #d1d1d1}
#content .table-type2 tbody th {color: #454545;font-weight: 700;}

.table-wrap {position: relative;clear: both;}
.table-wrap .txt-table-right {position: absolute;top: 0;right: 0;text-align: right;}

#content dl.cont-type1 {overflow:hidden;}
#content dl.cont-type1 dt {position: relative;clear: both;float: left;width: 17%;margin-bottom: 5px;padding-left: 15px;font-weight: bold;}
#content dl.cont-type1 dt:before {content: '';position: absolute;top: 7px;left:0;width: 12px;height: 12px;margin-bottom: 5px;background: url(../images/ico/bl_diamond.png) no-repeat 0 0;}
#content dl.cont-type1 dd {float: left;width: 80%;}

#content ul.list-type-diamond li {position: relative;padding-left: 15px;}
#content ul.list-type-diamond li:before {content: '';position: absolute;top: 7px;left:0;width: 12px;height: 12px;margin-bottom: 5px;background: url(../images/ico/bl_diamond.png) no-repeat 0 0;}

#content ul.list-type-important li {position: relative;margin-bottom: 5px;padding-left: 25px;}
#content ul.list-type-important li:before {content: '';position: absolute;top: 5px;left:0;width: 18px;height: 18px;margin-bottom: 5px;background: url(../images/ico/ico_important.png) no-repeat 0 0;}

#content ul.list-type-dot>li {position: relative;padding-left: 10px;}
#content ul.list-type-dot>li:before {content:" "; position:absolute; top:9px; left:0; width:4px; height:4px; overflow:hidden; background:#59a9dc;}

#content ul.list-type-dash>li {position: relative;padding-left: 10px;}
#content ul.list-type-dash>li:before {content:" "; position:absolute; top:11px; left:0; width:4px; height:1px; overflow:hidden; background:#666;}

#content ul.list-type1 {margin-left: 25px}
#content ul.list-type2 {margin-left: 13px}

.pc-block {display: block}
.scrum a {color: #888}

.btn-group {margin: 30px 0;text-align: center;}
.button {display:inline-block; padding:11px 25px; min-width:120px; vertical-align:top; background:#e7e7e7; font-size:16px;font-weight:700; text-align:center; color:#333;}
button.button {min-width:170px;}
.button.sky {background:#59a9dc; color:#fff;}
.button.red {background:#ff0f0f;color: #fff}
.button.youtube,
.button.btn-download {min-width: 260px;background:#2e95ec;color:#fff;border-radius: 30px;margin: 0 2px;padding: 11px 28px;}
.button.btn-download2 {background: #0865b4}
.button.youtube span,
.button.btn-download span{position: relative;display: inline-block;padding-right: 20px;font-size: 22px;font-weight: 600;}
.button.youtube span:after {content: '';position: absolute;top: 9px;right: 0;width: 12px;height: 20px;background: url(../images/ico/ico-right-arrow.png) no-repeat 0 0;}
.button.btn-download span:after {content: '';position: absolute;top: 9px;right: 0;width: 14px;height: 18px;background: url(../images/ico/ico-download.png) no-repeat 0 0;}

.txt-caption {font-size:18px; font-size:1.286rem;}
.tit-dotted {position:relative; padding:0 13px; font-weight:700; color:#333;}
.tit-dotted:before {content:" "; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; overflow:hidden; background:#59a9dc;}
.txt-dotted {position:relative; padding:0 0 0 13px;}
.txt-dotted:before {content:" "; position:absolute; top:10px; left:0; width:4px; height:4px; overflow:hidden; background:#59a9dc;}
.ft-size1 .txt-dotted:before, .ft-size1.txt-dotted:before {top:9px;}
.txt-point {color: #ff0f0f;}
.txt-point2 {color: #f5080a;}

.tab-basic {display: table;width: 100%;font-size:18px;font-weight:700;}
.tab-basic:after {content:" "; display:block; clear:both;}
.tab-basic li {position:relative; display: table-cell;border:1px solid #999;border-left: 0;}
.tab-basic li:nth-child(1) {border-left: 1px solid #999;}
.tab-basic li:before {display:none;}
.tab-basic li a {display:block; height:58px; line-height:58px; text-align:center; color:#333;}
.tab-basic li.on {border-color:#f5080a; background:#f5080a;}
.tab-basic li.on a {color:#fff;}
.tab-basic.arrow li.on:after,
.tab-basic2 li.on:after {content:" "; position:absolute; left:50%; bottom:-10px; margin-left:-9px; width:0; height:0; border-style:solid; border-width:10px 9px 0 9px; border-color:#f5080a transparent transparent transparent;}


#tab-program ul li {width: 33.3333%}
#tab-program ul li a {cursor: pointer}

.img-lists {overflow: hidden;}
.img-lists li {float: left;margin-bottom: 20px;}
.img-lists li img + p.align-center {margin-top: 10px;font-weight: 700;}
.img-lists.list2 li {width: 49%;margin-left: 2%}
.img-lists.list2 li:nth-child(2n+1) {margin-left: 0;clear: both;}

.img-lists.list3 li {width: 32%;margin-left: 2%}
.img-lists.list3 li:nth-child(3n+1) {margin-left: 0;clear: both;}

.inner-tab {display: table;width: 100%;margin-bottom: 20px;}
.inner-tab li {display: table-cell;width: 25%;}
.inner-tab.tab2 li {width: 50%;}
.inner-tab li a {display: block;width: 100%;height: 100%;padding: 5px;text-align: center;border:1px solid #ccc;border-left: 0}
.inner-tab li:first-child a {border-left: 1px solid #ccc;}
.inner-tab li a .zh {display: block;margin-top: -7px;}
.inner-tab li.on a {background: #ba0303;color: #fff;}

.tab-content-inner {display :none;}


/* notice, program list common 2020 */
.list {overflow: hidden;width: 100%;max-width: 1000px;margin: 0 auto;}
[class*="art-list-"] {float: left;width: 32%;margin-left: 2%;margin-bottom: 40px;}
[class*="art-list-"]:nth-child(3n+1) {margin-left: 0;}
[class*="art-list-"] .thum {}
[class*="art-list-"] .thum + .cont {}
[class*="art-list-"] .cont {overflow:hidden;}
#content [class*="art-list-"] .cont h5 {margin: 10px 0 10px;color:#333;font-size:20px; font-weight: bold;text-align: center;line-height: 1.5}
[class*="art-list-"] .cont h5 a {color:#333;}
[class*="art-list-"] .cont h5 a .zh {display: block;font-size: 16px;}
[class*="art-list-"] .cont p {height: 50px;overflow:hidden;text-align: center;font-size: 16px;text-align: center;}
[class*="art-list-"] .cont > a.button {display: none}


/* info */
.cont-wrap {overflow: hidden}
.cont-wrap .cont-left {float: left}
.cont-wrap .cont-right {float: left;}

.cont-introduce {position: relative;}
.cont-introduce .cont-left {width: 420px;margin-right: 30px;text-align: center;}
.cont-introduce .cont-right {width: 550px;}
.btn-poster {position: absolute;bottom: 0;left: 450px;width: 100%;max-width: 400px;line-height: 1.2;padding: 10px 70px 10px 40px;background: #ba0303 url(../images/ico/ico_zoom.png) no-repeat 90% 50%;color: #fff;}
.btn-poster .zh {display: block;}

.video-container {position: relative;margin: 0 auto;padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.area-hongbo-movie {padding: 69px 0;background: #e6ddcf url(../images/bg/bg-hongbo-movie.jpg) no-repeat 50% 50%;text-align: center;}
.area-hongbo-history {margin-bottom: 30px;padding: 69px 0;background: #b2b2b2 url(../images/bg/bg-movie-history.jpg) no-repeat 50% 50%;text-align: center;}
.area-hongbo-bts {background: url(../images/bg/bg-hongbo-bts.jpg) no-repeat 50% 50%}
.cont-inner-introduce {padding: 54px 0;background: url(../images/bg/bg-movie-introduce.jpg) no-repeat 50% 50%}
.area-hongbo-movie .video-container,
.area-hongbo-history .video-container {max-width: 640px;margin: 0 auto;padding-bottom: 33%}
.area-hongbo-bts .video-container,
.cont-inner-inseoul .video-container {max-width: 850px;padding-bottom: 45%;}
.cont-inner-introduce .video-container {padding-bottom: 43px} /* 426 * 240 */

.area-hongbo-seoul {padding: 40px 0 150px;background: #f4eddf url(../images/bg/bg-movie-seoul.png) no-repeat 50% 100%}
.cont-inner-china {padding: 50px 0;background: url(../images/bg/bg-hongbo-silkload.jpg) no-repeat 50% 100%;text-align: center;}
.cont-inner-inseoul {padding: 120px 0;background: url(../images/bg/bg-movie-inseoul.jpg) no-repeat 50% 100%;text-align: center;}


.page-id-19619 h4 {margin-top: 60px !important;margin-bottom: 20px !important;}

.cont-introduce {}

.cont-link {text-align: center;}


/* notice list 2020 */
.page-id-19950 #content .art-list-program {position: relative;overflow: hidden;float: none;width: 100%;margin: 0;padding:10px 25px; line-height:1.5;border-bottom:1px solid #ccc;}
.page-id-19950 #content .art-list-program:nth-child(1) {border-top:1px solid #333;}
.page-id-19950 #content .art-list-program .thum {float: left;margin-right:30px; width:250px; height:auto;}
.page-id-19950 #content .art-list-program .thum + .cont {float: left;width:670px;}
.page-id-19950 #content .art-list-program .cont {overflow: hidden;padding: 15px 0 30px;}
.page-id-19950 #content .art-list-program .cont h5 {margin-bottom:11px; font-size:20px; text-align: left}
.page-id-19950 #content .art-list-program .cont p {height:84px; font-size:14px; text-align: left}
.page-id-19950 #content .art-list-program .cont > a {padding:4px 10px;background:#b6b6b6;color:#fff;position: absolute;right: 25px;bottom: 10px;display: inline-block;font-size: 14px;}
.page-id-19950 #content .art-list-program .cont > a:after{content: '';position: absolute;top: 10px;right: 10px;width:8px; height:8px; background:url(../images/ico/ico-program-plus.gif) no-repeat 0 0;}


/* view 2020 */

.art-view-notice {padding:10px 0;}
.art-view-notice header {}
#content .art-view-notice header h5,
#content h4.title { font-size: 24px;font-weight: bold;width: 100%;max-width: 1000px;margin: 0 auto 30px;padding: 0px 0 20px;border-bottom: 2px solid #f5080a}
#content h4.contTitle,
#content h5.contTitle {font-size: 24px;font-weight: bold;width: 100%;max-width: 1000px;margin: 30px auto;}
#content hr {display: block;border: 0;margin: 15px 0 20px;}
#content hr.line {height: 1px;border-bottom: 1px solid #ccc}
.art-view-notice footer {width: 100%;max-width: 1000px;margin: 20px auto 0;border-top: 1px solid #ddd;padding-top: 30px;text-align: center;}
.art-view-notice footer a {min-width: 200px;}
.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>div {margin-top: 50px;margin-bottom: 50px;}
#content .art-view-notice .cont-introduce p {margin-bottom: 15px;}

/* notcie view 2020 */
.art-view-notice .cont-notice {margin: 0 auto;width: 100%;max-width: 1000px;}
.art-view-notice .cont-pictures {margin-top: 40px;margin-bottom: 20px;}
.art-view-notice .cont-pictures  img {margin-bottom: 20px;}
.art-view-notice .area-hongbo-movie {margin-top: 40px;margin-bottom: 40px;}


/*

#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 img {padding:20px; margin: 0 auto; border:1px solid #e5e5e5;}
#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 {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 {}


/* PAGING 2020 */
.jplist-panel {display: none;margin-top:40px; text-align:center;}
body.page-id-19950 .jplist-panel,
body.page-id-20089 .jplist-panel {display: block;}
.jplist-panel .jplist-pagination div {display:inline-block;}
.jplist-panel .jplist-pagination button {display:inline-block; min-width:44px; height:44px; vertical-align:top; line-height:44px; font-size:14px; color:#333;}
.jplist-panel .jplist-pagination button.jplist-current {color:#f5080a;text-decoration: underline;}
.jplist-panel .jplist-pagination .jplist-pagingprev {margin-right:36px;}
.jplist-prev {background: url(../images/ico/ico_prev.png) no-repeat 0 0;text-indent: -9999em;}
.jplist-panel .jplist-pagination .jplist-pagingnext {margin-left:36px;}
.jplist-next {background: url(../images/ico/ico_next.png) no-repeat 0 0;text-indent: -9999em;}
.jplist-panel .jplist-pagination .jplist-first {margin-right:6px;background: url(../images/ico/ico_first.png) no-repeat 0 0;text-indent: -9999em;}
.jplist-panel .jplist-pagination .jplist-last {margin-left:6px;background: url(../images/ico/ico_last.png) no-repeat 0 0;text-indent: -9999em;}

.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;}

/* tab2 */
.tab-basic2 {display: table;width: 100%;margin-bottom: 40px;font-size: 18px;font-weight: 600;}
.tab-basic2 li {display: table-cell;width: 50%; border:1px solid #999999;border-left: 0}
.tab-basic2 li:nth-child(1) {border-left: 1px solid #999999;}
.tab-basic2 li.on {border-color:#f5080a; background:#f5080a;}
.tab-basic2 li a {display:block; min-height:58px; padding: 10px 0; text-align:center; color:#333;}
.tab-basic2 li.on a {color: #fff}
.tab-basic2.tab3 li {width: 33.3333%}
.tab-basic2 li .zh {display: block;margin-top: -5px;font-size: 16px;}
.tab-content {display: none}


.mobile-only {display: none}
.pc-only {display: inline-block}
.p-type1 {margin-left: 25px;}
.p-type2 {margin-left: 13px;}
.mobile-inline {display: block}
.align-left {text-align: left}
.align-center {text-align: center !important}
.align-right {text-align: right}

/* content 2020 */
.cont-list-type {}
.cont-list-type1 {text-align: center;line-height: 2}

.cont-inner-about .img-lists p {font-weight: 700;margin: 5px 0 10px}
.cont-inner-food .img-lists li {margin-bottom: 40px;text-align: center;}
.cont-inner-food .img-lists h5 {font-size: 20px;}

/* 인사말 */
.cont-inner-introduce .movie-lists li p {margin-top: 5px;color: #fff;font-weight: 700;}
.cont-inner-introduce .movie-lists li p .zh {display: block}

/* 희곡 */
.wp-image-20266 {margin-right: 19px} /* 패왕별희 */

/* 서울관광 */
.area-hongbo-seoul .movie-lists li {text-align: right}
.area-hongbo-seoul .movie-lists li:nth-child(2n+1) {text-align: left}
.area-hongbo-seoul .movie-lists li p {padding-left: 64px;font-weight: 700;}
.area-hongbo-seoul .movie-lists li:nth-child(2n+1) p {padding-left: 0;padding-right:64px;}

/* infomation */
.tab-basic.infomation {display: table}
.tab-basic.infomation li {display: table-cell;}
/* .tab-basic.infomation li:nth-last-child(1) {width:198px;} */

/* 중국관광 */
.cont-inner-chinagallery {margin-bottom: 30px;padding: 60px 0 142px;background: #f4eddf url(../images/bg/bg-movie-picture.png) no-repeat 50% 100%}
.cont-inner-chinagallery .travelSlide p {margin-top: 10px;font-size: 20px;font-weight: 700;}
.cont-inner-chinagallery .bx-wrapper {margin-bottom: 0;border: 0;box-shadow: none;background-color: transparent;}

.cont-inner-chinagallery .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  outline: 0;
  width: 38px;
  height: 70px;
  text-indent: -9999px;
  z-index: 9999;
}
.cont-inner-chinagallery .bx-wrapper .bx-prev,
.cont-inner-chinagallery .bx-wrapper .bx-prev:hover{
  left: -90px ;
  background: url(../images/ico/ico_pre2.png) no-repeat 0 0;
}
.cont-inner-chinagallery .bx-wrapper .bx-next,
.cont-inner-chinagallery .bx-wrapper .bx-next:hover {
  right: -90px;
  background: url(../images/ico/ico_next2.png) no-repeat 0 0;
}

body.modal-open { overflow: hidden; }
.modal-window { z-index: 1000000; display: none;overflow: auto; overflow-y: scroll; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.modal-window { outline: none; }
.modal-window .modal-container { z-index: 100; display: inline-block; position: absolute; top: 50%; left: 0; width: auto; min-width: 300px;max-width: 1080px;padding: 50px 40px 50px; background-color: #fff; box-sizing: border-box; }
.modal-window .modal-container .btn-modal-close { display: block;position: absolute; top: 10px; right: 10px; width: 28px;height: 29px;background: url(../images/ico/ico_close.png) no-repeat 50% 50%;text-indent: -9999em;z-index: 9999 }
#content .modal-window .modal-container .modal-header h5.modal-title {margin-bottom: 30px;padding: 20px 0 40px;border-bottom: 2px solid #f5080a;font-size: 24px;font-weight: 700;text-align: center;}
.modal-window .modal-container ul.img-lists {margin-top: 30px;}
.modal-dimed { z-index: 999999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); opacity: 0; filter: alpha(opacity=0);  }
#content .modal-window hr {margin: 15px 0;}

#modal-movie .modal-container {width: 100%;max-width: 1600px;height: auto;padding: 0px; }


/* 개인정보처리방침 */
.bg-gray {padding: 15px;background: #f4f4f4;color: #707070}
.bg-gray-dot {border: 1px dotted #cccccc}
#container .privacy-wrap h4 {font-size: 1em;font-weight: bold;}
.privacy-wrap h4, .privacy-wrap p, .privacy-wrap li{line-height:1.6;}
.privacy-wrap h4 {margin-top:20px;color: #222 !important}
.privacy-wrap p {margin-top:10px;}
.privacy-wrap ol{margin-top:10px;margin-left: 0}
.privacy-wrap ol>li {margin-bottom:5px;list-style: none !important;}
.privacy-wrap ol.listtype-other>li {margin-left: 0 !important}
.privacy-wrap ol.listtype-other>li>ul>li {margin-left: 1.4em !important;}
.privacy-wrap ol.type2>li {margin-bottom:0}
.privacy-wrap ol ol li {margin-bottom:0;list-style: none !important;}
.privacy-wrap a {color: #0c82e9;font-weight: bold;}

.listtype-other {margin-left:0}
.listtype-other>li{line-height:1.6;}


.privacybox1:after {content:'';display:block;clear:both;}
.privacybox1 {margin:20px 0;}
.privacybox1 .right-desc{float:right;}

/* sitemap */
.lst-sitemap {width: 100%;max-width: 1000px;margin: 0 auto;overflow:hidden; font-size:14px; font-size:1rem;}
.lst-sitemap a {display:block;}
.lst-sitemap a .zh {display: block;margin-top: -5px;}
.lst-sitemap > li {float:left; width:32%; margin:0 0 30px 2% !important;}
.lst-sitemap > li:nth-child(3n+1) {margin:0 0 30px 0 !important;}
.lst-sitemap > li > a {display:block; padding:7px 12px 6px 12px; background:#ff0f0f; font-size:18px; font-weight:600; color:#fff;}
.lst-sitemap > li > ul > li {position:relative; margin:0 0 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/bl_diamond.png) 13px 16px no-repeat;}
.lst-sitemap > li > ul > li > ul {padding:10px 10px 10px 12px; 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;}



/* popup 
#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 {background:#68b0de; width:0; overflow:hidden;}
#gallerypopup .title {padding:18px 160px 16px 20px; color:#fff;}
#gallerypopup .photo {padding:20px; background:#fff;}
#gallerypopup .photo img {max-width:none;}
#gallerypopup .control {position:absolute; top:18px; right:20px; text-align:center;}
#gallerypopup .control .delete {display:block; float:left; margin-right:12px; width:70px; height:24px; background:#128ad1; font-size:12px; line-height:24px; color:#fff;}
#gallerypopup .control .closed {float:left; padding-left:14px; border-left:2px solid #9dccea;}
#gallerypopup .control .closed a {display:block; width:24px; height:24px; background:url(../images/btn/btn-popup-close.gif) no-repeat;}
#gallerypopup .control .closed img {display:none;}
#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;}
*/
/* 오시는 길 icon 2018-06-20 
.ico-traffic {display: inline-block;width: 25px;height: 25px;background: url(../images/ico/ico-public-traffic.png) no-repeat 0 0}
.ico-traffic-line1 {background-position: 0 0}
.ico-traffic-line2 {background-position: 0 -25px}
.ico-traffic-line5 {background-position: 0 -50px}
.ico-traffic-blue {background-position: 0 -75px}
.ico-traffic-green {background-position: 0 -100px}
.ico-traffic-red {background-position: 0 -125px}
.ico-traffic-airport {background-position: 0 -150px}
*/

/* 심포지엄 2018-06-20 
.cnt-symposium-wrap {overflow: hidden}
.cnt-symposium-wrap .symposium-left {float: left;width: 40%;margin-right: 4%}
.cnt-symposium-wrap .symposium-right {float: left;width: 56%;}
#content .cnt-symposium-wrap .symposium-right  h4.tit-introduce {text-align: left;}
*/

/* 2020-06-02 -bottom: 20px;padding: 50px 0;}
.cnt-symposium-wrap2 p.title strong {position: relative;padding-left: 72px;font-size: 30px;display: inline-block;position: relative;color: #000;}
.cnt-symposium-wrap2 p.title strong:before {content: '';position: absolute;top: 0;left: 0;width: 59px;height: 42px;background: url(../images/ico/ico-contest.png) no-repeat 0 0}
.cnt-symposium-wrap2 p.p-type2 .title{color: #0865b4}

.cnt-symposium-wrap2.cnt-souvenir .symposium-left {float: right;width: 40%;margin-right: 0}
.cnt-symposium-wrap2.cnt-souvenir .symposium-right {float: left;width: 56%;margin-right: 4%}
*/

/* #content .cnt-symposium-wrap2.cnt-coinbank table th {background: #f4f0f8}
#content .cnt-symposium-wrap2.cnt-souvenir table th {background: #e7f1f4}
#content .cnt-symposium-wrap2.cnt-badsmell table th {background: #f1f4e9} */


/* symposium 
.cnt-symposium {margin:33px auto; padding:20px 26px; width:100%; background:#59a9dc url(../images/bg/bg-symposium.jpg) right bottom no-repeat; color:#fff;}
.cnt-symposium .txt-dotted {margin:-1px 0;}
.cnt-symposium .txt-dotted:before {background:#fff;}
.cnt-symposium2 {position:relative; overflow:hidden; padding-left:107px; line-height:1.6;}
.cnt-symposium2 img {position:absolute; top:5px; left:0;}
.cnt-symposium2 p {margin-bottom:11px;}
.cnt-symposium2 dl {position:relative; font-size:13px; font-size:0.929rem;}
.cnt-symposium2 dt {position:absolute; top:0; left:0; padding-left:8px !important;}
.cnt-symposium2 dt:before {top:8px !important;}
.cnt-symposium2 dd {padding-left:50px;}
.tit-symposium {padding:7px 0 0 0 !important; border-top:1px dotted #b5b5b5; font-size:16px; font-size:1.143rem;}
.tit-symposium:before {display:none;}
.wrp-symposium {margin-top:12px; overflow:hidden; border-top:2px solid #4a4a4a;}
.wrp-symposium .item {position:relative; float:left; padding:19px 10px 16px 20px; margin-top:40px; width:448px; height:266px; border:1px solid #d6d6d6;}
.wrp-symposium .item:nth-child(even) {float:right;}
.wrp-symposium .item:nth-child(1), .wrp-symposium .item:nth-child(2) {margin-top:30px;}
.wrp-symposium .item h5 {height:46px; padding:0 140px 0 0 !important; line-height:1.4;}
.wrp-symposium .item h5:before {display:none;}
.wrp-symposium .item p.time {position:absolute; top:0; right:0; padding:9px 10px 9px 30px; background:#59a9dc url(../images/ico/ico-symposium2.gif) 11px center no-repeat; font-size:12px; font-size:0.857rem; font-weight:700; color:#fff;}
.wrp-symposium2 {margin-top:12px; overflow:hidden;}
.wrp-symposium2 .item {position:relative; float:left; padding:19px 10px 16px 20px; width:470px; height:184px;}
.wrp-symposium2 .item:nth-child(even) {float:right;}
*/
/* 연사소개 
.list-speaker-wrap {overflow: hidden; padding: 30px 70px; border: 1px solid #d7d7d6;}
.list-speaker {overflow: hidden}
.list-speaker li {float: left;margin: 0 34px !important;text-align: center;}
*/

/* 빗물축제

 */

/* 공모전 
body.page-id-18474 #content {width: 100%;}
body.page-id-18474 #content ul.tab-basic2 {width: 1000px;margin: 0 auto 40px}
body.page-id-18474 #content #cont1,
body.page-id-18474 #content #cont3,
body.page-id-18474 #content #cont4 {width: 1000px;margin: 0 auto;}
body.page-id-18474 #content #cont2 .cnt-symposium-wrap {width: 1000px;margin: 0 auto 20px;}
body.page-id-18474 #content #cont2>h4 {width: 1000px;margin: 30px auto 5px;border-bottom: 0;}
.cnt-wrap1,
.cnt-wrap3 {background: #eaf4fd;}

body.page-id-18474 #content #cont2 .cnt-wrap3 .cnt-symposium-wrap {margin-bottom: 0;}

body.page-id-18474 #footer.on {margin-top: 0;background-color: #eaf4fd}
*/


/* 공모전 선정작 
#content h5.tit-china {background: #eaf4fd;border-radius: 20px;text-align: center}
#content h5.tit-china:before {display: none;}
#content h5.tit-china span {display: inline-block;position: relative;color: #0086f9;font-weight: bold;font-size: 22px;padding-left: 20px;}
#content h5.tit-china span:before {content: '';position: absolute;top: 7px;left: 0;width: 16px;height: 23px;background: url(../images/ico/ico_drop.png) no-repeat 0 0;}

.prize-wrap {overflow: hidden;clear: both;text-align: center;}
.prize-list {float: left;width: 32%;}
.prize-list.first {width: 32%;margin-left: 0}
.prize-list.second {width: 32%;margin-left: 2%}
.prize-list.third {width: 32%;margin-left: 2%}

.prize-list .figure {width: 100%;margin: 10px auto;}
.prize-gold .prize-list {float: none;width: 100%;text-align: center}
.prize-List-idea {float: none;width: 100%;text-align :left;}

.prize-list .figcaption .figcaption-exp {position: relative;border-top: 1px solid #cccccc;text-align: left;margin: 10px 0;padding: 10px 120px 0 10px;}
.prize-list .figcaption .figcaption-exp:after {content: '';position: absolute;bottom: 0;right: 110px;width: 1px;height: 40px;background: #dddddd;}
.prize-list .figcaption .figcaption-exp span {display: inline-block;position: relative;padding: 0 0 0 14px;padding-left: 60px;text-indent: -60px;}
.prize-list .figcaption .figcaption-exp span:before {content: '';position: absolute;top: 10px;left: -10px;width: 4px;height: 4px;background: #59a9dc;}

.prize-List-idea .figcaption .figcaption-exp,
.prize-list-movie .figcaption .figcaption-exp {padding-right: 0;}
.prize-List-idea .figcaption .figcaption-exp {border-top: 0;}
.prize-List-idea .figcaption .figcaption-exp:after,
.prize-list-movie .figcaption .figcaption-exp:after {display: none;}

button.modal-button {position: absolute;bottom: 3px;right: 0;padding: 5px 10px 3px 30px;border: 1px solid #dddddd;color: #3a3a3a;}
button.modal-button:before {content: '';position: absolute;top: 8px;left: 10px;width: 18px;height: 18px;background: url(../images/ico/ico_plus.png) no-repeat 0 0;}

.prize-movie-wrap {overflow: hidden}
.prize-movie-wrap .prize-movie {float: left;width: 49%;margin-left: 2%}
.prize-movie-wrap .prize-movie:first-child {margin-left: 0;}
.prize-movie-wrap .prize-movie .prize-list {width: 100%;float: none;}

@media all and (min-width: 1000px) {
.prize-wrap .prize-list .figure {max-width: 480px;}
}
*/


/* 물순환 경진대회 
.competition-wrap {}
.competition {padding: 15px 10px 100px 10px;background: #ffe5e5 url(//gov.seoul.go.kr/festa/files/2020/07/competiton_bg1.png) no-repeat 50% 100%;}
.competition .txt2 {padding-top: 16px;}
.competition-wrap .competiton-txt3 {margin: 20px 0;text-align: center;}
.competition-wrap .competiton-txt3 strong {color: #2e95ec;}
.competition-wrap .prize-list {margin-bottom: 20px;}
.competition-wrap .prize-list .figcaption .figcaption-exp {padding-right: 0}
.competition-wrap .prize-list .figcaption .figcaption-exp {border-top: 0;}
.competition-wrap .prize-list .figcaption .figcaption-exp:after {display: none}
.competition-wrap .prize-list .figcaption .figcaption-exp span {font-weight: 400;padding-left: 70px;text-indent: -70px}
.livere-wrap {max-height: 530px;overflow-y: auto;margin: 20px 0 50px;padding: 20px 20px 20px 0;border-top: 2px solid #000;}
@media all and (max-width: 1023px) {
.competition {background-size: auto 100px;}
}
@media all and (min-width: 1024px) {
.competition {min-height:210px;padding: 35px 0 0 65px;background-position: 100% 100%}
}
*/

.cont-inner-chinagallery .bx-wrapper .bx-controls-direction a {top: 38%}