@charset "UTF-8"; [class*='section-'] {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px
}

[class*='section-'] header.section {
    position: relative;
    margin-bottom: 40px;
    padding: 40px 0 23px;
    border-bottom: 3px solid #000;
    text-align: center
}

[class*='section-'] header.section h2 {
    font-family: 'RixSGo B';
    font-size: 24px
}

html.eng [class*='section-'] header.section h2 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 23px
}

[class*='section-'] header.section .path {
    position: absolute;
    left: 0;
    bottom: 20px
}

[class*='section-'] header.section .path * {
    float: left
}

[class*='section-'] header.section .path:after {
    content: "";
    display: block;
    clear: both
}

[class*='section-'] header.section .path a, [class*='section-'] header.section .path span {
    display: inline-block;
    position: relative;
    line-height: 30px;
    font-size: 14px
}

html.eng [class*='section-'] header.section .path a, html.eng [class*='section-'] header.section .path span {
    font-size: 11px
}

[class*='section-'] header.section .path a ~ a {
    margin-left: 24px
}

[class*='section-'] header.section .path a:after, [class*='section-'] header.section .path span:after {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    width: 4px;
    height: 7px;
    margin-top: -3.5px;
    background: url(/images/common/bg-path-arr.png) no-repeat
}

[class*='section-'] header.section .path a.home {
    display: inline-block;
    line-height: 30px;
    font-family: 'Montserrat';
    font-size: 12px
}

html.eng [class*='section-'] header.section .path a.home {
    font-size: 11px
}

[class*='section-'] header.section .path a + strong, [class*='section-'] header.section .path span + strong {
    margin-left: 24px
}

[class*='section-'] header.section .path strong {
    display: inline-block;
    position: relative;
    line-height: 31px;
    font-family: 'RixSGo B';
    font-size: 14px
}

html.eng [class*='section-'] header.section .path strong {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11px
}

[class*='section-'] header.section .path strong:after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 3px;
    background: #000
}

[class*='section-'] .section:after {
    content: '';
    display: block;
    clear: both
}

[class*='section-'] .section header.content {
    position: relative;
    margin-bottom: 27px
}

[class*='section-'] .section header.content h3 {
    font-size: 30px
}

html.eng [class*='section-'] .section header.content h3 {
    font-size: 29px
}

[class*='section-'] .section header.content p {
    margin-top: 35px;
    font-size: 12px;
    line-height: 1.666em
}

html.eng [class*='section-'] .section header.content p {
    font-size: 11px
}

[class*='section-'] .section header.content .status {
    position: absolute;
    right: -3px;
    top: -5px;
    overflow: hidden
}

[class*='section-'] .section header.content .status strong {
    position: absolute;
    right: -999em
}

[class*='section-'] .section header.content .status ol, [class*='section-'] .section header.content .status ol li {
    float: left
}

[class*='section-'] .section header.content .status ol li {
    padding-right: 33px;
    line-height: 39px;
    margin-right: 22px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 38px;
    background: url(/images/common/ico-status-gt.png) 100% 50% no-repeat
}

html.eng [class*='section-'] .section header.content .status ol li {
    font-size: 37px
}

[class*='section-'] .section header.content .status ol li.active {
    padding-right: 34px;
    margin-right: 20px;
    font-size: 39px;
    color: #e1002a;
    background: url(/images/common/ico-status-gt-active.png) 100% 50% no-repeat
}

html.eng [class*='section-'] .section header.content .status ol li.active {
    font-size: 38px
}

[class*='section-'] .section header.content .status ol li:last-child, [class*='section-'] .section header.content .status ol li.active:last-child {
    padding-right: 0;
    margin-right: 0;
    background: none
}

[class*='section-'] .section div.content {
    overflow: hidden
}

[class*='section-'] .section div.content .desc {
    margin-top: 20px;
}

[class*='section-'] .section div.content .desc h4 {
    line-height:150%;
}

/* 컨텐츠 리스트 */
.art-contents .cont h3 {
    padding-bottom: 30px;
    font-family: "RixSGo B";
    font-size: 20px
}

html.eng .art-contents .cont h3 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 19px
}

.art-contents .cont.current {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ddd
}

.art-contents .cont.past {
    margin-top: 60px;
    padding-top: 57px;
    border-top: 1px solid #ddd
}

.list-basic {
    margin-top: -60px
}

.list-basic:after {
    content: "";
    display: block;
    clear: both
}

.list-basic .list {
    display: table;
    float: left;
    width: 50%;
    margin-top: 60px
}

.list-basic .list .inner {
    display: table-row
}

.list-basic .list .img {
    display: table-cell;
    width: 320px;
    padding-right: 30px;
    vertical-align: top
}

.list-basic .list .img > a {
    display: block;
    overflow: hidden;
    width: 320px;
    height: 320px;
    word-break: break-all
}

.list-basic .list .img img {
    width: 100%
}

.list-basic .list .txt {
    display: table-cell;
    position: relative;
    padding: 50px 20px 0 0
}

.list-basic .list .txt > .badge {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 19px;
    line-height: 21px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 2em
}

html.eng .list-basic .list .txt > .badge {
    font-size: 10px
}

.list-basic .list .txt > .badge.free {
    background: #333
}

.list-basic .list .txt > .badge.pay {
    background: #e1002a
}

.list-basic .list .txt > em {
    display: block;
    margin-bottom: 15px;
    font-style: normal;
    font-size: 14px
}

html.eng .list-basic .list .txt > em {
    font-size: 13px
}

.list-basic .list .txt > strong {
    display: block;
    overflow: hidden;
    height: 60px
}

.list-basic .list .txt > strong > a {
    line-height: 1.35;
    font-family: 'RixSGo B';
    font-size: 24px;
    letter-spacing: -0.04em;
    word-break: break-all
}

html.eng .list-basic .list .txt > strong > a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 23px
}

.list-basic .list .txt > strong > a > span {
    display: block;
    margin-top: 3px
}

.list-basic .list .txt > span {
    position: absolute;
    left: 0;
    bottom: 120px;
    font-family: 'Montserrat';
    font-size: 14px
}

html.eng .list-basic .list .txt > span {
    font-size: 13px
}

.list-basic .list .txt > span.place {
    bottom: 87px
}

.list-basic .list .txt > span.place > span {
    display: block;
    padding-top: 21px;
    font-family: "RixSGo M";
    font-size: 14px
}

html.eng .list-basic .list .txt > span.place > span {
    font-family: 'Montserrat';
    font-size: 11px
}

.list-basic .list .txt .btns {
    position: absolute;
    left: 0;
    bottom: 0
}

.list-basic .list .txt .btns:after {
    content: "";
    display: block;
    clear: both
}

.list-basic .list .txt .btns a {
    float: left
}

.list-basic.type2 .list {
    width: 33.33%
}

.list-basic.type2 .list .img {
    width: 124px;
    padding-right: 31px
}

.list-basic.type2 .list .img a {
    width: 124px;
    height: 170px
}

.list-basic.type2 .list .txt {
    padding-top: 0
}

.list-basic.type2 .list .txt > em {
    margin-bottom: 12px;
    font-size: 14px
}

html.eng .list-basic.type2 .list .txt > em {
    font-size: 11px
}

.list-basic.type2 .list .txt > strong {
    height: 45px
}

.list-basic.type2 .list .txt > strong > a {
    font-size: 18px
}

html.eng .list-basic.type2 .list .txt > strong > a {
    font-size: 17px
}

.list-basic.type2 .list .txt > span {
    bottom: 58px;
    font-size: 12px
}

html.eng .list-basic.type2 .list .txt > span {
    bottom: 54px;
    font-size: 11px
}

.list-basic.type2 .list .txt > span.place > span {
    padding-top: 8px
}

html.eng .list-basic.type2 .list .txt > span.place > span {
    padding-top: 10px
}

.list-basic.type3 .list .img a {
    height: 213px
}

.list-basic.type3 .list .txt {
    padding-top: 0
}

.list-basic.type3 .list .txt > em {
    overflow: hidden;
    width: 165px;
    margin-bottom: 12px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis
}

html.eng .list-basic.type3 .list .txt > em {
    font-size: 11px
}

.list-basic.type3 .list .txt > strong {
    height: 45px
}

.list-basic.type3 .list .txt > strong > a {
    font-size: 18px
}

html.eng .list-basic.type3 .list .txt > strong > a {
    font-size: 17px
}

.list-basic.type3 .list .txt > span {
    bottom: 63px;
    font-size: 12px
}

html.eng .list-basic.type3 .list .txt > span {
    font-size: 11px
}

.list-basic.type3 .list .txt > span.place > span {
    padding-top: 16px
}

.list-basic.type4 .list {
    width: 25%
}

.list-basic.type4 .list .txt {
    height: 160px;
    padding-top: 2px
}

.list-basic.type4 .list .txt > em {
    overflow: hidden;
    width: 260px;
    margin-bottom: 13px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis
}

html.eng .list-basic.type4 .list .txt > em {
    font-size: 11px
}

.list-basic.type4 .list .txt > strong {
    height: 45px;
    padding-right: 60px
}

.list-basic.type4 .list .txt > strong > a {
    font-size: 18px
}

html.eng .list-basic.type4 .list .txt > strong > a {
    font-size: 17px
}

.list-basic.type4 .list .txt > span {
    bottom: 54px;
    font-size: 12px
}

html.eng .list-basic.type4 .list .txt > span {
    font-size: 11px
}

/* 170531 */
.list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]), .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]) span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]) {
    background: #fff url(/images/common/bg-btn-blk.png) 105px 0 no-repeat
}

.list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):hover, .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):focus {
    border-color: #000;
    background-position: 0 0
}

.list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):hover span,.humanities-theater .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):focus span {
    color: #fff
}

.list-basic .list .txt .btns a:hover .ico-detail, .list-basic .list .txt .btns a:focus .ico-detail {
    background-image: url(/images/common/ico-detail-over.png)
}

.list-basic .list .txt .btns a.btn-red:not(.disabled) {
    background: #fff url(/images/common/bg-btn-red.png) 105px 0 no-repeat
}

.list-basic .list .txt .btns a.btn-red:not(.disabled):hover, .list-basic .list .txt .btns a.btn-red:not(.disabled):focus {
    border-color: #e1002a;
    background-position: 0 0
}

.list-basic .list .txt .btns a.btn-red:not(.disabled):hover .ico-book, .list-basic .list .txt .btns a.btn-red:not(.disabled):focus .ico-book {
    background-image: url(/images/common/ico-book-over.png)
}

.list-basic .list .txt .btns a.btn-red:not(.disabled):hover .ico-register-r, .list-basic .list .txt .btns a.btn-red:not(.disabled):focus .ico-register-r {
    background-image: url(/images/common/ico-register-over.png)
}

/* 상세 */
.list-basic.view .list .txt {
    padding: 0;
    vertical-align: top
}

.list-basic.view .list .txt > h3 {
    margin-bottom: 26px;
    font-size: 30px;
    letter-spacing: -0.04em
}

html.eng .list-basic.view .list .txt > h3 {
    font-weight: 500;
    font-size: 29px
}

.list-basic.view .list .txt > p {
    /*height:53px; */
    line-height: 1.3;
    padding-bottom: 38px;
    font-size: 12px
}

html.eng .list-basic.view .list .txt > p {
    font-size: 11px
}

.list-basic.view .list .txt > span {
    display: block;
    position: static;
    line-height: 29px;
    margin-bottom: 30px
}

.list-basic.view .list .txt > span > span {
    line-height: 29px;
    margin-left: 30px;
    font-family: 'RixSGo B';
    font-size: 12px
}

html.eng .list-basic.view .list .txt > span > span {
    font-family: 'Montserrat';
    font-size: 11px
}

.list-basic.view .list .txt .info {
    position: relative;
    min-height: 198px;
    padding: 30px 0 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

html.eng .list-basic.view .list .txt .info {
    min-height: 118px;
    padding: 30px 0 40px
}

.list-basic.view .list .txt .info .part {
    margin-bottom: 30px
}

.list-basic.view .list .txt .info .part:after {
    content: "";
    display: block;
    clear: both
}

.list-basic.view .list .txt .info .part li {
    float: left;
    font-size: 12px
}

html.eng .list-basic.view .list .txt .info .part li {
    font-size: 11px
}

.list-basic.view .list .txt .info .part li ~ li {
    margin-left: 58px
}

.list-basic.view .list .txt .info .part ~ .part {
    margin-bottom: 30px
}

.list-basic.view .list .txt .info .edit {
    line-height: 2;
    margin-bottom: 25px;
    font-size: 14px
}

html.eng .list-basic.view .list .txt .info .edit {
    font-size: 11px
}

.list-basic.view .list .txt .info .contact {
    font-family: 'RixSGo B';
    font-size: 12px
}

html.eng .list-basic.view .list .txt .info .contact {
    font-family: 'Montserrat';
    font-size: 11px
}

.list-basic.view .list .txt .info .contact + .links {
    margin-top: 56px
}

.list-basic.view .list .txt .info .links li {
    line-height: 1.3
}

.list-basic.view .list .txt .info .links li ~ li {
    margin-top: 24px
}

.list-basic.view .list .txt .info .links li > strong {
    display: inline-block;
    padding-right: 21px;
    margin-right: 14px;
    color: #767676;
    background: url(/images/common/bg-list-arr-right.png) right 50% no-repeat
}

.list-basic.view .list .txt .info .links li a {
    display: inline-block;
    font-family: 'RixSGo B';
    text-decoration: underline;
    white-space: nowrap
}

html.eng .list-basic.view .list .txt .info .links li a {
    font-weight: 500
}

html.eng .list-basic.view .list .txt .info .links li.artists a {
    font-family: 'Montserrat'
}

/*.list-basic.view .list .txt .info .links li.artists a ~ a {margin-left:11px}*/
.list-basic.view .list .txt .info .links li.artists a {
    margin-right: 11px
}

/*.list-basic.view .list .txt .info .etc {position:absolute; right:0; bottom:40px; width:128px}*/
.list-basic.view .list .txt .info .etc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 152px;
}

html.eng .list-basic.view .list .txt .info .etc {
    width: 180px
}

.list-basic.view .list .txt .info .etc a {
    float: left;
    width: calc(100% - 1px);
    text-align: left;
}

html.eng .list-basic.view .list .txt .info .etc a {
    width: 180px;
    font-size: 11px;
    text-align: center;
    background-position: 180px 0
}

.list-basic.view .list .txt .info .etc:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    margin-left: -4px;
    vertical-align: middle
}

.list-basic.view .list .txt .info .etc .etc-inner {
    display: inline-block;
    vertical-align: middle
}

.list-basic.view .list .txt .info .etc a:hover, .list-basic.view .list .txt .info .etc a:focus {
    background-position: 0 0
}

.list-basic.view .list .txt .info .etc a span {
    display: block
}

.list-basic.view .list .txt .info .etc a span {
    display: inline-block;
    padding-left: 31px
}

.list-basic.view .list .txt .info .etc a ~ a {
    margin-top: 10px
}

.list-basic.view .list .txt .btns {
    position: static;
    padding-top: 25px;
    text-align: center;
}

.list-basic.view .list .txt .btns:after {
    content: "";
    display: block;
    clear: both
}

.list-basic.view .list .txt .btns a.disabled {
    pointer-events: none;
    cursor: default
}

.list-basic.view .list .txt .btns a.disabled span {
    color: #666;
    background: none
}

.list-basic.view .list .txt .btns a {
    float: left;
}

html.eng .list-basic.view .list .txt .btns a {
    font-weight: 500
}

.list-basic.view .list .video {
    display: table-cell;
    width: 827px;
    padding-right: 31px;
    vertical-align: top
}

/* 170531 */
.list-basic.view .list .txt .info .etc a, .list-basic.view .list .txt .info .etc a span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.list-basic.view .list .txt .info .etc a {
    background: #fff url(/images/common/bg-btn-blk.png) 151px 0 no-repeat;
}

.list-basic.view .list .txt .info .etc a.btn-red {
    background: #fff url(/images/common/bg-btn-red.png) 150px 0 no-repeat;
}

.list-basic.view .list .txt .info .etc a:hover, .list-basic.view .list .txt .info .etc a:focus, html.eng .list-basic.view .list .txt .info .etc a:hover, html.eng .list-basic.view .list .txt .info .etc a:focus {
    border-color: #000;
    background-position: 0 0
}

.list-basic.view .list .txt .info .etc a.btn-red:hover, .list-basic.view .list .txt .info .etc a.btn-red:focus {
    border-color: #e1002a
}

.list-basic.view .list .txt .info .etc a:hover span, .list-basic.view .list .txt .info .etc a:focus span {
    color: #fff
}

.list-basic.view .list .txt .info .etc a:hover .ico-down, .list-basic.view .list .txt .info .etc a:focus .ico-down {
    background-image: url(/images/common/ico-down-over.png)
}

.list-basic.view .list .txt .info .etc a:hover .ico-share, .list-basic.view .list .txt .info .etc a:focus .ico-share {
    background-image: url(/images/common/ico-share-over.png)
}

.list-basic.view .list .txt .info .etc a:hover .ico-info, .list-basic.view .list .txt .info .etc a:focus .ico-info {
    background-image: url(/images/common/ico-info-over.png)
}

/* 관련컨텐츠 */
.related-contents h3 {
    font-size: 20px;
    letter-spacing: -0.04em
}

html.eng .related-contents h3 {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0
}

.related-contents .slide-cont button ~ .slick-list {
    padding-bottom: 42px
}

.related-contents .slide-cont:after {
    content: "";
    display: block;
    clear: both
}

.related-contents .cont {
    float: left;
    width: calc(25% - 37.5px)
}

.related-contents .cont ~ .cont {
    margin-left: 50px
}

.related-contents .list {
    display: table;
    width: 250px;
    margin-top: 40px;
    float: left
}

.related-contents .list .inner {
    display: table-row
}

.related-contents .list .inner .img {
    display: table-cell;
    width: 90px;
    padding-right: 20px
}

.related-contents .list .inner .img a {
    display: block;
    width: 90px;
    height: 90px;
    word-break: break-all
}

.related-contents .list .inner .img a img {
    width: 100%
}

.related-contents .list .inner .txt {
    display: table-cell;
    position: relative;
    padding-right: 20px;
    vertical-align: top
}

.related-contents .list .inner .txt em {
    display: inline-block;
    overflow: hidden;
    width: 165px;
    font-style: normal;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

html.eng .related-contents .list .inner .txt em {
    font-size: 11px
}

.related-contents .list .inner .txt strong {
    display: block;
    overflow: hidden;
    height: 36px;
    margin-top: 12px
}

.related-contents .list .inner .txt strong > a {
    display: block;
    font-family: 'RixSGo B';
    font-size: 14px;
    line-height: 1.5;
    word-break: break-all
}

html.eng .related-contents .list .inner .txt strong > a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11px
}

.related-contents .list .inner .txt span {
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: 'Montserrat';
    font-size: 14px;
    color: #666
}

html.eng .related-contents .list .inner .txt span {
    font-size: 11px
}

.related-contents .list .inner span.clr-caution {
    position: static;
    font-family: "RixSGo M";
    font-weight: 400;
    color: #e1002a
}

html.eng .related-contents .list .inner span.clr-caution {
    font-family: "Montserrat"
}

/* image slide */
.slide-thumb {
    width: 30000px;
    overflow: hidden;
    overflow: visible;
    margin-bottom: 80px;
}

.slide-thumb.slick-initialized {
    width: auto
}

.slide-thumb:after {
    content: "";
    display: block;
    clear: both
}

.slide-thumb .slick-list {
    /*margin-left:-12px*/
}

.slide-thumb button ~ .slick-list {
    padding-bottom: 32px
}

.slide-thumb .thumbs {
    float: left;
    width: 190px;
    margin-right: 12px
}

.slide-thumb .thumbs .inner {
    position: relative;
    /*width:190px;*/
    max-height: 109px
}

.slide-thumb .thumbs .inner img {
    width: 100%
}

.slide-thumb .thumbs.video .inner a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: url(/images/common/ico-video.png) 50% 50% no-repeat
}

/* 아티스트 소개 */
.artist-introduce:after {
    content: "";
    display: block;
    clear: both
}

.artist-info {
    display: table;
    float: left;
    width: 520px
}

.artist-info .inner {
    display: table-row
}

.artist-info .inner .img {
    display: table-cell;
    padding-right: 50px;
    vertical-align: top
}

.artist-info .inner .img img {
    max-width: 150px
}

.artist-info .inner .txt {
    display: table-cell;
    line-height: 2;
    padding-right: 40px;
    font-size: 12px;
    vertical-align: top
}

html.eng .artist-info .inner .txt {
    font-size: 11px
}

.artist-info .inner .txt .person {
    position: relative;
    height: 110px;
    /*margin-bottom:52px*/
}

.artist-info .inner .txt .person > em {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    font-size: 12px
}

html.eng .artist-info .inner .txt .person > em {
    font-size: 11px
}

.artist-info .inner .txt .person > strong {
    display: block;
    min-width: 320px;
    margin-bottom: 29px;
    font-size: 36px
}

html.eng .artist-info .inner .txt .person > strong {
    font-size: 35px
}

.artist-info .inner .txt .person .name {
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px
}

html.eng .artist-info .inner .txt .person .name {
    font-family: 'RixSGo B';
    font-weight: 400
}

.artist-info .inner .txt .position {
    margin-top: 33px;
    line-height: 2;
    font-size: 12px
}

html.eng .artist-info .inner .txt .position {
    font-size: 11px
}

.artist-info .inner .txt .position p {
    line-height: 2;
    font-size: 12px
}

html.eng .artist-info .inner .txt .position p {
    font-size: 11px
}

.artist-info .inner .txt .awards {
    margin-top: 47px
}

.artist-info .inner .txt .awards > strong {
    display: block;
    padding-bottom: 40px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px
}

html.eng .artist-info .inner .txt .awards > strong {
    font-size: 15px
}

.artist-info .inner .txt .awards p {
    line-height: 2
}

.artist-info .inner .txt .awards ul {
    margin-top: 48px
}

.artist-info .inner .txt .awards ul li {
    font-size: 12px
}

html.eng .artist-info .inner .txt .awards ul li {
    font-size: 11px
}

.artist-info .inner .txt .awards ul li ~ li {
    margin-top: 29px
}

.artist-info .inner .txt .awards ul li .year {
    display: inline-block;
    width: 67px;
    line-height: 24px;
    vertical-align: top
}

.artist-info .inner .txt .awards ul li p {
    display: inline-block;
    line-height: 2;
    width: calc(100% - 67px)
}

.artist-info .inner .txt .awards ul li p > span {
    display: block;
    line-height: 2
}

.artist-detail {
    position: relative;
    float: right;
    width: 630px
}

/*.artist-detail:after {content:""; position:absolute; left:-50px; top:-40px; width:1px; height:calc(100% + 116px); background:#ddd} */
.artist-detail .artist-spec {
    padding-top: 50px;
    font-size: 12px;
    line-height: 1.8
}

html.eng .artist-detail .artist-spec {
    font-size: 11px
}

.artist-detail .artist-spec p {
    line-height: 1.8;
    font-size: 12px
}

html.eng .artist-detail .artist-spec p {
    font-size: 11px
}

.artist-detail .artist-spec .bio-list {
    margin-top: -2px
}

.artist-detail .artist-spec .bio-list ~ .bio-list {
    margin-top: 40px
}

.artist-detail .artist-spec .bio-list > span.tit {
    display: block;
    margin-bottom: 35px
}

.artist-detail .artist-spec .bio-list ul li:first-child {
    padding-bottom: 19px
}

.artist-detail .artist-spec .bio-list ul li ~ li {
    padding: 23px 0 21px
}

.artist-detail .artist-spec .bio-list ul li strong {
    display: inline-block;
    width: 165px;
    font-family: 'Montserrat';
    font-size: 20px;
    letter-spacing: -0.04em;
    vertical-align: top
}

html.eng .artist-detail .artist-spec .bio-list ul li strong {
    font-size: 19px
}

.artist-detail .artist-spec .bio-list ul li p {
    display: inline-block;
    width: calc(100% - 172px);
    line-height: 1.8;
    font-size: 12px;
    vertical-align: top
}

html.eng .artist-detail .artist-spec .bio-list ul li p {
    font-size: 12px
}

.artist-detail .artist-spec .bio-list ul li p span {
    display: block;
    line-height: 1.8
}

html.eng .artist-detail .artist-spec .bio-list ul li p span {
    font-size: 12px
}

.artist-detail .artist-spec .related-contents {
    margin-top: -40px;
    padding-bottom: 0
}

.artist-detail .artist-spec .related-contents:after {
    content: "";
    display: block;
    clear: both
}

.artist-detail .artist-spec .related-contents .list {
    float: left;
    width: 50%
}

.artist-detail .artist-spec .related-contents .list .txt {
    padding-right: 20px
}

.artist-detail .artist-spec .tbl-basic table {
    border-top: none
}

.artist-detail .artist-spec .tbl-basic table tbody td {
    padding: 22px 30px
}

.artist-detail .artist-spec .tbl-basic table tbody td.tit {
    width: calc(100% - 130px);
    font-size: 12px
}

html.eng .artist-detail .artist-spec .tbl-basic table tbody td.tit {
    width: calc(100% - 150px);
    font-size: 11px
}

.artist-detail .artist-spec .tbl-basic table tbody td.down {
    width: 130px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

html.eng .artist-detail .artist-spec .tbl-basic table tbody td.down {
    width: 150px
}

.art-search-frm {
    margin-bottom: 60px;
    padding: 30px 0;
    border-bottom: 1px solid #000
}

.art-search-frm .row:after {
    content: "";
    display: block;
    clear: both
}

.art-search-frm .row ~ .row {
    margin-top: 20px
}

.art-search-frm .row .set {
    float: left;
    margin-bottom: 10px;
}

.art-search-frm .row .set ~ .set.clear {
    float: none;
    margin-left: 0;
}

.art-search-frm .row .set ~ .set.clear:before {
    content: "";
    display: block;
    clear: both;
}

.art-search-frm .row .set ~ .set {
    margin-left: 67px
}

.art-search-frm .row .set:after {
    content: "";
    display: block;
    clear: both
}

.art-search-frm .row .set > strong {
    float: left;
    width: 75px;
    line-height: 40px;
    font-family: 'RixSGo B'
}

html.eng .art-search-frm .row .set > strong {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px
}

.art-search-frm .row .set .inp {
    float: left;
    line-height: 40px
}

.art-search-frm .row .set .inp.m {
    display: none
}

.art-search-frm .row .set .inp input[type="text"] {
    height: 40px;
    line-height: 38px
}

.art-search-frm .row .set .inp.name input[type="text"] {
    width: 373px
}

.art-search-frm .row .set .inp.date input[type="text"], .art-search-frm .row .set .inp.date input[type="date"] {
    float: left;
    width: 180px;
    padding-right: 40px;
    background: url(/images/common/ico-calendar.png) 100% 50% no-repeat
}

.art-search-frm .row .set .inp.date input[type="text"] + span, .art-search-frm .row .set .inp.date input[type="date"] + span {
    float: left;
    padding: 0 15px;
    line-height: 40px
}

html.eng .art-search-frm .row .set .inp.date input[type="text"] + span, html.eng .art-search-frm .row .set .inp.date input[type="date"] + span {
    font-size: 12px
}

.art-search-frm .row .set .inp.place input[type="radio"] + label {
    cursor: pointer
}

.art-search-frm .row button.search {
    float: right;
    width: 115px;
    padding: 0;
    cursor: pointer
}

/* 팝업 갤러리 */
.popup-wrap .works-content {
    padding-top: 30px
}

.popup-wrap .works-content h4 {
    padding-bottom: 29px;
    font-family: 'RixSGo B';
    font-size: 20px;
    color: #664e9c
}

html.eng .popup-wrap .works-content h4 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 19px
}

.popup-wrap .works-content .info {
    padding: 28px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.popup-wrap .works-content .info > p {
    line-height: 1.3;
    font-size: 12px
}

html.eng .popup-wrap .works-content .info > p {
    font-size: 11px
}

.popup-wrap .works-content .info > p ~ p {
    margin-top: 7px
}

.popup-wrap .works-content p.desc {
    padding-top: 26px;
    line-height: 1.8;
    font-size: 12px
}

html.eng .popup-wrap .works-content p.desc {
    font-size: 11px
}

.popup-wrap .works-image {
    width: 640px
}

.popup-wrap .works-image img {
    width: 100%
}

.popup-wrap .page-anc {
    position: absolute;
    top: 50%;
    left: -63px;
    width: calc(100% + 126px);
    height: 44px;
    margin-top: -22px
}

.popup-wrap .page-anc a {
    display: inline-block;
    width: 25px;
    height: 44px;
    font-size: 0;
    text-indent: -9999em
}

.popup-wrap .page-anc .prev {
    float: left;
    background: url(/images/common/btn-arrow-left-large.png) no-repeat
}

.popup-wrap .page-anc .next {
    float: right;
    background: url(/images/common/btn-arrow-right-large.png) no-repeat
}

.popup-wrap .page-anc.m {
    display: none
}

/* 작품 리스트 */
.works-list ul {
    margin-top: -30px
}

.works-list ul:after {
    content: "";
    display: block;
    clear: both
}

.works-list ul li {
    float: left;
    width: calc(33.33% - 20px);
    margin: 30px 0 0 30px
}

.works-list ul li:nth-child(3n + 1) {
    margin-left: 0
}

.works-list ul li a {
    display: block
}

.works-list ul li a img {
    width: 100%
}

/* 프로그램 리스트 */
.list-program {
    margin-top: 46px
}

.list-program .list {
    display: table;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #ddd
}

.list-program .list:first-child {
    border-top: 1px solid #ddd
}

.list-program .list .inner {
    display: table-row
}

.list-program .list .inner .img {
    display: table-cell;
    width: 320px;
    padding-right: 40px
}

.list-program .list .inner .img img {
    width: 100%
}

.list-program .list .inner .info {
    display: table-cell;
    position: relative;
    padding-right: 150px;
    vertical-align: top
}

.list-program .list .inner .info strong.tit {
    font-size: 20px
}

html.eng .list-program .list .inner .info strong.tit {
    font-size: 19px
}

.list-program .list .inner .info strong.tit a {
    font-family: 'RixSGo B';
    font-size: 20px;
    letter-spacing: -0.04em
}

html.eng .list-program .list .inner .info strong.tit a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px
}

.list-program .list .inner .info strong.tit .toggle-btn {
    display: none
}

.list-program .list .inner .info span.people {
    display: block;
    padding: 20px 0 27px;
    font-size: 12px;
    color: #767676
}

html.eng .list-program .list .inner .info span.people {
    font-size: 11px
}

.list-program .list .inner .info span.people span.date {
    display: block;
    margin-top: 13px;
    font-family: 'Montserrat'
}

html.eng .list-program .list .inner .info span.people span.date {
    font-size: 11px
}

.list-program .list .inner .info p {
    line-height: 1.6;
    font-size: 14px
}

html.eng .list-program .list .inner .info p {
    font-size: 11px
}

.list-program .list .inner .info .link-detail {
    position: absolute;
    right: 0;
    bottom: -5px
}

html.eng .list-program .list .inner .info .link-detail {
    font-weight: 500
}

/* 프로그램 상세정보 리스트 */
.list-border > ul:after {
    content: "";
    display: block;
    clear: both
}

.list-border > ul > li {
    float: left;
    width: 33.33%;
    margin-top: 55px
}

.list-border > ul > li > strong {
    display: inline-block;
    position: relative;
    padding-bottom: 17px;
    font-size: 16px;
    letter-spacing: -0.04em
}

html.eng .list-border > ul > li > strong {
    font-weight: 500;
    font-size: 15px
}

.list-border > ul > li > strong:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 3px;
    background: #000
}

html.eng .list-border > ul > li > strong:after {
    bottom: -2px
}

.list-border > ul > li > div {
    min-height: 66px;
    padding-top: 25px
}

.list-border > ul > li > div p {
    line-height: 2;
    font-size: 14px
}

html.eng .list-border > ul > li > div p {
    font-size: 11px
}

.list-border > ul > li > div p > span {
    display: block;
    line-height: 2
}

html.eng .list-border > ul > li > div p > span, html.eng .list-border > ul > li > div p > strong {
    font-size: 11px
}

.list-border > ul > li > div .list-text li {
    line-height: 2;
    font-size: 14px
}

html.eng .list-border > ul > li > div .list-text li {
    font-size: 11px
}

.list-border > ul > li > div .list-text li:after {
    top: 0.85em
}

/* 프로그램 상세보기 */
.program-view .head {
    padding: 60px 0 19px;
    border-bottom: 1px solid #000
}

.program-view .head:after {
    content: "";
    display: block;
    clear: both
}

.program-view .head h3 {
    display: inline-block;
    font-size: 24px;
    letter-spacing: -0.04em
}

html.eng .program-view .head h3 {
    font-size: 23px
}

.program-view .head .info {
    float: right;
    line-height: 24px
}

.program-view .head .info .date {
    font-family: 'Montserrat';
    font-size: 12px;
    color: #767676
}

html.eng .program-view .head .info .date {
    font-size: 11px
}

.program-view .detail {
    padding: 47px 100px 46px
}

.program-view .detail p {
    line-height: 1.7;
    font-size: 12px
}

html.eng .program-view .detail p {
    font-size: 11px
}

.program-view .attach {
    padding: 50px 0 20px;
    border-top: 1px solid #ddd
}

.program-view .attach .tbl-basic table {
    border-top: none
}

.program-view .attach .tbl-basic table td {
    padding: 17px 23px;
    font-size: 12px
}

html.eng .program-view .attach .tbl-basic table td {
    font-size: 11px
}

.program-view .attach .tbl-basic table td.tit {
    width: 87.25%;
    padding-left: 35px
}

.program-view .attach .tbl-basic table td.down {
    width: 12.75%;
    text-align: center
}

.program-view .gallery {
    padding-top: 30px
}

.program-view .gallery .gallery-view {
    padding-top: 50px;
    text-align: center
}

/* 로그인, 회원가입 */
/* 약관동의 */
.section-join.agreement div.content {
    border-top: 1px solid #ddd;
    padding-top: 40px
}

.section-join.agreement div.content .bx-scroll {
    height: 200px
}

.section-join.agreement div.content .bx-scroll .inner {
    padding-right: 20px;
    line-height: 1.666em
}

.section-join.agreement div.content .bx-scroll .inner * {
    line-height: 1.666em
}

.section-join.agreement div.content .bx-scroll .inner h5 {
    margin-bottom: 20px;
    font-size: 14px
}

.section-join.agreement div.content .bx-scroll .inner h5.type2:before {
    content: "■";
    display: inline-block;
    margin-right: 5px
}

.section-join.agreement div.content .bx-scroll .inner h5 ~ h5 {
    margin-top: 20px
}

.section-join.agreement div.content .bx-scroll .inner p {
    margin-bottom: 20px
}

.section-join.agreement div.content .bx-scroll .inner > ul > li ~ li {
    margin-top: 10px
}

.section-join.agreement div.content .bx-scroll .inner > ul > li > ul {
    margin-top: 20px
}

.section-join.agreement div.content .bx-scroll .inner > ul.type2 > li:before {
    content: "◎";
    display: inline-block;
    margin-right: 5px
}

html.eng .section-join.agreement div.content .bx-scroll .inner {
    font-size: 11px
}

.section-join.agreement div.content .wrap-terms ~ .wrap-terms {
    margin-top: 40px
}

.section-join.agreement div.content .wrap-terms h4 label {
    font-family: 'RixSGo B';
    font-weight: normal;
    font-size: 16px
}

html.eng .section-join.agreement div.content .wrap-terms h4 label {
    font-family: 'Montserrat';
    font-size: 15px
}

.section-join.agreement div.content .wrap-terms .bx-scroll {
    margin-top: 20px
}

.section-join.agreement div.content .check-all {
    margin-bottom: 40px
}

.section-join.agreement div.content .check-all label {
    font-family: 'RixSGo B';
    font-size: 16px
}

html.eng .section-join.agreement div.content .check-all label {
    font-family: 'Montserrat';
    font-size: 15px
}

.section-join.agreement div.content .btns-submit {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #000
}

/* 가입확인 */
.section-join.member .section header.content .list-text {
    margin-top: 35px
}

.section-join.member .section div.content .tbl-row.form {
    border-bottom-color: #000
}

.section-join.member .section div.content .tbl-row.form tbody tr th {
    width: 130px
}

.section-join.member .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) {
    width: 300px
}

.section-join.member .section div.content .tbl-row.form tbody tr td select {
    width: 260px
}

.section-join.member .btns-submit a {
    min-width: auto;
    width: 170px;
    padding: 0px 25px;
}

/* 회원가입 정보입력 */
.section-join.form .section div.content {
    position: relative
}

.section-join.form .section div.content .note {
    position: absolute;
    right: 0;
    top: -42px;
    font-size: 12px
}

html.eng .section-join.form .section div.content .note {
    font-size: 11px
}

.section-join.form .section div.content .note .req {
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 7px;
    background: #e1002a;
    text-indent: -999em
}

.section-join.form .section div.content .tbl-row.form ~ .tbl-row.form {
    border-bottom: none
}

.section-join.form .section div.content .tbl-row.form tbody tr th {
    width: 130px
}

.section-join.form .section div.content .tbl-row.form tbody tr td {
    width: calc(50% - 130px);
    height: 66px
}

.section-join.form .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) {
    width: 400px
}

.section-join.form .section div.content .tbl-row.form tbody tr td .input-btn {
    display: inline-block;
    position: relative;
    width: 400px;
    padding-right: 120px
}

.section-join.form .section div.content .tbl-row.form tbody tr td .input-btn [class*='btn-'] {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    padding: 0 0 0 0
}

.section-join.form .section div.content .tbl-row.form tbody tr td .input-btn input:not([type=checkbox]):not([type=radio]) {
    width: 100%
}

.section-join.form .section div.content .tbl-row.form tbody tr.phone .wrap-select, .section-join.form .section div.content .tbl-row.form tbody tr.phone .wrap-select select, .section-join.form .section div.content .tbl-row.form tbody tr.phone td input:not([type=checkbox]):not([type=radio]), .section-join.form .section div.content .tbl-row.form tbody tr.address td input:not([type=checkbox]):not([type=radio]) {
    width: 195px
}

.section-join.form .section div.content .tbl-row.form tbody tr.address th {
    padding-top: 28px;
    vertical-align: top
}

.section-join.form .section div.content .tbl-row.form tbody tr.address td .devide {
    margin-top: 10px
}

.section-join.form .section div.content .tbl-row.form tbody tr td .devide {
    float: none;
    clear: both;
    padding-top: 10px
}

.section-join.form .section div.content .tbl-row.form tbody tr td .devide:after {
    content: '';
    display: block;
    clear: both
}

.section-join.form .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) {
    float: left;
    width: 495px;
    margin: 0 5px 0 0
}

.section-join.form .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]) {
    margin: 0 0 0 5px
}

.section-join.form .btns-submit {
    margin-top: 0;
    padding-top: 40px;
    border-top: 1px solid #000
}

.section-join.form .btns-submit a {
    width: 147px
}

.section-join.form .btns-submit .list-text {
    margin: -10px 0 35px;
    text-align: center
}

.section-join.form .btns-submit .list-text li {
    display: inline-block;
    color: #767676
}

.section-join.form .btns-submit .list-text li strong {
    color: #000
}

/* 가입완료 */
.section-join.completet .section header.content p {
    font-family: 'RixSGo B'
}

html.eng .section-join.completet .section header.content p {
    font-family: 'Montserrat'
}

.section-join.completet .section div.content {
    border-top: 1px solid #ddd
}

.section-join.completet .section div.content h4 {
    margin-top: 60px;
    font-size: 20px;
    font-weight: normal
}

html.eng .section-join.completet .section div.content h4 {
    font-size: 19px
}

.section-join.completet .section div.content h4 ~ .tbl-col {
    margin-top: 30px
}

.section-join.completet .section div.content .tbl-col table tbody tr th {
    width: 150px
}

.section-join.completet .section div.content .tbl-col table tbody tr td .list-text li ~ li {
    margin-top: 4px
}

.section-join.completet .section div.content .tbl-col table tbody tr td .list-text + strong {
    display: block;
    margin-top: 14px
}

.section-join.completet .section div.content .tbl-col table tbody tr td strong + .list-text {
    margin-top: 6px
}

/* 로그인 */
.section-login div.section .sign {
    width: 498px;
    margin: 0 auto;
    padding: 15px 0 20px;
    text-align: center
}

.section-login div.section .sign p {
    font-size: 12px;
    margin-bottom: 26px;
    line-height: 1.666em
}

html.eng .section-login div.section .sign p {
    font-size: 11px
}

.section-login div.section .sign fieldset > input, .section-login div.section .sign fieldset > [class*='btn-'] {
    display: block;
    width: 100%;
    cursor: pointer
}

.section-login div.section .sign fieldset > input + input {
    margin-top: 10px
}

.section-login div.section .sign fieldset > [class*='btn-'] {
    margin-top: 20px
}

.section-login div.section .sign ul {
    margin-top: 30px
}

.section-login div.section .sign ul li {
    display: inline-block
}

.section-login div.section.find .sign ul li a:not(.tel) {
    display: inline-block;
    position: relative;
    padding-left: 43px;
    line-height: 32px
}

.section-login div.section.find .sign ul li a:not(.tel):after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    width: 30px;
    height: 30px;
    border: 1px solid #cdcdcd;
    border-radius: 100%
}

.section-login div.section .sign ul li.find a:after {
    background: url(/images/content/ico-login-find.png) 50% 50% no-repeat
}

.section-login div.section .sign ul li.join {
    margin-left: 56px
}

.section-login div.section .sign ul li.join a:after {
    background: url(/images/content/ico-login-join.png) 50% 50% no-repeat
}

.section-login div.section .sign-extend {
    float: left;
    width: 580px
}

.section-login div.section .sign-extend ~ .sign-extend {
    float: right
}

.section-login div.section .sign-extend h3 {
    font-size: 16px
}

html.eng .section-login div.section .sign-extend h3 {
    font-size: 15px
}

.section-login div.section .sign-extend .sign {
    width: 100%;
    height: 384px;
    padding: 30px 40px 0;
    margin: 28px 0 0 0;
    border: 1px solid #ddd;
    text-align: left
}

.section-login div.section .sign-extend .sign p {
    height: 70px;
    margin-bottom: 0
}

.section-login div.section .sign-extend .sign fieldset .devide {
    margin-bottom: 10px
}

.section-login div.section .sign-extend .sign > label {
    margin-top: 34px
}

.section-login div.section .sign-extend ul li.join {
    margin-left: 28px
}

/* 아이디,비밀번호 찾기 */
.section-login.find div.section .sign-extend .sign {
    height: 365px
}

.section-login.find div.section .sign-extend .sign p {
    height: auto;
    margin-bottom: 26px
}

.section-login.find div.section .sign-extend .sign li {
    color: #767676;
    font-size: 13px;
}

.section-login.find div.section .sign-extend .sign li strong {
    color: #000
}

.section-login.find div.section .sign-extend .sign.result .result-id {
    height: 166px;
    text-align: center;
    background: #f4f4f4
}

.section-login.find div.section .sign-extend .sign.result .result-id:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.section-login.find div.section .sign-extend .sign.result .result-id strong {
    font-family: 'Montserrat';
    font-size: 28px;
    vertical-align: middle
}

html.eng .section-login.find div.section .sign-extend .sign.result .result-id strong {
    font-size: 27px
}

.section-login.find div.section .sign-extend .sign.result > button {
    display: block;
    width: 100%;
    margin-top: 20px;
    cursor: pointer
}

/* 마이페이지 */
/* 회원정보변경 */
.section-mypage header.section {
    margin-bottom: 0;
    border-bottom: none
}

.section-mypage .section header.content {
    margin-bottom: 0
}

.section-mypage.member .section div.content .note {
    position: relative;
    height: 31px
}

.section-mypage.member .section div.content .note p {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px
}

html.eng .section-mypage.member .section div.content .note p {
    font-size: 11px
}

.section-mypage.member .section div.content .note .req {
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-right: 7px;
    background: #e1002a;
    text-indent: -999em
}

.section-mypage.member .section div.content .tbl-row.form {
    border-bottom: none
}

.section-mypage.member .section div.content .tbl-row.form tbody tr th {
    width: 130px
}

.section-mypage.member .section div.content .tbl-row.form tbody tr td {
    width: calc(50% - 130px);
    height: 66px
}

.section-mypage.member .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) {
    width: 400px
}

.section-mypage.member .section div.content .tbl-row.form tbody tr.phone .wrap-select, .section-mypage.member .section div.content .tbl-row.form tbody tr.phone .wrap-select select, .section-mypage.member .section div.content .tbl-row.form tbody tr.phone td input:not([type=checkbox]):not([type=radio]), .section-mypage.member .section div.content .tbl-row.form tbody tr.address td input:not([type=checkbox]):not([type=radio]) {
    width: 195px
}

.section-mypage.member .section div.content .tbl-row.form table tbody tr td .guide.sort {
    color: #000
}

.section-mypage.member .section div.content .tbl-row.form tbody tr.address th {
    padding-top: 28px;
    vertical-align: top
}

.section-mypage.member .section div.content .tbl-row.form tbody tr.address td input:not([type=checkbox]):not([type=radio]) {
    width: 195px
}

.section-mypage.member .section div.content .tbl-row.form tbody tr.address td .devide {
    margin-top: 10px
}

.section-mypage.member .section div.content .tbl-row.form tbody tr td .devide {
    float: none;
    clear: both;
    padding-top: 10px
}

.section-mypage.member .section div.content .tbl-row.form tbody tr td .devide:after {
    content: '';
    display: block;
    clear: both
}

.section-mypage.member .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) {
    float: left;
    width: 495px;
    margin: 0 5px 0 0
}

.section-mypage.member .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]) {
    margin: 0 0 0 5px
}

.section-mypage.member .btns-submit {
    position: relative;
    margin-top: 0;
    padding-top: 40px;
    border-top: 1px solid #000
}

.section-mypage.member .btns-submit a.go {
    width: 147px
}

.section-mypage.member .btns-submit a.go ~ a.go {
    margin-left: 5px
}

.section-mypage.member .btns-submit a.link-blk {
    position: absolute;
    right: 0;
    bottom: 17px
}

/* 두산사우 인증 팝업 */
.popup-certify .popup-section {
    width: 580px
}

.popup-certify .popup-section h4 {
    padding-bottom: 29px;
    font-size: 24px
}

html.eng .popup-certify .popup-section h4 {
    font-size: 23px
}

.popup-certify .popup-section .tbl-row table {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e9e8e8
}

.popup-certify .popup-section .tbl-row table tbody th {
    width: 120px;
    padding: 18px 0
}

.popup-certify .popup-section .tbl-row table tbody td {
    width: calc(100% - 120px);
    padding: 20px 0
}

.popup-certify .popup-section .tbl-row table tbody td input[type="text"] {
    width: 250px;
    height: 40px;
    line-height: 40px
}

.popup-certify .popup-section .tbl-row table tbody td input[type="text"] + span {
    margin-left: 8px
}

.popup-certify .popup-section .tbl-row table tbody td input[type="text"] + span ~ span {
    margin-left: 4px
}

.popup-certify .popup-section .btns-submit {
    margin-top: 20px;
    padding-top: 0;
    border: none
}

.popup-certify .popup-section .btns-submit a {
    width: 84px
}

/* 예매내역 */
.section-mypage.history .note {
    padding-bottom: 50px
}

.section-mypage.history .note ul {
    margin-top: -4px;
    margin-bottom: 24px
}

.section-mypage.history .note ul li ~ li {
    margin-top: 5px
}

.section-mypage.history .note ul li span {
    color: #e1002a
}

.section-mypage.history .note ul li em {
    font-style: normal;
    color: #e1002a;
    text-decoration: underline
}

.section-mypage.history .note a {
    width: 188px
}

.section-mypage.history .tbl-col {
    border-bottom: 1px solid #000
}

.section-mypage.history .tbl-col table thead th {
    border-right: none
}

.section-mypage.history .tbl-col table tbody tr:last-child td {
    border-bottom: none
}

.section-mypage.history .tbl-col table tbody td {
    height: 70px
}

.section-mypage.history .tbl-col table tbody td.name {
    width: calc(100% - 146px);
    font-size: 14px;
    border-right: none
}

html.eng .section-mypage.history .tbl-col table tbody td.name {
    font-size: 13px
}

.section-mypage.history .tbl-col table tbody td.date {
    width: 146px;
    font-family: 'Montserrat';
    font-size: 12px;
    text-align: center
}

html.eng .section-mypage.history .tbl-col table tbody td.date {
    font-size: 11px
}

.section-mypage.history .nodata {
    border-top: 1px solid #ddd
}

/* 공연 */
html.eng .art-contents .cont.current .list-basic .list .txt > em {
    margin-bottom: 12px
}

html.eng .art-contents .cont.current .list-basic .list .txt > strong {
    height: 70px
}

html.eng .art-contents .cont.current .list-basic .list .txt > strong a {
    line-height: 1.6
}

html.eng .art-contents .cont.current .list-basic .list .txt > span.place {
    bottom: 84px
}

html.eng .art-contents .cont.current .list-basic .list .txt > span.place > span {
    padding-top: 25px
}

html.eng .art-contents .cont.upcoming .list-basic .list .txt > strong {
    height: 42px
}

html.eng .art-contents .cont.upcoming .list-basic .list .txt > strong a {
    font-size: 15px
}

html.eng .art-contents .cont.upcoming .list-basic .list .txt > span.place {
    bottom: 55px
}

html.eng .art-contents .cont.upcoming .list-basic .list .txt > span > span {
    padding-top: 11px
}

.section-performance .nodata {
    height: 322px;
    padding-top: 128px;
    border-top: none;
    border-bottom: none
}

.section-performance .nodata p {
    margin-top: 24px
}

/* 공연소개 */
/* 리스트 */
.section-performance.list header.section h2 {
    font-family: 'RixSGo B'
}

html.eng .section-performance.list header.section h2 {
    font-family: 'Montserrat'
}

.section-performance.list .cont.upcoming .list-basic .list .txt > span.place > span {
    padding-top: 8px
}

/* 공연정보 */
.section-performance.info {
    padding-bottom: 113px
}

.section-performance.info .list-basic {
    margin-top: -40px
}

.section-performance.info .list-basic .list {
    float: none;
    width: 100%
}

.section-performance.info .list-basic .list .img {
    width: 506px;
    padding: 0 99px 0 7px
}

.section-performance.info .list-basic.view {
    margin-bottom: 100px
}

.section-performance.info .list-basic.view .list .txt > h3 {
    line-height: 40px
}

.section-performance.info .list-basic.view .list .txt .info .links {
    padding-right: 148px
}

html.eng .section-performance.info .list-basic.view .list .txt .info .links {
    padding-right: 200px
}

.section-performance.info .slide-thumb {
    padding-bottom: 0
}

.section-performance.info .slide-thumb button + .slick-list {
    padding-bottom: 32px
}

.section-performance.info .list-basic.view + .slide-thumb {
    margin-top: -20px;
    margin-bottom: 110px;
}

.section-performance.info .view-content {
    padding: 35px 0 0;
    line-height: 1.6
}

.section-performance.info .view-content + .related-contents {
    margin-top: 60px
}

.section-performance.info .view-content p {
    line-height: 1.6
}

.section-performance.info .view-content .poster {
    padding-bottom: 40px;
    text-align: center
}

.section-performance.info .related-contents {
    padding-top: 60px;
    border-top: 1px solid #000
}

.section-performance.info .related-contents .slide-cont {
    margin-top: -10px
}

.section-performance.info .tbl-basic table td.tit {
    width: calc(100% - 140px)
}

.section-performance.info .tbl-basic table td.down {
    width: 140px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

html.eng .section-performance.info .tbl-basic table td.tit {
    width: calc(100% - 190px)
}

html.eng .section-performance.info .tbl-basic table td.down {
    width: 190px
}

.section-performance.info .paginate-nav {
    margin-top: 60px
}

/* 할인정보 팝업 */
.popup-discount .popup-section {
    width: 700px
}

.popup-discount .popup-section .popup-content {
    height: 524px;
    overflow: auto
}

.popup-discount .popup-section .popup-content p {
    line-height: 3;
    font-size: 12px
}

html.eng .popup-discount .popup-section .popup-content p {
    font-size: 11px
}

.popup-discount .popup-section div.list-info {
    margin-top: 4px
}

.popup-discount .popup-section div.list-info p {
    line-height: 2.5;
    font-size: 12px
}

html.eng .popup-discount .popup-section div.list-info p {
    font-size: 11px
}

.popup-discount .popup-section div.list-info ul li {
    width: 100%
}

.popup-discount .popup-section div.list-info ul li:after {
    content: "";
    display: block;
    clear: both
}

.popup-discount .popup-section div.list-info ul li ~ li {
    margin-top: 30px
}

.popup-discount .popup-section div.list-info ul li strong.tit {
    float: left;
    display: block;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
    line-height: 12px;
    font-size: 12px
}

html.eng .popup-discount .popup-section div.list-info ul li strong.tit {
    font-size: 11px
}

.popup-discount .popup-section div.list-info ul li strong.tit:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 1px;
    height: 12px;
    background: #bbb
}

.popup-discount .popup-section div.list-info ul li p.cont {
    float: left;
    font-size: 12px
}

html.eng .popup-discount .popup-section div.list-info ul li p.cont, html.eng .popup-discount .popup-section div.list-info ul li p.cont span {
    font-size: 11px
}

.popup-discount .popup-section div.list-info ul li p.cont span {
    display: block;
    position: relative;
    margin-top: 12px;
    padding-left: 8px
}

.popup-discount .popup-section div.list-info ul li p.cont span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    border-radius: 100%;
    background: #000
}

/* 공유하기 팝업 */
.popup-share .popup-section {
    width: 500px
}

.popup-share .popup-section .list-sns ul:after {
    content: "";
    display: block;
    clear: both
}

.popup-share .popup-section .list-sns ul li {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px #bfbfbf solid;
    border-radius: 100%
}

.popup-share .popup-section .list-sns ul li ~ li {
    margin-left: 47px
}

.popup-share .popup-section .list-sns ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999999px;
    font-size: 0;
    border-radius: 100%
}

html.eng .popup-share .popup-section .list-sns ul li a {
    font-size: 0
}

.popup-share .popup-section .list-sns ul li.s1 a {
    background: url(/images/content/btn-sns-s1.png) 50% 50% no-repeat;
    background-size: 9px auto
}

.popup-share .popup-section .list-sns ul li.s2 a {
    background: url(/images/content/btn-sns-s2.png) 50% 50% no-repeat;
    background-size: 13px auto
}

.popup-share .popup-section .list-sns ul li.s3 a {
    background: url(/images/content/btn-sns-s3.png) 50% 50% no-repeat;
    background-size: 20px auto
}

.popup-share .popup-section .list-sns ul li.s4 a {
    background: url(/images/content/btn-sns-s4.png) 50% 50% no-repeat;
    background-size: 22px auto
}

.popup-share .popup-section .list-sns ul li.s5 a {
    background: url(/images/content/btn-sns-s5.png) 50% 50% no-repeat;
    background-size: 22px auto
}

.popup-share .popup-section .list-sns ul li.s6 a {
    background: url(/images/content/btn-sns-s6.png) 50% 50% no-repeat;
    background-size: 22px auto
}

.popup-share .popup-section .list-sns .copy-url {
    margin-top: 40px
}

.popup-share .popup-section .list-sns .copy-url:after {
    content: "";
    display: block;
    clear: both
}

.popup-share .popup-section .list-sns .copy-url input[type="text"].url {
    float: left;
    width: 320px;
    height: 40px;
    line-height: 38px;
    padding: 0 48px 0 20px;
    color: #000
}

.popup-share .popup-section .list-sns .copy-url a.btn-blk.small {
    float: right;
    width: 110px
}

/* 좌석배치 팝업 / 좌석배치 신규 팝업*/
.popup-arrange .popup-section {
    width: 700px
}

.popup-arrange .popup-section .popup-content {
    height: 524px;
    overflow: auto;
    text-align: center
}

.popup-arrange .popup-section .seat p.info-stage {
    width: 100%;
    padding-bottom: 40px;
    text-align: center
}

.popup-arrange .popup-section .seat p.info-stage strong.tit {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 13px;
    font-family: 'RixSGo B';
    border-bottom: 4px #000 solid
}

.popup-arrange .popup-section .seat p.info-stage span.floor {
    display: block;
    font-family: 'RixSGo B';
    font-weight: 400;
    font-size: 11px
}

html.eng .popup-arrange .popup-section .seat p.info-stage span.floor {
    font-size: 10px
}

.popup-arrange .popup-section .seat p.info-stage ~ p.info-stage {
    padding-top: 38px;
    border-top: 1px #ddd solid
}

.popup-arrange .popup-section .seat p.info-stage ~ p.info-stage img {
    margin-top: -18px
}

.popup-arrange .popup-section .seat .btns-submit {
    margin-top: 0
}

.popup-arrange .popup-section .btns-submit a.print {
    width: 107px;
    padding: 0 20px
}

/* 170531 */
.popup-arrange .popup-section .btns-submit a.print, .popup-arrange .popup-section .btns-submit a.print span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.popup-arrange .popup-section .btns-submit a.print {
    background: #fff url(/images/common/bg-btn-blk.png) 105px 0 no-repeat
}

.popup-arrange .popup-section .btns-submit a.print:hover, .popup-arrange .popup-section .btns-submit a.print:focus {
    border-color: #000;
    background-position: 0 0
}

.popup-arrange .popup-section .btns-submit a.print:hover span, .popup-arrange .popup-section .btns-submit a.print:focus span {
    color: #fff
}

.popup-arrange .popup-section .btns-submit a.print:hover .ico-print, .popup-arrange .popup-section .btns-submit a.print:focus .ico-print {
    background-image: url(/images/common/ico-print-over.png)
}

/*.popup-arrange.new .popup-section .seat-new {width:100%; height:auto; background:#7f7f7f}
.popup-arrange.new .popup-section .seat-new img {width:100%}*/
/* 좌석배치 비지정석 팝업 */
.popup-unspecify .popup-section {
    width: 500px
}

.popup-unspecify .popup-section p.desc {
    width: 100%;
    padding-bottom: 106px;
    text-align: center;
    font-size: 24px
}

html.eng .popup-unspecify .popup-section p.desc {
    font-size: 23px
}

.popup-unspecify .popup-section p.desc.unspecify {
    padding: 28px 0 77px 0;
    /*background:url(/images/common/ico-unspecify.png) 50% bottom no-repeat; background-size:78px auto*/
}

.popup-unspecify .popup-section p.desc span {
    display: block;
    padding-top: 13px;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.02em
}

html.eng .popup-unspecify .popup-section p.desc span {
    font-size: 11px
}

/* 공연갤러리 팝업 */
.popup-gallery .popup-section {
    width: 700px
}

.popup-gallery .gallery-works {
    margin-bottom: 20px
}

.popup-gallery .gallery-works img {
    width: 100%
}

.popup-gallery .gallery-works .video-container {
    background: #000
}

.popup-gallery .slide-thumb {
    overflow: visible;
}

.popup-gallery .slide-thumb .slick-list {
    margin-left: -10px
}

.popup-gallery .slide-thumb .thumbs {
    /*width:120px !important; */
    margin-left: 10px
}

.popup-gallery .slide-thumb .thumbs .inner {
    /*width:120px;*/
    height: 68px
}

.popup-gallery .slide-thumb .thumbs .inner img {
    width: 100%
}

.popup-gallery .slide-thumb .thumbs.video .inner a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.55;
    background: url(/images/common/ico-video.png) 50% 50% no-repeat;
    background-size: 16px 20px
}

/* 아티스트 소개 */
.section-performance.artist {
    height: 100%;
    padding-bottom: 0
}

.section-performance.artist header.section {
    margin-bottom: 0
}

.section-performance.artist div.section {
    min-height: calc(100% - 90px);
    padding: 40px 0 100px;
    background: url(/images/common/bg-line.png) 0 0 repeat-y
}

/* 지난공연 */
.section-performance.past header.section {
    margin-bottom: 0
}

.section-performance.past .art-contents .list-basic.type2 .list {
    width: 414px
}

.section-performance.past .art-contents .list-basic.type2 .list:nth-child(3n) {
    width: 372px
}

.section-performance.past .art-contents .list-basic.type2 .list .txt > strong {
    height: 40px
}

.section-performance.past .art-contents .list-basic.type2 .list .txt > strong > a {
    font-size: 15px
}

.section-performance.past .art-contents .list-basic.type2 .list .txt > span.place > span {
    font-family: "RixSGo B"
}

html.eng .section-performance.past .art-contents .list-basic.type2 .list .txt > span.place > span {
    font-family: "Montserrat"
}

.section-performance.past .paginate-nav {
    margin-top: 60px
}

/* 전시 */
.section-exhibition .nodata {
    height: 322px;
    padding-top: 128px;
    border-top: none;
    border-bottom: none
}

.section-exhibition .nodata p {
    margin-top: 24px
}

/* 전시소개 */
/* 전시정보 */
.section-exhibition.info .slide-thumb {
    margin-bottom: 60px
}

.section-exhibition.info .slide-thumb .thumbs.active .inner {
    position: relative
}

.section-exhibition.info .slide-thumb .thumbs.active .inner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #e1002a;
    box-sizing: border-box
}

.section-exhibition.info .exhibition-data {
    position: relative;
    margin-bottom: 40px;
    padding: 0 0 41px;
    border-bottom: 1px solid #ddd
}

.section-exhibition.info .exhibition-data:after {
    content: "";
    display: block;
    clear: both
}

.section-exhibition.info .exhibition-data .data {
    float: left;
    width: 50%;
    height: 145px
}

.section-exhibition.info .exhibition-data .data1 {
    text-align: left
}

.section-exhibition.info .exhibition-data .data1 > strong {
    font-family: 'RixSGo M';
    font-size: 24px;
    color: #767676
}

html.eng .section-exhibition.info .exhibition-data .data1 > strong {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 23px
}

.section-exhibition.info .exhibition-data .data1 > strong > span {
    display: block;
    margin-top: 17px;
    font-family: 'RixSGo M';
    font-size: 30px;
    line-height: 40px;
    color: #000;
    letter-spacing: -0.04em
}

html.eng .section-exhibition.info .exhibition-data .data1 > strong > span {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 29px
}

.section-exhibition.info .exhibition-data .data1 .place {
    position: absolute;
    left: 0;
    bottom: 38px;
    font-family: 'Montserrat'
}

.section-exhibition.info .exhibition-data .data1 .place > span {
    margin-left: 30px;
    font-family: 'RixSGo B';
    font-size: 12px
}

html.eng .section-exhibition.info .exhibition-data .data1 .place > span {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11px
}

.section-exhibition.info .exhibition-data .data2 {
    text-align: right
}

.section-exhibition.info .exhibition-data .data2 .btn-lgry {
    position: absolute;
    right: 0;
    top: 0;
    width: 117px;
    padding: 0 19px
}

/* 170531 */
.section-exhibition.info .exhibition-data .data2 .btn-lgry, .section-exhibition.info .exhibition-data .data2 .btn-lgry span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-exhibition.info .exhibition-data .data2 .btn-lgry {
    background: #fff url(/images/common/bg-btn-blk.png) 117px 0 no-repeat
}

.section-exhibition.info .exhibition-data .data2 .btn-lgry:hover, .section-exhibition.info .exhibition-data .data2 .btn-lgry:focus {
    border-color: #000;
    background-position: 0 0
}

.section-exhibition.info .exhibition-data .data2 .btn-lgry:hover span, .section-exhibition.info .exhibition-data .data2 .btn-lgry:focus span {
    color: #fff
}

.section-exhibition.info .exhibition-data .data2 .btn-lgry:hover .ico-share, .section-exhibition.info .exhibition-data .data2 .btn-lgry:focus .ico-share {
    background-image: url(/images/common/ico-share-over.png)
}

.section-exhibition.info .exhibition-data .data2 .links {
    position: absolute;
    right: 0;
    bottom: 40px
}

.section-exhibition.info .exhibition-data .data2 .links li:after {
    content: "";
    display: block;
    clear: both
}

.section-exhibition.info .exhibition-data .data2 .links li ~ li {
    margin-top: 22px
}

.section-exhibition.info .exhibition-data .data2 .links li > strong {
    float: right;
    padding-left: 21px;
    margin-left: 15px;
    color: #767676;
    background: url(/images/common/bg-list-arr-left.png) left 50% no-repeat
}

.section-exhibition.info .exhibition-data .data2 .links li.artists a {
    display: inline-block;
    font-family: 'RixSGo B';
    text-decoration: none;
	cursor: auto;
    white-space: nowrap;
    font-size: 13px;
}

html.eng .section-exhibition.info .exhibition-data .data2 .links li.artists a {
    font-family: 'Montserrat'
}

.section-exhibition.info .exhibition-data .data2 .links li .link-blk span {
    padding-right: 0;
    text-decoration: underline;
    background: none
}

html.eng .section-exhibition.info .exhibition-data .data2 .links li.artists a {
    font-family: 'Montserrat'
}

.section-exhibition.info .exhibition-data .data2 .links li.artists a ~ a {
    margin-left: 7px
}

.section-exhibition.info .list-basic {
    margin-bottom: 100px
}

.section-exhibition.info .list-basic .list {
    width: 100%
}

.section-exhibition.info .list-basic .list .img {
    width: auto;
    padding-right: 31px
}

.section-exhibition.info .list-basic .list .img img {
    width: auto
}

.section-exhibition.info .list-basic .list .txt {
    min-width: 349px;
    padding-top: 0
}

.section-exhibition.info .list-basic .list .txt > em {
    margin-bottom: 19px;
    font-size: 20px
}

html.eng .section-exhibition.info .list-basic .list .txt > em {
    font-size: 19px
}

.section-exhibition.info .list-basic .list .txt > h3 {
    padding-bottom: 2px;
    font-family: 'RixSGo B';
    font-size: 20px;
    color: #664e9c;
    letter-spacing: 0
}

html.eng .section-exhibition.info .list-basic .list .txt > h3 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 19px
}

.section-exhibition.info .list-basic .list .txt p {
    line-height: 1.9;
    font-size: 12px
}

html.eng .section-exhibition.info .list-basic .list .txt p {
    font-size: 11px
}

.section-exhibition.info .list-basic .list .txt p > span {
    display: block;
    line-height: 1.9
}

html.eng .section-exhibition.info .list-basic .list .txt p > span {
    font-size: 11px
}

.section-exhibition.info .list-basic .list .txt .expl {
    padding-top: 25px;
    padding-bottom: 0;
    border-top: 1px solid #ddd
}

.section-exhibition.info .list-basic .list .txt .info {
    min-height: auto;
    padding: 25px 0 24px;
    border-bottom: none
}

html.eng .section-exhibition.info .list-basic.view .list .txt .info {
    min-height: auto;
    padding: 25px 0 24px
}

.section-exhibition.info .view-content {
    position: relative;
    padding: 35px 0 0;
    line-height: 1.6
}

.section-exhibition.info .view-content + .related-contents {
    margin-top: 60px
}

.section-exhibition.info .view-content p {
    line-height: 1.6
}

.section-exhibition.info .view-content .btn {
    margin-bottom: 40px;
    text-align: right
}

.section-exhibition.info .view-content .btn a.btn-lgry {
    width: 117px;
    padding: 0 20px
}

html.eng .section-exhibition.info .view-content .btn a.btn-lgry {
    width: 154px
}

html.eng .section-exhibition.info .view-content .btn a.btn-lgry span {
    font-family: 'Montserrat'
}

/* 170531 */
.section-exhibition.info .view-content .btn .btn-lgry, .section-exhibition.info .view-content .btn .btn-lgry span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-exhibition.info .view-content .btn .btn-lgry {
    background: #fff url(/images/common/bg-btn-blk.png) 117px 0 no-repeat
}

html.eng .section-exhibition.info .view-content .btn .btn-lgry {
    background: #fff url(/images/common/bg-btn-blk.png) 154px 0 no-repeat
}

.section-exhibition.info .view-content .btn a.btn-lgry:hover, .section-exhibition.info .view-content .btn a.btn-lgry:focus {
    border-color: #000;
    background-position: 0 0
}

.section-exhibition.info .view-content .btn a.btn-lgry:hover span, .section-exhibition.info .view-content .btn a.btn-lgry:focus span {
    color: #fff
}

.section-exhibition.info .view-content .btn a.btn-lgry:hover .ico-down, .section-exhibition.info .view-content .btn a.btn-lgry:focus .ico-down {
    background-image: url(/images/common/ico-down-over.png)
}

.section-exhibition.info .view-content .poster {
    padding-bottom: 40px;
    text-align: center
}

.section-exhibition.info .view-content.news-data .tbl-basic table td.tit {
    width: 54.18%
}

.section-exhibition.info .view-content.news-data .tbl-basic table td.tit a:hover, .section-exhibition.info .view-content.news-data .tbl-basic table td.tit a:focus {
    text-decoration: underline
}

.section-exhibition.info .view-content.news-data .tbl-basic table td.down {
    width: 16.66%;
    text-align: center
}

.section-exhibition.info .view-content.news-data .tbl-basic table td.name {
    width: 16.66%;
    text-align: center
}

html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.tit {
    width: 50.84%
}

html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.name {
    width: 20%
}

.section-exhibition.info .view-content.news-data .tbl-basic table td.date {
    width: 12.5%;
    text-align: center
}

.section-exhibition.info .view-content.etc-data .tbl-basic table td.tit {
    width: 66.68%
}

.section-exhibition.info .view-content.etc-data .tbl-basic table td.down {
    width: 16.66%;
    text-align: center
}

.section-exhibition.info .view-content.etc-data .tbl-basic table td.name {
    width: 16.66%;
    text-align: center
}

.section-exhibition.info .related-contents {
    padding-top: 60px;
    border-top: 1px solid #000
}

.section-exhibition.info .related-contents .slide-cont {
    margin-top: -10px
}

.section-exhibition.info .paginate-nav {
    margin-top: 60px
}

/* 아티스트 */
.section-exhibition.artist {
    height: 100%;
    padding-bottom: 0
}

.section-exhibition.artist header.section {
    margin-bottom: 0
}

.section-exhibition.artist div.section {
    min-height: calc(100% - 90px);
    padding: 40px 0 100px;
    background: url(/images/common/bg-line.png) 0 0 repeat-y
}

.section-exhibition.artist .artist-info .inner .txt strong {
    margin-bottom: 34px
}

.section-exhibition.artist .artist-detail .artist-spec .paginate-nav {
    margin-top: 78px
}

.section-exhibition.artist .artist-detail .artist-spec .works-list + .paginate-nav {
    margin-top: 40px
}

.popup-exhibition-works .popup-section {
    width: 700px
}

.popup-exhibition-works .popup-section .popup-content {
    height: 524px;
    overflow: auto
}

/* 지난전시 */
.section-exhibition.past header.section {
    margin-bottom: 0
}

.section-exhibition.past .art-search-frm .inp.place ul:after {
    content: "";
    display: block;
    clear: both
}

.section-exhibition.past .art-search-frm .inp.place ul li {
    float: left
}

.section-exhibition.past .art-search-frm .inp.place ul li ~ li {
    margin-left: 44px
}

.section-exhibition.past .paginate-nav {
    margin-top: 60px
}

/* 교육 */
.section-education.list .paginate-nav {
    margin-top: 60px;
    border-color: #ddd
}

.section-education .nodata {
    height: 322px;
    padding-top: 128px;
    border-top: none;
    border-bottom: none
}

.section-education .nodata p {
    margin-top: 24px
}

/* 신청하기 */
.section-education.info .list-basic {
    margin-top: 0;
    margin-bottom: 100px
}

.section-education.info .list-basic .list {
    width: 100%;
    margin-top: 20px
}

.section-education.info .list-basic .list .img {
    width: 500px;
    padding-right: 100px
}

.section-education.info .list-basic .list .img img {
    width: 100%
}

.section-education.info .list-basic .list .txt {
    width: auto
}

.section-education.info .list-basic.view .list .txt > h3 {
    line-height: 40px
}

.section-education.info .list-basic .list .txt .info {
    padding: 26px 0 38px;
    min-height: auto
}

.section-education.info .list-basic .list .txt .info .guide {
    margin: 30px 0 0
}

.section-education.info .list-basic .list .txt .info .guide.noprogram {
    margin-top: 0;
}

.section-education.info .list-basic .list .txt .info .guide li ~ li {
    margin-top: 21px
}

.section-education.info .list-basic .list .txt .info .guide li strong {
    display: inline-block;
    width: 40px;
    line-height: 1.9;
    font-size: 12px;
    letter-spacing: 0;
    vertical-align: top
}

html.eng .section-education.info .list-basic .list .txt .info .guide li strong {
    width: 63px;
    font-size: 11px
}

.section-education.info .list-basic .list .txt .info .guide li span {
    display: inline-block;
    width: calc(100% - 40px);
    line-height: 1.9;
    font-size: 12px;
    letter-spacing: 0
}

html.eng .section-education.info .list-basic .list .txt .info .guide li span {
    width: calc(100% - 63px);
    font-size: 11px
}

.section-education.info .slide-thumb {
    margin-bottom: 100px
}

.section-education.info .view-content {
    padding: 35px 0 0;
    line-height: 1.6
}

.section-education.info .view-content + .related-contents {
    margin-top: 60px
}

.section-education.info .view-content p {
    line-height: 1.6
}

.section-education.info .view-content .poster {
    padding-bottom: 40px;
    text-align: center
}

.section-education.info .tbl-basic table td.tit {
    width: calc(100% - 140px)
}

.section-education.info .tbl-basic table td.down {
    width: 140px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

html.eng .section-education.info .tbl-basic table td.tit {
    width: calc(100% - 190px)
}

html.eng .section-education.info .tbl-basic table td.down {
    width: 190px
}

.section-education.info .related-contents {
    padding-top: 60px;
    border-top: 1px solid #000
}

.section-education.info .related-contents .slide-cont {
    margin-top: -10px
}

.section-education.info .list-basic.view + .slide-thumb {
    margin-top: -20px;
    margin-bottom: 100px
}

.section-education.info .slide-thumb .thumbs .inner a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    text-align: center
}

.section-education.info .slide-thumb .thumbs .inner a > span {
    display: none;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    right: 0px;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.8)
}

.section-education.info .slide-thumb .thumbs .inner a > span:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.section-education.info .slide-thumb .thumbs .inner a > span > span {
    display: inline-block;
    overflow: hidden;
    max-height: 53px;
    line-height: 1.6;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle
}

html.eng .section-education.info .slide-thumb .thumbs .inner a > span > span {
    font-size: 11px
}

.section-education.info .slide-thumb .thumbs .inner a:hover > span, .section-education.info .slide-thumb .thumbs .inner a:focus > span {
    display: block
}

.section-education.info .follow-menu {
    display: none
}

.section-education.info .paginate-nav {
    margin-top: 60px
}

/* 고객센터 */
/* 공통값 */
.section-customer header.section {
    margin-bottom: 30px;
    /* padding:30px 0 30px; */
    border-bottom: 3px #000 solid
}

/* .section-customer header.section h2 {font-family:'RixSGo M'; font-size:16px} */
.section-customer.view header.section {
    margin-bottom: 0
}

/* 공지사항 */
.section-customer.notice.list .tbl-basic table {
    border-top: 1px solid #231f20;
    border-bottom: 1px solid #231f20
}

.section-customer.notice.list .tbl-basic table tbody tr td {
    position: relative;
    height: 70px;
    padding: 0;
    text-align: center
}

.section-customer.notice.list .tbl-basic table tbody tr td:first-child {
    border-left: 1px solid transparent
}

.section-customer.notice.list .tbl-basic table tbody tr td:last-child {
    border-right: 1px solid transparent
}

.section-customer.notice.list .tbl-basic table tbody tr:first-child ~ tr td {
    border-top: 1px solid #ddd
}

.section-customer.notice.list .tbl-basic table tbody tr:nth-child(odd) td {
    background: transparent
}

.section-customer.notice.list .tbl-basic table tbody tr td.tit {
    padding-left: 30px;
    text-align: left
}

.section-customer.notice.list .tbl-basic table tbody tr td.tit a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis
}

.section-customer.notice.list .tbl-basic table tbody tr td.num {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px
}

html.eng .section-customer.notice.list .tbl-basic table tbody tr td.num {
    font-size: 11px
}

.section-customer.notice.list .tbl-basic table tbody tr.noti td.num span {
    display: inline-block;
    width: 38px;
    height: 20px;
    line-height: 22px;
    font-family: "RixSGo M";
    font-size: 11px;
    border-radius: 80px;
    color: #fff;
    background: #333
}

html.eng .section-customer.notice.list .tbl-basic table tbody tr.noti td.num span {
    font-family: 'Montserrat';
    font-size: 10px
}

.section-customer.notice.list .tbl-basic table tbody tr:hover td {
    padding-top: 1px;
    border-top-color: 1px solid #231f20;
    border-bottom: 1px solid #231f20
}

.section-customer.notice.list .tbl-basic table tbody tr:hover td:first-child {
    border-left: 1px solid #231f20
}

.section-customer.notice.list .tbl-basic table tbody tr:hover td:last-child {
    border-right: 1px solid #231f20
}

.section-customer.notice.list .tbl-basic table tbody tr:first-child:hover td {
    border-top-color: transparent
}

.section-customer.notice.list .tbl-basic table tbody tr:last-child:hover td {
    border-bottom: none
}

.section-customer.notice.list .tbl-basic table tbody tr:first-child ~ tr:hover td {
    border-top-color: #231f20
}

.section-customer.notice.list .tbl-basic table tbody tr:hover + tr td {
    border-top-color: transparent
}

.section-customer.notice.list .tbl-basic table tbody tr:last-child:hover td {
    padding-top: 0
}

/* 자주 묻는 질문 */
.section-customer .list-faq .set {
    border-left: 1px #fff solid;
    border-right: 1px #fff solid
}

.section-customer .list-faq .set:first-child {
    border-top: 1px #231f20 solid
}

.section-customer .list-faq .set:last-child {
    border-bottom: 1px #231f20 solid
}

.section-customer .list-faq .set ~ .set {
    border-top: 1px #ddd solid
}

.section-customer .list-faq .set:hover, .section-customer .list-faq .set:focus {
    border: 1px #231f20 solid
}

.section-customer .list-faq .set:hover + .set, .section-customer .list-faq .set:focus + .set {
    border-top: none
}

.section-customer .list-faq .set.active {
    border-top: 1px #ddd solid;
    border-bottom: none;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid
}

.section-customer .list-faq .set.active + .set {
    border-top: 1px #ddd solid
}

.section-customer .list-faq .set.active + .set:hover, .section-customer .list-faq .set.active + .set:focus {
    border-top: 1px #231f20 solid
}

.section-customer .list-faq .set:first-child.active:hover, .section-customer .list-faq .set:first-child.active:focus {
    border-top: 1px #231f20 solid
}

.section-customer .list-faq .set:last-child.active:hover, .section-customer .list-faq .set:last-child.active:focus {
    border-bottom: 1px #231f20 solid
}

.section-customer .list-faq .set:first-child.active, .section-customer .list-faq .set:first-child.active {
    border-top: 1px #231f20 solid
}

.section-customer .list-faq .set:last-child.active, .section-customer .list-faq .set:last-child.active {
    border-bottom: 1px #231f20 solid
}

.section-customer .list-faq .set header {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 29px 0 70px
}

.section-customer .list-faq .set header:after {
    content: "Q";
    display: inline;
    position: absolute;
    top: 0;
    left: 30px;
    font-family: 'Montserrat';
    font-size: 14px
}

html.eng .section-customer .list-faq .set header:after {
    font-size: 13px
}

.section-customer .list-faq .set header a.tit {
    display: inline-block;
    cursor: pointer
}

.section-customer .list-faq .set.active header a.tit {
    font-family: 'RixSGo B'
}

html.eng .section-customer .list-faq .set.active header a.tit {
    font-family: 'Montserrat';
}

.section-customer .list-faq .set header a.tog-arr {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 13px;
    height: 8px;
    margin-top: -3.5px;
    text-indent: -9999999px;
    font-size: 0;
    background: url(/images/common/btn-toggle.png) no-repeat;
    background-size: 13px auto;
    background-position: 50% 0;
    cursor: pointer
}

.section-customer .list-faq .set.active header a.tog-arr {
    background-position: 50% 100%
}

.section-customer .list-faq .set .detail {
    display: none
}

.section-customer .list-faq .set .detail .inner {
    position: relative;
    padding: 30px 70px 26px 100px;
    background: #f4f4f4
}

.section-customer .list-faq .set .detail .inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 70px;
    width: 11px;
    height: 13px;
    background: url(/images/common/ico-faq-detail.png)0 0 no-repeat;
    background-size: 11px auto
}

.section-customer .list-faq .set .detail .inner p {
    line-height: 1.7;
    font-size: 12px;
    word-break: break-all
}

html.eng .section-customer .list-faq .set .detail .inner p {
    font-size: 11px
}

.section-customer .list-faq .set .detail .inner > ul ~ ul {
    margin-top: 17px
}

.section-customer .list-faq .set .detail .inner > ul > li {
    font-size: 12px
}

html.eng .section-customer .list-faq .set .detail .inner > ul > li {
    font-size: 11px
}

.section-customer .list-faq .set .detail .inner > ul > li > strong {
    display: block;
    padding-bottom: 8px
}

.section-customer .list-faq .set .detail .inner > ul > li > ul > li {
    position: relative;
    padding-left: 9px;
    line-height: 1.5em
}

.section-customer .list-faq .set .detail .inner > ul > li > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    border-radius: 100%;
    background: #000
}

.section-customer .list-faq .set .detail .inner > ul > li > ul > li ~ li {
    margin-top: 5px
}

/* 습득물 */
.section-customer .tbl-col.grey table {
    border-top: 1px #231f20 solid;
    border-bottom: 1px #231f20 solid
}

.section-customer .tbl-col.grey table thead tr th {
    padding: 18px 0;
    border-right: none;
    border-bottom: none;
    background: #f4f4f4
}

.section-customer .tbl-col.grey table tbody tr td {
    width: 525px;
    padding: 27px 0;
    text-align: center;
    font-size: 14px;
    border-top: 1px #ddd solid;
    border-right: none;
    border-bottom: none
}

html.eng .section-customer .tbl-col.grey table tbody tr td {
    font-size: 13px
}

.section-customer .tbl-col.grey table tbody tr td.num {
    width: 150px;
    line-height: 1.4em;
    font-family: 'Montserrat';
    font-size: 12px
}

html.eng .section-customer .tbl-col.grey table tbody tr td.num {
    font-size: 11px
}

.section-customer.acquire .note {
    margin-bottom: 30px;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.section-customer.acquire .note p {
    display: inline-block;
    vertical-align: middle
}

.section-customer.acquire .note a {
    width: 224px;
    margin-left: 40px;
    padding: 0 20px
}

.section-customer.acquire .note a, .section-customer.acquire .note a span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-customer.acquire .note a {
    background: #fff url(/images/common/bg-btn-blk.png) 244px 0 no-repeat
}

.section-customer.acquire .note a:hover, .section-customer.acquire .note a:focus {
    border-color: #000;
    background-position: 0 0
}

.section-customer.acquire .note a:hover span, .section-customer.acquire .note a:focus span {
    color: #fff
}

.section-customer.acquire .note a:hover .ico-down, .section-customer.acquire .note a:focus .ico-down {
    background-image: url(/images/common/ico-down-over.png)
}

/* 뉴스레터 */
.section-customer.news.list header.section {
    margin-bottom: 40px
}

.section-customer .list-bx ul li .bx-area p.tit {
    line-height: 1.4em;
    font-size: 20px;
    /* word-break:keep-all */
}

html.eng .section-customer .list-bx ul li .bx-area p.tit {
    font-size: 19px
}

.section-customer .list-bx ul li .bx-area p.tit span {
    display: block;
    line-height: 1.4em
}

html.eng .section-customer .list-bx ul li .bx-area p.tit span {
    font-size: 19px
}

.section-customer .list-bx ul li .bx-area span.date {
    position: absolute;
    left: 30px;
    bottom: 28px;
    font-family: 'Montserrat';
    font-size: 14px
}

html.eng .section-customer .list-bx ul li .bx-area span.date {
    font-size: 13px
}

.section-customer .list-bx ul + .paginate-nav {
    margin-top: 10px
}

.section-customer .list-bx ul li .bx-area:hover, .section-customer .list-bx ul li .bx-area:focus {
    box-shadow: 3px 3px 0 rgba(220,220,220,1.0)
}

/* 오시는길 */
.section-customer.directions header.section {
    border-bottom: none;
    margin-bottom: 0
}

.section-customer.directions .sub-section a.btn-wht {
    float: right;
    width: 108px;
    margin-top: -3px;
    padding: 0 15px;
    border-color: #acacac
}

.section-customer.directions .sub-section a.btn-wht, .section-customer.directions .sub-section a.btn-wht span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-customer.directions .sub-section a.btn-wht {
    background: #fff url(/images/common/bg-btn-blk.png) 108px 0 no-repeat
}

.section-customer.directions .sub-section a.btn-wht:hover, .section-customer.directions .sub-section a.btn-wht:focus {
    border-color: #000;
    background-position: 0 0
}

.section-customer.directions .sub-section a.btn-wht:hover span, .section-customer.directions .sub-section a.btn-wht:focus span {
    color: #fff
}

.section-customer.directions .sub-section a.btn-wht:hover .ico-print, .section-customer.directions .sub-section a.btn-wht:focus .ico-print {
    background-image: url(/images/common/ico-print-over.png)
}

.section-customer.directions .sub-section a.btn-wht:hover .ico-location, .section-customer.directions .sub-section a.btn-wht:focus .ico-location {
    background-image: url(/images/common/ico-location-white.png)
}

.section-customer.directions .sub-section .btns {
    position: absolute;
    right: 0;
    top: 20px;
}

.section-customer.directions .sub-section .btns a.btn-wht {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.section-customer.directions .sub-section .btns a.btn-wht ~ a.btn-wht.ssmall {
    /* margin-top: 10px; */
}

html.eng .section-customer.directions .sub-section .btns a.btn-wht span {
    font-size: 11px
}

.section-customer.directions .map {
    width: 100%;
    height: 480px;
    margin-top: 35px
}

.section-customer.directions .map .iw-container {
	border: none !important;!i;!;
	background: transparent !important;!i;!;
	height:auto !important;
}

.iw-container > div:first-child {display:none;}

.section-customer.directions .map .iw-container .iw-wrap {
	position:static !important;
	width:100%;
	text-align:center;
}

.section-customer.directions .map .iw-container .infoWindow {
    position: relative;
    top: -10px;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    font-weight:600;
    background: #238cfa;
    color: #fff;
}

.section-customer.directions .map .infoWindow:before,
.section-customer.directions .map .infoWindow:after {
	content:'';
	position:absolute;
	left: calc(50% - 3px);
	border: 6px solid transparent;
}

.section-customer.directions .map .infoWindow:before {
    border-top: 6px solid #238cfa;
    top: 34px;
    z-index: 0;
}
.section-customer.directions .map .infoWindow:after {
    top: 24px;
    z-index: 1;
}

.section-customer.directions .sub-section {
    position: relative;
    padding: 60px 0 45px;
}

.section-customer.directions .sub-section ~ .sub-section {
    border-top: 1px #e9e8e8 solid;
}

.section-customer.directions .sub-section:after {
    content: "";
    display: block;
    clear: both
}

.section-customer.directions .sub-section h3 {
    position: relative;
    padding-bottom: 16px;
    font-size: 16px;
    font-family: "RixSGO B"
}

.section-customer.directions .sub-section h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    border-bottom: 3px solid #000
}

html.eng .section-customer.directions .sub-section h3 {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 500
}

html.eng .section-customer.directions .sub-section h3:after {
    display: none
}

.section-customer.directions .sub-section h3 + ul.info, .section-customer.directions .sub-section h3 ~ .cont {
    padding-top: 27px
}

html.eng .section-customer.directions .sub-section h3 + ul.info, html.eng .section-customer.directions .sub-section h3 ~ .cont {
    padding-top: 15px
}

.section-customer.directions .sub-section ul.info li:after {
    content: "";
    display: block;
    clear: both
}

.section-customer.directions .sub-section ul.info li ~ li {
    margin-top: 10px
}

.section-customer.directions .sub-section ul.info li > * {
    float: left;
    line-height: 1.545em
}

.section-customer.directions .sub-section ul.info li > p {
    padding-top: 1px;
    margin-left: 20px;
    font-size: 12px
}

html.eng .section-customer.directions .sub-section ul.info li > p {
    font-size: 14px;
    font-weight: 500
}

.section-customer.directions .sub-section ul.info li.num > p, .section-customer.directions .sub-section ul.info li.num > a {
    font-family: 'Montserrat'
}

.section-customer.directions .sub-section ul.info li.num > .mail {
    width: auto;
    padding-left: 20px;
    background: url(/images/common/bg-mail.png) 0 50% no-repeat;
    background-size: 12px auto
}

.section-customer.directions .sub-section .cont {
    float: left;
    width: 50%
}

.section-customer.directions .sub-section .cont .refer {
    display: block;
    position: relative;
    padding-left: 9px;
    font-size: 12px
}

.section-customer.directions .sub-section .cont .refer:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    font-size: 12px;
    border-radius: 100%;
    background: #000
}

.section-customer.directions .sub-section.section1 p {line-height: 125%;}
.section-customer.directions .sub-section.section1 p > span {display: block;margin-top:5px;}
.section-customer.directions .sub-section.section1 p ~ p{margin-top: 10px;margin-bottom: 25px;}
.section-customer.directions .sub-section.section1 .sub-addr{font-size: 16px;}
.section-customer.directions .sub-section.section1 .half-wrap {display: flex;}
.section-customer.directions .sub-section.section1 .half-wrap .half {width:50%;}
.section-customer.directions .sub-section.section1 .half-wrap .half:nth-child(2n-1) {padding-right:20px;}
.section-customer.directions .sub-section.section1 .half-wrap .half:nth-child(2n) {}
.section-customer.directions .sub-section .info {margin-bottom: 25px;}
.section-customer.directions .sub-section dl {margin-top:20px;}
.section-customer.directions .sub-section dl dd {position:relative;line-height:150%;font-size: 12px;padding-left: 9px;}
.section-customer.directions .sub-section dl dd:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    font-size: 12px;
    border-radius: 100%;
    background: #000;
}
html.eng .section-customer.directions .sub-section.section1 > p, html.eng .section-customer.directions .sub-section.section1 > p * {
    font-size: 14px
}

html.eng .section-customer.directions .sub-section.section1 > p strong {
    font-weight: 500
}

.section-customer.directions .sub-section.section1 ul.info li.num > strong {
    width: 110px
}

.section-customer.directions .sub-section.section1 ul.info li.num > a, .section-customer.directions .sub-section.section1 ul.info li.num > span {
    width: 124px;
    margin-top: 2px;
    font-size: 12px
}

html.eng .section-customer.directions .sub-section.section1 ul.info li.num > strong {
    width: 175px;
    font-weight: 500;
    font-size: 14px
}

.section-customer.directions .sub-section.section2 > p {
    margin-bottom: 47px;
    font-size: 30px
}

html.eng .section-customer.directions .sub-section.section2 > p {
    font-size: 24px;
    line-height: 1.5em
}

html.eng .section-customer.directions .sub-section.section2 > p span {
    font-size: 24px
}

html.eng .section-customer.directions .sub-section.section2 ul {
    margin-top: 10px
}

html.eng .section-customer.directions .sub-section.section2 ul li {
    line-height: 1.545em
}

html.eng .section-customer.directions .sub-section.section2 ul li ~ li {
    margin-top: 7px
}

.section-customer.directions .sub-section.section3 .cont ul.info li > p {
    margin-left: 0
}

.section-customer.directions .sub-section.section3 .cont ul.info li.day1 > strong {
    letter-spacing: 0.8em;
    margin-right: 0.8em
}

.section-customer.directions .sub-section.section3 .cont ul.info li.day2 > strong {
    letter-spacing: 0.8em;
    margin-right: 0.8em
}

html.eng .section-customer.directions .sub-section.section3 .cont ul.info li.day1 > strong {
    letter-spacing: 0;
    margin-right: 25px
}

html.eng .section-customer.directions .sub-section.section3 .cont ul.info li.day2 > strong {
    letter-spacing: 0;
    margin-right: 25px
}

.section-customer.directions .sub-section.section3 .cont ul.info li.num > p {
    font-size: 14px
}

.section-customer.directions .sub-section.section3 .cont2 ul.info li.num > strong {
    margin-right: 1.6em
}

html.eng .section-customer.directions .sub-section.section3 .cont2 ul.info li.num > strong {
    font-size: 14px
}

.section-customer.directions .sub-section.section3 .cont .refer {
    margin-top: 16px
}

.section-customer.directions .view-content.newyork .sub-section .cont ul.info li ~ li {
    margin-top: 8px
}

.section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.num a, .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.num span {
    font-size: 12px
}

html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > strong {
    font-size: 14px;
    font-weight: 500
}

html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > p {
    font-size: 12px;
    font-weight: normal;
    padding-top: 2px
}

html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.contact {
    margin-top: 25px
}

.section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.contact a + span, .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.contact span + span {
    padding: 0 0.3em
}

.section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.contact .mail {
    margin-left: 20px
}

.section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li > p {
    font-size: 14px
}

html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 > strong.tit {
    font-size: 14px;
    font-weight: 500
}

.section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info {
    margin-top: 25px
}

.section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li > p {
    margin-left: 0;
    padding-top: 0
}

.section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li.day1 > strong {
    letter-spacing: 0.8em;
    margin-right: 0.5em
}

.section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li.day2 > strong {
    letter-spacing: 0.9em;
    margin-right: 0.4em
}

html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li.day1 > strong, html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li.day2 > strong {
    letter-spacing: 0;
    margin-right: 0;
    width: 90px;
    font-size: 14px
}

.section-customer.directions .view-content.newyork .sub-section .cont .refer {
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .section-customer.directions .view-content {
        padding:0 15px
    }

    .section-customer.directions .sub-section {
        padding: 28px 0 27px
    }

    .section-customer.directions .sub-section h3 {
        font-size: 15px;
        padding-bottom: 0
    }

    html.eng .section-customer.directions .sub-section h3 {
        font-size: 15px
    }

    .section-customer.directions .sub-section h3:after {
        display: none
    }

    .section-customer.directions .sub-section ul.info li {
    }

    .section-customer.directions .sub-section ul.info li > strong, html.eng .section-customer.directions .sub-section ul.info li > strong {
        font-size: 11px
    }

    .section-customer.directions .sub-section ul.info li > p {
        color: #777;
        font-size: 11px;
        padding-top: 0
    }

    html.eng .section-customer.directions .sub-section ul.info li > p {
        font-size: 11px;
        font-weight: normal
    }

    .section-customer.directions .sub-section .cont {
        float: none;
        width: 100%;
    }

    .section-customer.directions .sub-section h3 + ul.info, .section-customer.directions .sub-section h3 ~ .cont {
        padding-top: 19px
    }

    .section-customer.directions .sub-section .cont ~ .cont {
        margin-top: 25px;
        padding-top: 25px;
    }

    .section-customer.directions .sub-section.section2  .cont ~ .cont {
        border-top: 1px #e9e8e8 solid;
    }
    
    html.eng .section-customer.directions .sub-section .cont ~ .cont {
        margin-top: 0;
        padding-top: 10px
    }

    .section-customer.directions .sub-section .cont .refer {
        font-size: 11px
    }

    .section-customer.directions .sub-section .btns {
        position: relative;
        right: auto;
        top: auto;
        padding: 0 20px;
        margin-bottom: 27px
    }

    .section-customer.directions .sub-section .btns .btn-wht {
        display: block;
        width: 100%;
        border-radius: 0;
        font-size: 11px;
        height: 35px
    }

    .section-customer.directions .sub-section .btns .btn-wht ~ .btn-wht {
        display: none
    }

    .section-customer.directions .sub-section .btns .btn-wht span {
        line-height: 33px;
        text-align: left
    }

    .section-customer.directions .sub-section .btns .btn-wht, .section-customer.directions .sub-section .btns .btn-wht span, .section-customer.directions .sub-section .btns .btn-wht:hover, .section-customer.directions .sub-section .btns .btn-wht:focus, .section-customer.directions .sub-section .btns .btn-wht:hover span, .section-customer.directions .sub-section .btns .btn-wht:focus span {
        background: #fff;
        color: #000
    }

    .section-customer.directions .sub-section .btns .btn-wht span {
        background: #fff url(/images/common/ico-location-m.png) 100% 52% no-repeat !important;
        background-size: 10px auto !important
    }

    .section-customer.directions .sub-section.section1 {
        padding-top: 30px
    }

    .section-customer.directions .sub-section.section1 > p, html.eng .section-customer.directions .sub-section.section1 > p {
        font-size: 13px;
        margin-bottom: 15px
    }

	.section-customer.directions .sub-section.section1 .half-wrap {flex-wrap:wrap;}
	.section-customer.directions .sub-section.section1 .half-wrap .half {width:100%;}
    .section-customer.directions .sub-section.section1 .half-wrap .half ~ .half {margin-top:35px;padding-top:20px;border-top:1px solid #e9e8e8}
    html.eng .section-customer.directions .sub-section.section1 > p {
        line-height: 1.461em
    }

    html.eng .section-customer.directions .sub-section.section1 > p * {
        font-size: 13px
    }

    .section-customer.directions .sub-section.section1 ul.info li > * {
        float: none;
        display: inline-block
    }

    .section-customer.directions .sub-section.section1 ul.info li.num > strong {
        width: auto;
        margin-right: 20px
    }

    html.eng .section-customer.directions .sub-section.section1 ul.info li.num > strong {
        width: auto;
        margin-right: 10px;
        font-size: 11px
    }

    .section-customer.directions .sub-section.section1 ul.info li.num > a, .section-customer.directions .sub-section.section1 ul.info li.num > span {
        width: auto;
        margin-right: 20px;
        color: #777
    }

    html.eng .section-customer.directions .sub-section.section1 ul.info li.num > a, html.eng .section-customer.directions .sub-section.section1 ul.info li.num > span {
        font-size: 11px
    }

    .section-customer.directions .sub-section.section1 ul.info li.num > a ~ a, .section-customer.directions .sub-section.section1 ul.info li.num > span ~ a {
        margin-right: 0
    }

    .section-customer.directions .sub-section.section2 > p, html.eng .section-customer.directions .sub-section.section2 > p {
        margin-bottom: 25px;
        font-size: 15px;
        line-height: 1.4em
    }

    .section-customer.directions .sub-section.section2 > p span {
        display: block;
        line-height: 1.4em
    }

    html.eng .section-customer.directions .sub-section.section2 > p span {
        display: inline;
        font-size: 15px
    }

    html.eng .section-customer.directions .sub-section.section2 > p br {
        display: none
    }

    html.eng .section-customer.directions .sub-section.section2 ul {
        margin-top: 18px
    }

    html.eng .section-customer.directions .sub-section.section2 ul li {
        font-size: 11px;
        color: #777
    }

    html.eng .section-customer.directions .sub-section.section2 ul li ~ li {
        margin-top: 5px
    }

    .section-customer.directions .sub-section.section2 .cont1 ul.info li > strong {
        width: 5em
    }

    .section-customer.directions .sub-section.section2 .cont1 ul.info li > p {
        margin-left: 0;
        /* width:calc(100% - 5em) */
    }

    .section-customer.directions .sub-section.section2 .cont2 ul.info li > strong {
        width: 9.5em
    }

    .section-customer.directions .sub-section.section2 .cont2 ul.info li > p {
        margin-left: 0;
        width: calc(100% - 9.5em)
    }

    .section-customer.directions .sub-section.section2 .cont2 ul.info li ~ li > strong {
        width: 7.5em
    }

    .section-customer.directions .sub-section.section2 .cont2 ul.info li ~ li > p {
        margin-left: 0;
        width: calc(100% - 7.5em)
    }

    .section-customer.directions .sub-section.section3 {
        padding-bottom: 0
    }

    .section-customer.directions .sub-section.section3 .cont ~ .cont {
        margin-top: 0
    }

    .section-customer.directions .sub-section.section3 h3 ~ .cont2 {
        padding-top: 10px
    }

    html.eng .section-customer.directions .sub-section.section3 .cont ul.info li > strong {
        width: 145px;
        font-weight: 500
    }

    .section-customer.directions .sub-section.section3 .cont ul.info li.num > p {
        font-size: 11px
    }

    .section-customer.directions .sub-section.section3 .cont1 ul.info li > strong span {
        font-size: 11px
    }

    html.eng .section-customer.directions .sub-section.section3 .cont2 ul.info li.num > strong {
        font-size: 11px
    }

    html.eng .section-customer.directions .sub-section.section3 .cont ul.info li.day1 > strong, html.eng .section-customer.directions .sub-section.section3 .cont ul.info li.day2 > strong, html.eng .section-customer.directions .sub-section.section3 .cont ul.info li.day3 > strong {
        margin-right: 0
    }

    .section-customer.directions .view-content.newyork .sub-section {
        padding: 30px 0 0 0
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 > strong.tit {
        font-size: 15px
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont ul.info li > strong {
        font-weight: 500;
        font-size: 11px
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > strong {
        font-size: 11px
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li ~ li {
        margin-top: 15px
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > strong, .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > p {
        float: none
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > p {
        font-size: 11px
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.num a, .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.num span {
        font-size: 11px;
        color: #777
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.contact > * {
        margin-bottom: 5px
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.contact {
        margin-top: 15px
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li.num .mail {
        display: block;
        float: none;
        clear: both;
        margin-left: 0;
        margin-bottom: 0
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info1 ul.info li > p {
        margin-left: 0;
        margin-top: 7px
    }

    .section-customer.directions .view-content.newyork .sub-section .cont.info2 {
        margin-top: 28px;
        padding-top: 30px;
        border-top: 1px solid #e9e8e8
    }

    /* html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 {margin-top:27px}*/
    .section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li > p {
        font-size: 11px
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li.day1 > strong, html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info li.day2 > strong {
        font-size: 11px;
        width: 75px
    }

    html.eng .section-customer.directions .view-content.newyork .sub-section .cont.info2 ul.info {
        margin-top: 17px
    }
}

/*.section-customer.directions .sub-section h3 {padding-bottom:29px; font-family:'RixSGo B'; font-size:24px}
html.eng .section-customer.directions .sub-section h3 {font-family:'Montserrat'; font-weight:500; font-size:23px}
.section-customer.directions .sub-section h3:after {content:""; display:block; clear:both}
.section-customer.directions .sub-section .cont {width:50%}
.section-customer.directions .sub-section .cont.info1 {float:left}
.section-customer.directions .sub-section .cont.info2 {float:right}
.section-customer.directions .sub-section .cont strong.tit {display:block}
html.eng .section-customer.directions .sub-section .cont strong.tit {font-weight:500}
.section-customer.directions .sub-section .cont p {font-size:12px}
html.eng .section-customer.directions .sub-section .cont p {font-size:11px}
.section-customer.directions .sub-section .cont strong.tit + p {margin-top:14px}
html.eng .section-customer.directions .sub-section .cont strong.tit + p {margin-top:10px; line-height:1.6}
.section-customer.directions .sub-section .cont p + strong {margin-top:28px}
.section-customer.directions .sub-section .cont span.refer {display:block; position:relative; padding-left:9px; font-size:12px}
html.eng .section-customer.directions .sub-section .cont span.refer {font-size:11px}
.section-customer.directions .sub-section .cont span.refer:after {content:""; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; font-size:12px; border-radius:100%; background:#000}
html.eng .section-customer.directions .sub-section .cont span.refer:after {font-size:11px}
.section-customer.directions .sub-section.subway {padding:53px 0 39px padding:48px 0; min-height:176px}
.section-customer.directions .sub-section.subway h3 {padding-bottom:21px}
.section-customer.directions .sub-section.subway .cont p span {color:#e1002a}
.section-customer.directions .sub-section.bus .cont strong.tit.bus1 {color:#e1002a}
.section-customer.directions .sub-section.bus .cont strong.tit.bus2 {color:#1375d6}
.section-customer.directions .sub-section.bus .cont strong.tit.bus3 {color:#3d9c22}
.section-customer.directions .sub-section.car {padding:40px 0 36px}
.section-customer.directions .sub-section.car .cont ul {margin-top:10px}
.section-customer.directions .sub-section.car .cont ul:after {content:""; display:block; clear:both}
.section-customer.directions .sub-section.car .cont ul li {float:left; line-height:1.7em; font-size:12px}
html.eng .section-customer.directions .sub-section.car .cont ul li {font-size:11px}
.section-customer.directions .sub-section.car .cont ul li span.arr {display:inline-block; width:30px; line-height:1.6em; text-indent:-9999999px; background:url(/images/common/bg-directions-arr.png)50% 50% no-repeat; background-size:10px auto}
.section-customer.directions .sub-section.car .cont ul li br,
.section-customer.directions .sub-section.parking .cont ul li br {display:none}
html.eng .section-customer.directions .sub-section.car .cont.info1 p {width:88%}
html.eng .section-customer.directions .sub-section.car .cont.info2 li {float:none; display:inline}
html.eng .section-customer.directions .sub-section.parking {width:100%}
html.eng .section-customer.directions .sub-section.parking p {line-height:1.6}
.section-customer.directions .sub-section.parking .cont ul li {margin-top:14px; font-size:12px}
html.eng .section-customer.directions .sub-section.parking .cont ul li {font-size:11px}
.section-customer.directions .sub-section.parking .cont span.refer {margin-top:32px}
.section-customer.directions .sub-section.etc .cont ul {margin-top:38px}
.section-customer.directions .sub-section.etc .cont ul li {display:inline-block}
.section-customer.directions .sub-section.etc .cont ul li ~ li {margin-top:14px}
html.eng .section-customer.directions .sub-section.etc .cont ul li ~ li {margin-top:25px}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li:nth-child(2) ~ li  {margin-top:10px}
.section-customer.directions .sub-section.etc .cont ul li.num {font-family:'Montserrat'}
.section-customer.directions .sub-section.etc .cont.info1 ul li.num {font-size:12px}
html.eng .section-customer.directions .sub-section.etc .cont.info1 ul li.num {font-size:11px}
.section-customer.directions .sub-section.etc .cont.info2 ul li.num {font-size:14px}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li.num {font-size:13px}
.section-customer.directions .sub-section.etc .cont ul li strong.tit {display:inline-block; font-size:14px}
html.eng .section-customer.directions .sub-section.etc .cont ul li strong.tit {font-size:13px}
.section-customer.directions .sub-section.etc .cont.info1 ul li strong.tit {width:110px}
html.eng .section-customer.directions .sub-section.etc .cont.info1 ul li strong.tit {width:100%; margin-bottom:10px}
.section-customer.directions .sub-section.etc .cont.info2 ul li strong.tit {width:102px}
.section-customer.directions .sub-section.etc .cont.info2 ul li strong.tit span {padding:0 23px}
.section-customer.directions .sub-section.etc .cont.info2 ul li:first-child strong.tit {letter-spacing:0.8em}
.section-customer.directions .sub-section.etc .cont ul li span.mail {display:inline-block; margin-left:19px; padding-left:20px; line-height:inherit; background:url(/images/common/bg-mail.png)0 50% no-repeat; background-size:12px auto}
.section-customer.directions .sub-section.etc .cont ul li span.mail a {display:inline-block; font-family:'Montserrat'}
.section-customer.directions .sub-section.etc .cont ul li:first-child + li span.mail {margin-left:16px}
.section-customer.directions .sub-section.etc .cont.info2 ul {width:540px}
html.eng .section-customer.directions .sub-section.etc .cont strong.tit,
html.eng .section-customer.directions .sub-section.etc .cont.info1 ul li.num,
html.eng .section-customer.directions .sub-section.etc .cont ul li span.mail a,
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li.num,
html.eng .section-customer.directions .sub-section.etc .cont.info1 ul li strong.tit,
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li strong.tit {font-weight:500}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul {width:100%}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li {width:50%}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li strong.tit {width:68px; font-weight:500; letter-spacing:0}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li:nth-child(2) strong.tit {width:180px}
.section-customer.directions .sub-section.etc .cont.info2 ul:after {content:""; display:block; clear:both}
.section-customer.directions .sub-section.etc .cont.info2 ul li:first-child {float:left}
.section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li {float:right; margin-top:0}
.section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li span.refer {margin-top:15px; font-family:'RixSGo M'}
html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li span.refer {font-family:'Montserrat'; font-weight:400}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul {margin-top:0}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li:last-child {margin-top:28px}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li strong.tit {width:124px}
.section-customer.directions .view-content.newyork .sub-section.etc {padding:50px 0 40px}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 {float:left; width:calc(50% - 105px)}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul {width:100%; margin-top:28px}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li {float:none; display:block}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li ~ li {margin-top:12px}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li strong {width:128px; letter-spacing:0.8em}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li span {padding:0 3px}
.section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 .refer {margin-top:19px}
.section-customer.directions .view-content.newyork .sub-section.etc a.btn-wht.ssmall {margin-top:0}
html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li strong.tit {width:235px; margin-bottom:0}
html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li ~ li {margin-top:14px}
html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li:last-child {margin-top:28px}
html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li {width:100%; font-weight:500}
html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li strong.tit {display:inline-block; width:68px; margin-right:25px; font-weight:400; letter-spacing:0}
html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li:nth-child(2) strong.tit {width:68px}*/
/* 회원/예매안내 */
.section-customer.booking header.section {
    margin-bottom: 0
}

.section-customer.booking .section header.content {
    margin-bottom: 80px
}

.section-customer.booking .section header.content > img.m {
    display: none
}

.section-customer.booking .section header.content strong {
    display: block;
    font-size: 16px;
    text-align: center
}

html.eng .section-customer.booking .section header.content strong {
    font-size: 15px
}

html.eng .section-customer.booking .section header.content strong span {
    font-size: 15px
}

.section-customer.booking .section header.content strong > span.m {
    display: none
}

.section-customer.booking .list-border > ul {
    margin-top: -43px
}

.section-customer.booking .list-border > ul > li {
    width: 50%;
    margin-top: 43px
}

.section-customer.booking .list-border > ul > li ul.list-text > li span {
    display: block;
    line-height: 1.6
}

.section-customer.booking .list-border > ul > li ul.list-text + p {
    margin-top: 4px
}

.section-customer.booking .list-border > ul > li .rel:before {
    content: "※";
    margin-right: 10px;
    font-size: 12px
}

html.eng .section-customer.booking .list-border > ul > li .rel:before {
    font-size: 11px
}

/* Quick 메뉴 */
/* 뉴스레터 */
.section-quick.newsletter section.section ~ section.section {
    margin-top: 60px
}

.section-quick.newsletter header.content {
    margin-bottom: 23px
}

.section-quick.newsletter header.content h3 {
    padding-bottom: 18px;
    font-family: 'RixSGo B';
    font-size: 24px
}

html.eng .section-quick.newsletter header.content h3 {
    font-family: 'Montserrat';
    font-size: 23px
}

.section-quick.newsletter h3 + .list-text li {
    line-height: 2
}

.section-quick.newsletter h3 + .list-text li:after {
    top: 0.75em
}

.section-quick.newsletter .tbl-row table th {
    width: 10.83%
}

.section-quick.newsletter .tbl-row table td {
    width: 39.17%
}

.section-quick.newsletter .tbl-row table td input[type="text"] {
    width: 400px
}

.section-quick.newsletter .tbl-row table td .inp {
    display: inline-block;
    float: none
}

.section-quick.newsletter .tbl-row table td .inp input[type="checkbox"] + label ~ label {
    margin-left: 50px
}

.section-quick.newsletter .tbl-row table td .inp + .guide {
    float: none;
    margin-left: 37px
}

html.eng .section-quick.newsletter .tbl-row table td .inp .guide {
    float: none;
    margin-left: 37px
}

html.eng .section-quick.newsletter .tbl-row table td .inp .m {
    display: inline-block;
    margin-left: 50px
}

.section-quick.newsletter .tbl-row table td.agree label {
    padding-left: 38px;
    font-size: 12px
}

html.eng .section-quick.newsletter .tbl-row table td.agree label a {
    font-size: 11px
}

.section-quick.newsletter .tbl-row table td.agree label a {
    text-decoration: underline
}

.section-quick.newsletter section.section ~ section.section .tbl-row table td {
    width: 89.07%
}

.section-quick.newsletter section.section ~ section.section .tbl-row table td input[type="text"] {
    width: 400px
}

.section-quick.newsletter .btns-submit .list-text {
    margin: -10px 0 38px
}

.section-quick.newsletter .btns-submit .list-text li {
    display: inline-block;
    color: #767676
}

.section-quick.newsletter .btns-submit .list-text li > strong a {
    color: #000
}

.section-quick.newsletter .btns-submit .list-text li > strong a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11px
}

html.eng .section-quick.newsletter .btns-submit .list-text li > span {
    font-size: 11px
}

.section-quick.newsletter .btns-submit a {
    min-width: auto;
    width: 123px
}

html.eng .section-quick.newsletter .btns-submit a {
    width: 200px
}

/* 170517 */
/*.section-quick.newsletter .btns-submit a.cancel {background:#fff}
.section-quick.newsletter .btns-submit a.cancel span {color:#767676; background-image:url(/images/common/ico-arrow-gry.png)}*/
/* 개인정보취급방침 팝업 */
.popup-clause .popup-section {
    width: 700px
}

.popup-clause .popup-section .popup-content {
    height: 524px;
    overflow: auto
}

.popup-clause .popup-content .clause-content ~ .clause-content {
    margin-top: 30px
}

.popup-clause .popup-content .clause-content h4 {
    padding-bottom: 15px;
    font-family: 'RixSGo B';
    font-size: 16px
}

html.eng .popup-clause .popup-content .clause-content h4 {
    font-family: 'Montserrat';
    font-size: 15px
}

.popup-clause .popup-section .popup-content .bx-scroll {
    height: 140px;
    padding-right: 25px;
    font-size: 12px
}

html.eng .popup-clause .popup-section .popup-content .bx-scroll {
    font-size: 11px
}

.popup-clause .popup-section .popup-content .bx-scroll strong {
    display: block;
    padding-bottom: 20px;
    font-family: 'RixSGo M'
}

html.eng .popup-clause .popup-section .popup-content .bx-scroll strong {
    font-family: 'Montserrat';
    font-weight: 400
}

.popup-clause .popup-section .popup-content .bx-scroll strong ~ strong {
    padding-top: 20px
}

.popup-clause .popup-section .popup-content .bx-scroll strong, .popup-clause .popup-section .popup-content .bx-scroll ul li, .popup-clause .popup-section .popup-content .bx-scroll p {
    line-height: 1.8
}

.popup-clause .popup-section .popup-content .bx-scroll ul {
    margin-top: 5px
}

.popup-clause .popup-section .popup-content .bx-scroll ul > li > ul {
    margin: 5px 0 5px 5px
}

/* 통합검색 */
.section-quick.search header.section {
    margin-bottom: 30px
}

.section-quick.search .search-basic {
    padding-bottom: 0
}

.section-quick.search .search-basic .search-bar input[type="text"] {
    font-size: 20px;
    color: #767676
}

html.eng .section-quick.search .search-basic .search-bar input[type="text"] {
    font-size: 19px
}

.section-quick.search .result-content ~ .result-content {
    margin-top: 77px
}

.section-quick.search .result-content .related-contents:after {
    content: "";
    display: block;
    clear: both
}

.section-quick.search .result-content .related-contents .list {
    float: left;
    width: 25%
}

/*.section-quick.search .result-content .works-list ul li {float:left; width:190px; margin:30px 0 0 62px}
.section-quick.search .result-content .works-list ul li:nth-child(5n + 1) {margin-left:0}*/
.section-quick.search .result-content .works-list > ul > li:after {
    content: "";
    display: block;
    clear: both
}

.section-quick.search .result-content .works-list > ul > li > .img {
    float: left;
    overflow: hidden;
    width: 150px;
    height: 84px
}

.section-quick.search .result-content .works-list > ul > li > .img > a {
    display: block;
    height: 84px
}

.section-quick.search .result-content .works-list > ul > li > .img > a img {
    width: 100%
}

.section-quick.search .result-content .works-list > ul > li > .info {
    float: left;
    display: flex;
    width: calc(100% - 150px);
    height: 84px;
    padding: 0 30px;
    flex-direction: column;
    justify-content: center
}

.section-quick.search .result-content .works-list > ul > li > .info strong {
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 40px;
    margin-bottom: 8px
}

.section-quick.search .result-content .works-list > ul > li > .info strong a {
    line-height: 1.3em;
    font-family: 'RixSGo M', 'Montserrat';
    font-size: 16px
}

html.eng .section-quick.search .result-content .works-list > ul > li > .info strong a {
    font-family: 'Montserrat', 'RixSGo M';
    font-weight: 400;
    font-size: 15px
}

.section-quick.search .result-content .works-list > ul > li > .info > span {
    display: block;
    max-height: 30px;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 12px;
    color: #767676
}

.section-quick.search .result-content .works-list > ul > li > .info > span a {
    line-height: 1.3em;
    font-size: 12px;
    color: #767676
}

html.eng .section-quick.search .result-content .works-list > ul > li > .info > span {
    height: 30px
}

html.eng .section-quick.search .result-content .works-list > ul > li > .info > span a {
    font-size: 12px
}

.section-quick.search .result-content .tbl-basic table {
    border-top-width: 1px
}

.section-quick.search .result-content.works {
    margin-top: 60px
}

.section-quick.search .result-content.all + .result-content.works {
    padding-top: 60px;
    border-top: 1px solid #000
}

.section-quick.search .result-content.doc .tbl-basic table td.tit {
    width: calc(100% - 140px)
}

html.eng .section-quick.search .result-content.doc .tbl-basic table td.tit {
    width: calc(100% - 190px)
}

.section-quick.search .result-content.doc .tbl-basic table td.down {
    width: 140px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

html.eng .section-quick.search .result-content.doc .tbl-basic table td.down {
    width: 190px
}

.section-quick.search .result-content.notice .tbl-basic table td {
    padding: 31px 30px 26px;
    font-size: 0;
    position: relative;
}

.section-quick.search .result-content.notice .tbl-basic table td p.title {
    padding-bottom: 15px;
    font-size: 14px;
    width: 90%;
    display: inline-block;
}

.section-quick.search .result-content.notice .tbl-basic table td p.cont {
    overflow: hidden;
    display: inline-block;
    height: 42px;
    line-height: 1.8;
    font-size: 12px;
    width: 90%;
}

.section-quick.search .result-content.notice .tbl-basic table td p.cont.notice {
    width: 100%;
}

.section-quick.search .result-content.notice .tbl-basic table td p.date {
    position: absolute;
    top: 31px;
    width: 10%;
    display: inline-block;
    font-size: 13px;
    text-align: right;
}

html.eng .section-quick.search .result-content.notice .tbl-basic table td p.cont {
    font-size: 11px
}

.section-quick.search .searched-artists .artist:first-child {
    border-top: 1px solid #231f20
}

.section-quick.search .searched-artists .artist {
    display: table;
    width: 100%;
    border-bottom: 1px solid #231f20
}

.section-quick.search .searched-artists .artist .inner {
    display: table-row
}

.section-quick.search .searched-artists .artist .inner .img, .section-quick.search .searched-artists .artist .inner .name, .section-quick.search .searched-artists .artist .inner .info {
    display: table-cell;
    padding: 60px 0 80px;
    vertical-align: top
}

.section-quick.search .searched-artists .artist .inner .img {
    padding-right: 40px
}

.section-quick.search .searched-artists .artist .inner .img img {
    width: 150px
}

.section-quick.search .searched-artists .artist .inner .name {
    padding-right: 20px
}

.section-quick.search .searched-artists .artist .inner .name em {
    font-style: normal;
    display: block;
    padding-bottom: 19px;
    font-size: 12px
}

html.eng .section-quick.search .searched-artists .artist .inner .name em {
    font-size: 11px
}

.section-quick.search .searched-artists .artist .inner .name strong {
    display: block;
    min-width: 310px;
    padding-bottom: 34px;
    font-family: 'RixSGo M';
    font-size: 30px
}

html.eng .section-quick.search .searched-artists .artist .inner .name strong, html.eng .section-quick.search .searched-artists .artist .inner .name strong a {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 29px
}

html.eng .section-quick.search .searched-artists .artist .inner .name strong span {
    font-size: 29px
}

.section-quick.search .searched-artists .artist .inner .name .eng {
    font-family: 'Montserrat'
}

.section-quick.search .searched-artists .artist .inner .info {
    position: relative;
    width: 695px;
    line-height: 1.9;
    font-size: 12px
}

html.eng .section-quick.search .searched-artists .artist .inner .info {
    font-size: 11px
}

.section-quick.search .searched-artists .artist .inner .info p {
    line-height: 1.9;
    font-size: 12px
}

html.eng .section-quick.search .searched-artists .artist .inner .info p {
    font-size: 11px
}

.section-quick.search .searched-artists .artist .inner .info ul li {
    margin-top: 4px;
    line-height: 1.9;
    font-size: 12px
}

html.eng .section-quick.search .searched-artists .artist .inner .info ul li {
    font-size: 11px
}

.section-quick.search .searched-artists .artist .inner .info a.more {
    position: absolute;
    right: 0;
    bottom: 75px;
    width: 35px;
    height: 18px;
    font-size: 0;
    text-indent: -9999em
}

.section-quick.search .searched-artists .artist .inner .info a.more span {
    display: block;
    height: 18px;
    font-size: 0;
    background-position: 0 50%
}

/* 푸터 */
/* 개인정보취급방침 */
.section-footer.personal-policy header.section {
    margin-bottom: 37px
}

.section-footer.personal-policy p.cont {
    padding-right: 65px;
    line-height: 1.7em;
    font-size: 12px;
    word-break: keep-all
}

html.eng .section-footer.personal-policy p.cont {
    font-size: 11px
}

.section-footer.personal-policy p.cont ~ p.cont {
    margin-top: 20px
}

.section-footer.personal-policy .tab-detail {
    margin-top: 55px
}

.section-footer.personal-policy .tab-detail > a {
    display: none
}

.section-footer.personal-policy a.btn-wht {
    margin-top: 10px
}

.section-footer.personal-policy a.btn-wht span.ico-down {
    padding-left: 25px
}

.section-footer.personal-policy .view-content ul.list-text li ~ li {
    margin-top: 5px
}

.section-footer.personal-policy .view-content ul.list-text.type2 li {
    line-height: 1.7em;
    padding-left: 0;
    font-size: 14px;
}

.section-footer.personal-policy .view-content span.refer {
    display: block;
    margin-left: -13px;
    line-height: inherit
}

.section-footer.personal-policy .view-content > ul.list-policy > li ~ li {
    padding-top: 36px
}

.section-footer.personal-policy .view-content > ul.list-policy > li > h4 {
    padding-bottom: 16px;
    font-family: 'RixSGo B';
    font-size: 14px
}

html.eng .section-footer.personal-policy .view-content > ul.list-policy > li > h4 {
    font-family: 'Montserrat';
    font-size: 13px
}

.section-footer.personal-policy .view-content > ul.list-policy > li > p.cont ~ p.cont {
    margin-top: 15px
}

.section-footer.personal-policy .view-content > ul.list-policy > li > ul > li {
    padding-top: 15px;
    font-size: 12px
}

html.eng .section-footer.personal-policy .view-content > ul.list-policy > li > ul > li {
    font-size: 11px
}

.section-footer.personal-policy .view-content > ul.list-policy > li > p.cont + ul.list-text {
    margin-top: 15px
}

.section-footer.personal-policy .view-content > ul.list-policy > li > ul.list-text > li {
    padding-top: 0
}

.section-footer.personal-policy .view-content > ul.list-policy > li > ul > li strong.tit {
    display: block;
    padding-bottom: 14px;
    font-family: 'RixSGo M';
    font-size: 12px;
}

html.eng .section-footer.personal-policy .view-content > ul.list-policy > li > ul > li strong.tit {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 11px
}

.section-footer.personal-policy .view-content > ul.list-policy > li > ul > li > ul > li ~ li {
    padding-top: 15px
}

.section-footer.personal-policy .view-content.policy2 > ul.list-policy > li {
    padding-top: 36px
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li {
    line-height: 1.7em
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li ~ li {
    margin-top: 0
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li:before {
    content: "◎";
    display: inline-block;
    margin-right: 5px
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li:after {
    display: none
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li > ul {
    margin-left: -11px
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li > ul li {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0
}

.section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li > ul li:after {
    content: "";
    display: none
}

.section-footer.personal-policy .view-content.policy2 > ul.list-text.type2 {
    margin-top: 11px
}

.section-footer.personal-policy .view-content.policy2 > p.cont {
    margin-top: 37px;
    line-height: 1.7em;
    margin-bottom: 30px;
}

.section-footer.personal-policy .view-content.policy2 strong.tit + p.cont {
    padding-bottom: 15px
}

.section-footer.personal-policy .view-content.policy2 a.link-blk {
    margin-top: 50px
}

.section-footer.personal-policy .view-content.policy2 a.link-blk span em {
    font-style: normal
}

.section-footer.personal-policy .view-content.policy3 ul.list-text > li > ul {
    margin-left: -11px
}

.section-footer.personal-policy .view-content.policy3 ul.list-text > li > ul li {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0
}

.section-footer.personal-policy .view-content.policy3 ul.list-text > li > ul li:after {
    content: "";
    display: none
}

/* 이메일무단수집거부 팝업 */
.popup-refuse-email .popup-section {
    width: 500px
}

.popup-refuse-email .popup-section header {
    padding: 24px 30px 16px
}

.popup-refuse-email .popup-section header h3 {
    display: none
}

.popup-refuse-email .popup-section .popup-content {
    padding: 0 30px 35px
}

.popup-refuse-email .popup-section p.desc {
    width: 100%;
    padding-top: 79px;
    line-height: 1.7em;
    text-align: center;
    font-size: 12px;
    background: url(/images/common/ico-refuse-email.png) 50% 0 no-repeat;
    background-size: 78px auto
}

html.eng .popup-refuse-email .popup-section p.des {
    font-size: 11px
}

.popup-refuse-email .popup-section p.desc strong.tit {
    display: block;
    padding-bottom: 15px;
    font-family: 'RixSGo M';
    font-size: 24px
}

html.eng .popup-refuse-email .popup-section p.desc strong.tit {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 23px
}

.popup-refuse-email .popup-section p.desc span {
    display: block;
    line-height: inherit
}

.popup-refuse-email .popup-section p.desc span.m {
    display: inline
}

.popup-refuse-email .popup-section p.desc span.date {
    padding-top: 11px
}

/* 사이트맵 */
.section-footer.sitemap header.section {
    margin-bottom: 0
}

.section-footer.sitemap .tbl-sitemap table {
    table-layout: fixed
}

.section-footer.sitemap .tbl-sitemap table tbody tr th, .section-footer.sitemap .tbl-sitemap table tbody tr td {
    /* height:98px; */
    padding: 42px 0 41px;
    text-align: left;
    border-bottom: 1px #ddd solid
}

.section-footer.sitemap .tbl-sitemap table tbody tr th {
    position: relative;
    font-family: 'RixSGo B';
    font-size: 18px
}

html.eng .section-footer.sitemap .tbl-sitemap table tbody tr th {
    font-family: 'Montserrat';
}

.section-footer.sitemap .tbl-sitemap table tbody tr th:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 54px;
    width: 6px;
    height: 11px;
    margin-top: -6px;
    background: url(/images/common/bg-sitemap-arr.png)0 0 no-repeat;
    background-size: 6px auto
}

.section-footer.sitemap .tbl-sitemap table tbody tr.program th {
    vertical-align: top
}

.section-footer.sitemap .tbl-sitemap table tbody tr.program th:after {
    content: "";
    top: 43px;
    margin-top: 0
}

.section-footer.sitemap .tbl-sitemap table tbody tr.program td ul {
    width: 100%
}

.section-footer.sitemap .tbl-sitemap table tbody tr.program td ul ~ ul {
    margin-top: 28px
}

.section-footer.sitemap .tbl-sitemap table tbody tr.program td ul:after {
    content: "";
    display: block;
    clear: both
}

.section-footer.sitemap .tbl-sitemap table tbody tr.program td ul li {
    float: left;
    width: 165px
}

/* 기타 */
/* 404, 500 */
.etc-error .section .content {
    padding: 150px 0
}

.etc-error .subj {
    padding-bottom: 41px;
    border-bottom: 1px solid #ddd
}

.etc-error .subj h1 {
    padding-bottom: 32px
}

.etc-error .subj h2 {
    font-size: 40px
}

.etc-error .subj h2 > span {
    display: block;
    margin-top: 8px
}

.etc-error .subj h2 span.m {
    display: inline
}

.etc-error .subj h2 em {
    font-style: normal
}

.etc-error .subj p.eng {
    padding-top: 22px;
    font-family: 'Montserrat';
}

.etc-error .cont {
    padding-top: 36px
}

.etc-error .cont p {
    line-height: 1.8;
    font-size: 12px
}

.etc-error .cont p > span {
    display: block;
    line-height: 1.8
}

.etc-error .cont p > span.m {
    display: inline
}

.etc-error .cont p ~ p {
    margin-top: 9px
}

.etc-error .cont .btns-submit {
    margin-top: 55px;
    text-align: left
}

.etc-error .cont .btns-submit a {
    width: 201px;
    margin: 0
}

/* 비밀번호 변경 */
.etc-change header.section {
    text-align: left;
    padding-bottom: 30px;
    border-bottom-width: 1px
}

.etc-change header.section h2 {
    font-size: 16px
}

.etc-change .section .header {
    padding-bottom: 36px
}

.etc-change .section .header h3 {
    padding-bottom: 33px;
    font-size: 30px
}

.etc-change .section .header h3 > span {
    display: block;
    margin-top: 8px;
    font-size: 30px
}

.etc-change .section .header p {
    line-height: 1.8;
    font-size: 12px
}

.etc-change .section .header p > span {
    display: block;
    line-height: 1.8
}

.etc-change .section .header p ~ p {
    margin-top: 9px
}

.etc-change .tbl-row.form table tbody th {
    width: 130px
}

.etc-change .tbl-row.form table tbody td {
    width: calc(100% - 130px)
}

.etc-change .tbl-row.form table tbody td input[type="password"] {
    width: 300px
}

.etc-change .btns-submit {
    text-align: left
}

.etc-change .btns-submit a {
    width: 176px;
    margin: 0
}

.etc-change .btns-submit a ~ a {
    margin-left: 7px
}

/* 프로그램 */
.section-program header.section {
    margin-bottom: 0
}

.section-program .section header.content > img.m {
    display: none
}

.section-program .section header.content {
    margin-bottom: 80px;
    text-align: center
}

.section-program .section header.content.red {
    color: #e1002a;
}

.section-program .section header.content > strong {
    display: block;
    margin-top: -5px;
    font-family: 'RixSGo M';
    line-height: 1.7em;
    font-size: 16px
}

html.eng .section-program .section header.content > strong {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px
}

html.eng .section-program .section header.content > strong span {
    font-size: 13px
}

.section-program .section header.content > strong span {
    display: block;
    line-height: inherit
}

.section-program .section header.content > strong span.m {
    display: inline
}

.section-program .section header.content > .cont {
    margin-top: 25px;
    text-align: center
}

.section-program .section header.content > .cont > .inner {
    display: inline-block
}

.section-program .section header.content > .cont > .inner:after {
    content: "";
    display: block;
    clear: both
}

.section-program .section header.content > .cont > .inner strong.tit {
    float: left;
    display: block;
    margin-right: 15px;
    padding-right: 20px;
    background: url(/images/common/bg-list-arr-right2.png) right center no-repeat;
    background-size: auto 8px
}

html.eng .section-program .section header.content > .cont > .inner strong.tit {
    font-weight: 500
}

.section-program .section header.content > .cont > .inner ul.list-text {
    float: left
}

.section-program .section header.content > .cont > .inner ul.list-text {
    margin-top: -3px;
    text-align: left
}

.section-program .section header.content > .cont > .inner ul.list-text li ~ li {
    margin-top: 7px
}

.section-program .section header.content > p.desc {
    text-align: center;
    margin-top: 13px;
    line-height: 1.75em;
    font-size: 14px;
    color: #767676
}

html.eng .section-program .section header.content > p.desc {
    font-size: 13px
}

.section-program .section header.content > p.desc.type2 {
    color: #000
}

.section-program .section header.content > p.desc span {
    display: block;
    line-height: inherit
}

html.eng .section-program .section header.content > p.desc span {
    font-size: 13px
}

.section-program .section header.content > p.desc span.m {
    display: inline
}

.section-program .section header.content em {
    padding: 0 6px 0 10px;
    font-style: normal
}

.section-program .bx-period + .related-contents {
    margin-top: 6px
}

/* 프로그램 소개 */
.section-program.program-intro header.section {
    margin-bottom: 40px
}

.section-program.program-intro .list-bx ul li {
    opacity: 0
}

.section-program.program-intro .list-bx ul li .bx-area {
    height: 201px;
    padding: 30px
}

html.eng .section-program.program-intro .list-bx ul li .bx-area {
    height: auto;
    min-height: 200px;
}

.section-program.program-intro .list-bx ul li .bx-area:hover, .section-program.program-intro .list-bx ul li .bx-area:focus {
    box-shadow: 3px 3px 0 rgba(220,220,220,1.0)
}

.section-program.program-intro .list-bx ul li .bx-area strong.tit {
    font-size: 24px
}

html.eng .section-program.program-intro .list-bx ul li .bx-area strong.tit {
    font-weight: 500;
    font-size: 18px
}

.section-program.program-intro .list-bx ul li .bx-area strong.tit span.tit-eng {
    display: block;
    margin-top: 18px;
    font-family: 'Montserrat';
    font-size: 14px;
    color: #767676
}

html.eng .section-program.program-intro .list-bx ul li .bx-area strong.tit span.tit-eng {
    font-size: 13px
}

.section-program.program-intro .list-bx ul li .bx-area span.cont {
    display: block;
    position: absolute;
    left: 30px;
    bottom: 25px;
    line-height: 1.7em;
    font-size: 12px
}

html.eng .section-program.program-intro .list-bx ul li .bx-area span.cont {
    position: static;
    padding-right: 60px;
    font-size: 11px
}

.section-program.program-intro .list-bx ul li .bx-area span.cont span {
    display: block;
    line-height: inherit
}

html.eng .section-program.program-intro .list-bx ul li .bx-area span.cont span {
    font-size: 11px
}

html.eng .section-program.program-intro .list-bx ul li .bx-area strong.tit span.tit-eng {
    display: none
}

.section-program .nodata {
    border-color: #ddd
}

/* 창작자육성프로그램 */
.section-program.creator-promote .section header.content {
    margin-bottom: 85px
}

.section-program.creator-promote .section header.content > strong > span {
    display: inline
}

.section-program.creator-promote .sub-section:first-child {
    padding-top: 60px;
    border-top: 1px #ddd solid
}

.section-program.creator-promote .sub-section ~ .sub-section {
    margin-top: 20px;
    padding-top: 60px;
    border-top: 1px #ddd solid
}

.section-program.creator-promote .sub-section h3 {
    margin-bottom: 30px;
    font-family: 'RixSGo B';
    font-size: 20px;
    letter-spacing: -0.04em
}

html.eng .section-program.creator-promote .sub-section h3 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 19px
}

.section-program.creator-promote .related-contents:after {
    content: "";
    display: block;
    clear: both
}

.section-program.creator-promote .related-contents .list {
    float: left;
    width: 25%
}

.section-program.creator-promote .related-contents.artist .list {
    margin-top: 0;
    margin-bottom: 40px
}

.section-program.creator-promote .related-contents.artist .list .inner .img {
    width: 110px;
    padding-right: 30px
}

.section-program.creator-promote .related-contents.artist .list .inner .img a {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden
}

.section-program.creator-promote .related-contents.artist .list .inner .txt {
    padding-right: 0;
    vertical-align: middle
}

.section-program.creator-promote .related-contents.artist .list .inner .txt em {
    width: 100%;
    margin-top: 3px;
    color: #767676
}

.section-program.creator-promote .related-contents.artist .list .inner .txt strong {
    margin-top: 6px
}

.section-program.creator-promote .related-contents.artist .list .inner .txt strong a {
    font-family: 'RixSGo M';
    font-size: 20px
}

html.eng .section-program.creator-promote .related-contents.artist .list .inner .txt strong a {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 13px
}

.section-program.creator-promote .paginate-nav {
    border-color: #ddd
}

/* 두산아트랩 */
.section-program.art-lab .section header.content > .cont {
    margin-top: 30px
}

.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry {
    float: left;
    margin: -13px 0 0 29px;
    padding: 0 20px
}

.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry span.ico-register {
    padding-left: 32px
}

/* 170531 */
.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry {
    background: #fff url(/images/common/bg-btn-blk.png) 240px 0 no-repeat;
}

.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:hover, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:focus {
    border-color: #000;
    background-position: 0 0
}

.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:hover span, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:focus span {
    color: #fff
}

.section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:hover .ico-register, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:focus .ico-register {
    background-image: url(/images/common/ico-register-over.png)
}

.section-program.art-lab .sub-section {
    padding-top: 60px;
    border-top: 1px #ddd solid
}

.section-program.art-lab .related-contents:after {
    content: "";
    display: block;
    clear: both
}

.section-program.art-lab .related-contents .list {
    float: left
}

.section-program.art-lab .paginate-nav {
    border-color: #ddd
}

/* 두산인문극장 */
.section-program.humanities-theater .sub-section ~ .sub-section {
    padding-top: 60px
}

.section-program.humanities-theater .related-contents:after {
    content: "";
    display: block;
    clear: both
}

.section-program.humanities-theater .related-contents .list {
    float: left;
    width: 25%
}

.section-program.humanities-theater .list-board .set {
    border-top: 1px #ddd solid
}

.section-program.humanities-theater .list-board .set:last-child {
    border-bottom: 1px #ddd solid
}

.section-program.humanities-theater .list-board .set.active {
    border-top: 1px #767676 solid
}

.section-program.humanities-theater .list-board .set.active + .set {
    border-top: 1px #767676 solid
}

.section-program.humanities-theater .list-board .set:last-child.active {
    border-bottom: 1px #767676 solid
}

.section-program.humanities-theater .list-board .set header {
    position: relative;
    height: 91px;
    box-sizing: border-box
}

.section-program.humanities-theater .list-board .set header:after {
    content: "";
    display: block;
    clear: both
}

.section-program.humanities-theater .list-board .set header > span.year {
    float: left;
    display: inline-block;
    width: 150px;
    margin-top: 36px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    color: #767676
}

html.eng .section-program.humanities-theater .list-board .set header > span.year {
    font-size: 19px
}

.section-program.humanities-theater .list-board .set.active > header span.year {
    color: #000
}

.section-program.humanities-theater .list-board .set header > strong.tit {
    float: left;
    display: inline-block;
    margin-top: 35px;
    font-family: 'RixSGo B';
    font-size: 20px;
    color: #767676;
    letter-spacing: -0.04em
}

.section-program.humanities-theater .list-board .set header > strong.tit a {
    font-family: 'RixSGo B';
    font-size: 20px;
    color: #767676;
    letter-spacing: -0.04em
}

html.eng .section-program.humanities-theater .list-board .set header > strong.tit, html.eng .section-program.humanities-theater .list-board .set header > strong.tit a {
    font-family: 'Montserrat', 'RixSGo B';
    font-size: 500;
    font-size: 19px
}

.section-program.humanities-theater .list-board .set header > strong.tit span {
    padding-left: 4px
}

.section-program.humanities-theater .list-board .set.active > header strong.tit, .section-program.humanities-theater .list-board .set.active > header strong.tit a {
    color: #000
}

.section-program.humanities-theater .list-board .set header a.tog-arr {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-indent: -9999999px;
    font-size: 0;
    border-radius: 100%;
    background: #fff url(/images/common/btn-toggle2-down.png) no-repeat;
    background-size: 13px auto;
    background-position: 50% 50%;
    cursor: pointer
}

.section-program.humanities-theater .list-board .set.active header a.tog-arr {
    background: #767676 url(/images/common/btn-toggle2-up.png) no-repeat;
    background-size: 13px auto;
    background-position: 50% 50%;
}

.section-program.humanities-theater .list-board .set ~ .set .detail {
    display: none
}

.section-program.humanities-theater .list-board .set .detail {
    margin-top: -9px
}

.section-program.humanities-theater .list-board .set .detail .inner {
    padding: 0 0 35px 150px
}

html.eng .section-program.humanities-theater .list-board .set .detail .inner {
    padding-right: 85px
}

/* 170517 */
.section-program.humanities-theater .list-board .set .detail .inner p.cont {
    line-height: 1.7em;
    font-size: 12px
}

html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont {
    font-size: 11px
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont ~ p.cont {
    margin-top: 20px
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont.type2 {
    font-family: 'RixSGo EB';
    font-weight: 400
}

html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont.type2 {
    font-family: 'Montserrat'
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont span {
    display: block;
    line-height: inherit
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont span.m {
    display: inline
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont strong {
    font-family: 'RixSGo EB';
    font-weight: 400
}

html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont strong {
    font-family: 'Montserrat';
    font-size: 11px
}

html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont span {
    font-size: 11px
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont em.sq {
    font-style: normal;
    padding: 0 5px 0 7px
}

.section-program.humanities-theater .list-board .set .detail .inner p.cont em.sq.type2 {
    padding: 0 4px 0 0
}

.section-program.humanities-theater .list-board .set #detailSeq4 br {
    display: none
}

.section-program.humanities-theater .paginate-nav {
    border-color: #ddd
}

/* 두산아트스쿨 / 두산청소년아트스쿨 */
.section-program.art-school header.section {
    margin-bottom: 0
}

.section-program.art-school .section header.content .cont {
    text-align: center
}

.section-program.art-school .section header.content .cont span {
    display: block;
    margin-top: 10px
}

.section-program .tbl-basic.type2 table {
    border-top: none;
    border-bottom: 1px solid #231f20
}

.section-program .tbl-basic.type2 table tbody tr td {
    border-top: 1px #ddd solid;
    padding: 0;
    text-align: center
}

.section-program .tbl-basic.type2 table tbody tr td.tit {
    padding: 23px 30px;
    text-align: left
}

.section-program .tbl-basic.type2 table tbody tr td.tit a {
    display: inline-block;
    /* width:350px; */
    line-height: 1.5;
    font-family: "RixSGo B";
    letter-spacing: -0.04em;
    /* white-space:nowrap; overflow:hidden; vertical-align:middle; text-overflow:ellipsis */
}

html.eng .section-program .tbl-basic.type2 table tbody tr td.tit a {
    font-family: 'Montserrat';
    font-weight: 500
}

.section-program .tbl-basic.type2 table tbody tr td.num {
    font-family: 'Montserrat';
    font-size: 12px;
    color: #767676
}

html.eng .section-program .tbl-basic.type2 table tbody tr td.num {
    font-size: 12px
}

.section-program .tbl-basic.type2 table tbody tr td.name {
    font-size: 12px;
    line-height: 1.5
}

html.eng .section-program .tbl-basic.type2 table tbody tr td.name {
    font-size: 11px
}

.section-program .tbl-basic.type2 table tbody tr:nth-child(odd) td {
    background: #fff
}

/* 두산어린이아트스쿨 / 프로젝트 빅보이 / 상주예술단체 */
.section-program .list-year {
    border-bottom: 1px #ddd solid
}

.section-program .list-year > ul {
    padding: 38px 0 39px;
    border-top: 1px #ddd solid
}

.section-program .list-year > ul:after {
    content: "";
    display: block;
    clear: both
}

.section-program .list-year > ul > li:after {
    content: "";
    display: block;
    clear: both
}

.section-program .list-year > ul > li {
    float: left
}

.section-program .list-year > ul > li > strong.year {
    float: left;
    display: block;
    width: 100px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px
}

html.eng .section-program .list-year > ul > li > strong.year {
    font-size: 19px
}

.section-program .list-year > ul > li > ul {
    float: left;
    margin-top: 3px
}

.section-program .list-year > ul > li > ul > li {
    font-size: 12px
}

html.eng .section-program .list-year > ul > li > ul > li {
    line-height: 1.2;
    font-size: 11px
}

html.eng .section-program .list-year > ul > li > ul > li > a {
    font-size: 11px
}

.section-program .list-year > ul > li > ul > li ~ li {
    margin-top: 12px
}

.section-program .list-year > ul > li > ul > li strong {
    display: block;
    padding-bottom: 7px;
    font-family: 'RixSGo B';
    font-size: 14px
}

html.eng .section-program .list-year > ul > li > ul > li strong {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px
}

.section-program .list-year.list2 > ul > li {
    width: 50%
}

.section-program .list-year.list3 > ul > li {
    width: calc(100% / 3)
}

.section-program.project-bigboy .section header.content > p.desc.type2 {
    margin-top: -4px
}

.section-program.project-bigboy .section header.content > strong {
    margin-top: 24px
}

.section-program.art-school.child .list-year > ul {
    padding: 0
}

.section-program.art-school.child .list-year > ul > li {
    height: 190px;
    padding: 40px 0;
    border-bottom: 1px solid #ddd
}

html.eng .section-program.art-school.child .list-year > ul > li {
    height: 198px;
    padding: 38px 0 40px
}

.section-program.art-school.child .list-year > ul > li:nth-child(3) ~ li {
    height: 212px;
    border-bottom: none
}

html.eng .section-program.art-school.child .list-year > ul > li:nth-child(3) ~ li {
    height: 220px
}

/* 두산레지던시 뉴욕 */
.section-program.residency .list-program {
    margin-bottom: 74px
}

.section-program.residency .list-program ul:after {
    content: "";
    display: block;
    clear: both
}

.section-program.residency .list-program ul li {
    float: left;
    width: 268px;
    margin-left: 100px
}

.section-program.residency .list-program ul li strong.tit {
    display: block;
    min-height: 38px;
    font-size: 16px
}

html.eng .section-program.residency .list-program ul li strong.tit {
    font-weight: 500;
    font-size: 15px
}

.section-program.residency .list-program ul li strong.tit span.tit-eng {
    display: block;
    margin-top: 14px;
    font-family: 'Montserrat';
    font-size: 12px;
    color: #767676
}

.section-program.residency .list-program ul li p.cont {
    display: block;
    margin-top: 28px;
    line-height: 1.7em;
    font-size: 12px;
    word-break: keep-all
}

html.eng .section-program.residency .list-program ul li p.cont {
    margin-top: 15px;
    font-size: 11px
}

/*.section-program.residency .list-program ul li.list1 strong.tit {background:url(/images/content/bg-ny-program1.png) right 0 no-repeat; background-size:36px auto}
.section-program.residency .list-program ul li.list2 strong.tit {background:url(/images/content/bg-ny-program2.png) right 0 no-repeat; background-size:39px auto}
.section-program.residency .list-program ul li.list3 strong.tit {background:url(/images/content/bg-ny-program3.png) right 0 no-repeat; background-size:39px auto}*/
.section-program.residency .list-program .list .inner .info p {
    overflow: hidden
}

.section-program.residency .residency-content .related-contents {
    margin-top: 6px
}

.section-program.residency .residency-content .related-contents:after {
    content: "";
    display: block;
    clear: both
}

.section-program.residency .residency-content .related-contents .list {
    float: left;
    width: 33.33%
}

.section-program.residency .residency-content .related-contents .list .img {
    overflow: hidden;
    width: 110px;
    padding-right: 30px
}

.section-program.residency .residency-content .related-contents .list .img a {
    width: 110px;
    height: 110px
}

.section-program.residency .residency-content .related-contents .list .img img {
    width: 100%
}

.section-program.residency .residency-content .related-contents .list .txt strong {
    height: 25px;
    margin-top: 28px
}

.section-program.residency .residency-content .related-contents .list .txt strong a {
    font-family: 'RixSGo M';
    font-size: 16px
}

html.eng .section-program.residency .residency-content .related-contents .list .txt strong a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px
}

.section-program.residency .residency-content .related-contents .list .txt span {
    bottom: 31px;
    font-size: 12px;
    color: #767676
}

html.eng .section-program.residency .residency-content .related-contents .list .txt span {
    font-size: 11px
}

.section-program.residency-view .program-view .head {
    border-bottom: none
}

.section-program.residency-view .program-view .head .info .date {
    position: relative
}

.section-program.residency-view .program-view .head .info .date:after {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    width: 1px;
    height: 22px;
    margin-top: -11px;
    background: #ddd
}

.section-program.residency-view .program-view .head .info .list-arrow {
    display: inline-block;
    margin-right: 56px
}

.section-program.residency-view .program-view .slide-thumb .inner {
    overflow: hidden
}

/* 두산 큐레이터 워크샵 */
.section-program.curator .curator-content.participate .note {
    padding-bottom: 39px;
    border-bottom: 1px solid #ddd
}

.section-program.curator .curator-content.participate .note p {
    margin-bottom: 23px
}

.section-program.curator .curator-content.participate .note p span {
    display: block;
    margin-top: 10px
}

.section-program.curator .curator-content.participate .note ul li .email {
    margin-right: 15px;
    font-size: 12px
}

.section-program.curator .curator-content .list-border html.eng .section-program.curator .curator-content.participate .note ul li .email {
    font-size: 11px
}

.section-program.curator .curator-content.participate .note ul li .email strong {
    display: inline-block;
    margin-right: 5px;
    font-family: 'Montserrat';
    font-weight: 500
}

.section-program.curator .curator-content.participate .note ul li .email strong a {
    display: inline-block;
    font-family: 'Montserrat';
    font-weight: 500
}

.section-program.curator .curator-content.participate .note ul li .contact a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px
}

html.eng .section-program.curator .curator-content.participate .note ul li .contact a {
    font-size: 15px
}

.section-program.curator .curator-content .list-border {
    margin-top: 5px
}

.section-program.curator .curator-content .list-border ul li > div > span.period {
    margin-top: 8px;
    font-family: 'Montserrat';
    font-size: 16px
}

html.eng .section-program.curator .curator-content .list-border ul li > div > span.period {
    font-size: 15px
}

.section-program.curator .curator-content .list-border ul li > div > .list-text > li > strong {
    line-height: 2;
    font-size: 14px
}

html.eng .section-program.curator .curator-content .list-border ul li > div > .list-text > li > strong {
    font-weight: 500;
    font-size: 13px
}

/* 170531 */
.section-program.curator .curator-content .list-border ul li > div a.down {
    width: 203px;
    margin-top: 24px;
    padding: 0 20px
}

.section-program.curator .curator-content .list-border ul li > div a.down, .section-program.curator .curator-content .list-border ul li > div a.down span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-program.curator .curator-content .list-border ul li > div a.down {
    background: #fff url(/images/common/bg-btn-blk.png) 203px 0 no-repeat
}

.section-program.curator .curator-content .list-border ul li > div a.down:hover, .section-program.curator .curator-content .list-border ul li > div a.down:focus {
    border-color: #000;
    background-position: 0 0
}

.section-program.curator .curator-content .list-border ul li > div a.down:hover span, .section-program.curator .curator-content .list-border ul li > div a.down:focus span {
    color: #fff
}

.section-program.curator .curator-content .list-border ul li > div a.down:hover .ico-down, .section-program.curator .curator-content .list-border ul li > div a.down:focus .ico-down {
    background-image: url(/images/common/ico-down-over.png)
}

.section-program.curator .curator-content .list-border ul li.schedule > div .list-text li:after {
    top: 1em
}

html.eng .section-program.curator .curator-content .list-border ul li.schedule > div .list-text li:after {
    top: 0.7em
}

.section-program.curator .curator-content .list-border > ul > li:nth-child(3n-1) {
    width: 500px
}

.section-program.curator .curator-content .list-border > ul > li:nth-child(3n) {
    width: 300px
}

.section-program.curator .curator-content.dcw-part .list-program .list .img {
    width: 155px
}

.section-program.curator .curator-content.dcw-part .list-program .list .info {
    padding: 0 30px 0 146px
}

html.eng .section-program.curator .curator-content.dcw-part .list-program .list .info {
    padding-left: 250px
}

.section-program.curator .curator-content.dcw-part .list-program .list .info .tit {
    position: absolute;
    left: 0;
    top: 0
}

html.eng .section-program.curator .curator-content.dcw-part .list-program .list .info .tit {
    font-weight: 500
}

html.eng .section-program.curator .tab-linear.tab3 ul li ~ li {
    margin-left: 112px
}

/* 두산연강예술상 */
.section-program.award .list-border > ul {
    margin-top: -45px;
    display: flex;
    flex-wrap: wrap;
}

.section-program.award .list-border > ul > li {
    width: 50%;
    margin-top: 45px
}

.section-program.award .list-border > ul > li:last-child {
    margin-top: 19px
}

.section-program.award .list-border ul li.steps {
    min-height: 106px
}

.section-program.award .list-border ul li.steps > div {
    padding-top: 29px
}

.section-program.award .list-border ul li.steps .award-steps {
    margin-left: -2px
}

.section-program.award .list-border ul li.steps .award-steps:after {
    content: "";
    display: block;
    clear: both
}

.section-program.award .list-border ul li.steps .award-steps .step {
    float: left
}

.section-program.award .list-border ul li.steps .award-steps .step ~ .step {
    margin-left: 41px
}

.section-program.award .list-border ul li.steps .award-steps .step em {
    display: inline-block;
    width: 20px;
    font-style: normal;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    vertical-align: middle
}

.section-program.award .list-border ul li.steps .award-steps .step em:after {
    content: "."
}

html.eng .section-program.award .list-border ul li.steps .award-steps .step em {
    font-size: 13px
}

.section-program.award .list-border ul li.steps .award-steps .step em span {
    font-size: 0;
    text-indent: -9999em
}

.section-program.award .list-border ul li.steps .award-steps .step strong {
    position: relative;
    font-family: "RixSGo M";
    font-size: 12px
}

html.eng .section-program.award .list-border ul li.steps .award-steps .step strong {
    font-family: 'Montserrat';
    line-height: 1.3;
    font-size: 11px
}

html.eng .section-program.award .list-border ul li.steps .award-steps .step strong span {
    font-size: 11px
}

.section-program.award .list-border ul li.steps .award-steps .step strong:after {
    content: "";
    position: absolute;
    right: -25px;
    top: 50%;
    width: 6px;
    height: 11px;
    margin: -5.5px 0 0 0;
    background: url(/images/common/bg-arr-step.png) 0 0 no-repeat
}

.section-program.award .list-border ul li.steps .award-steps .step:last-child strong:after {
    display: none
}

html.eng .section-program.award .list-border ul li.steps .award-steps {
    margin-left: -4px
}

html.eng .section-program.award .list-border ul li.steps .award-steps .step:nth-child(3) {
    margin-left: 0
}

html.eng .section-program.award .list-border ul li.steps .award-steps .step:nth-child(2) ~ .step {
    margin-top: 14px
}

.section-program.award .award-content.artist .list-program > .list {
    width: 100%
}

.section-program.award .award-content.artist .list-program > .list .plural .list {
    width: 100%;
    padding: 25px 0;
    border: none
}

.section-program.award .award-content.artist .list-program > .list .plural .list:first-child {
    padding-top: 0
}

.section-program.award .award-content.artist .list-program > .list .plural .list:last-child {
    padding-bottom: 0
}

.section-program.award .award-content.artist .list-program .list .plural {
    display: table-cell
}

.section-program.award .award-content.artist .list-program .list .img {
    width: 155px
}

.section-program.award .award-content.artist .list-program .list .tit {
    position: absolute;
    left: 0;
    top: 0
}

.section-program.award .award-content.artist .list-program .list .desc {
    padding-left: 150px;
    line-height: 2.2
}

html.eng .section-program.award .award-content.artist .list-program .list .desc {
    padding-left: 250px
}

.section-program.award .award-content.artist .list-program .list .sort {
    display: table-cell;
    position: relative;
    width: 150px;
    vertical-align: top
}

.section-program.award .award-content.artist .list-program .list .sort > strong {
    display: inline-block;
    position: relative;
    padding-bottom: 17px;
    font-size: 16px;
    letter-spacing: -0.04em
}

html.eng .section-program.award .award-content.artist .list-program .list .sort > strong {
    font-weight: 500;
    font-size: 13px
}

.section-program.award .award-content.artist .list-program .list .sort > strong:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 3px;
    background: #000
}

.section-program.award-view .awarded-artist {
    padding-top: 60px
}

.section-program.award-view .awarded-artist:after {
    content: "";
    display: block;
    clear: both
}

.section-program.award-view .awarded-artist .artist {
    float: left;
    width: 300px
}

.section-program.award-view .awarded-artist .artist .img {
    width: 115px
}

.section-program.award-view .awarded-artist .artist .img img {
    width: 100%
}

.section-program.award-view .awarded-artist .artist .img strong {
    display: block;
    padding-top: 20px;
    font-family: 'RixSGo M';
    font-size: 20px;
    text-align: center
}

html.eng .section-program.award-view .awarded-artist .artist .img strong {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 19px
}

html[lang="ko"] .section-program.award-view .awarded-artist .artist a {
	letter-spacing: -0.5px;
}

.section-program.award-view .awarded-artist .artist a {
    margin-top: 40px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px
}

.section-program.award-view .awarded-artist .artist a ~ a {
	display:block;
	margin-top: 15px;
}

html.eng .section-program.award-view .awarded-artist .artist a {
    font-size: 13px
}

.section-program.award-view .awarded-artist .detail {
    float: left;
    width: 900px
}

.section-program.award-view .awarded-artist .detail .info {
    padding-bottom: 40px;
    font-size: 12px;
    line-height: 1.8;
    border-bottom: 1px solid #ddd
}

html.eng .section-program.award-view .awarded-artist .detail .info {
    font-size: 11px
}

.section-program.award-view .awarded-artist .detail .info p {
    line-height: 1.8;
    font-size: 11px
}

.section-program.award-view .awarded-artist .detail .commentary {
    padding-top: 40px;
    font-size: 12px
}

html.eng .section-program.award-view .awarded-artist .detail .commentary {
    font-size: 11px
}

.section-program.award-view .awarded-artist .detail .commentary h3 {
    font-family: 'RixSGo B';
    font-size: 20px;
    padding-bottom: 30px
}

html.eng .section-program.award-view .awarded-artist .detail .commentary h3 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 19px
}

.section-program.award-view .awarded-artist .detail .commentary p {
    line-height: 1.7
}

.section-program.award-view .awarded-artist .detail .commentary p ~ p {
    margin-top: 25px
}

/* 두산아트센터 */
.section-center .tab-linear {
    padding-bottom: 16px
}

.section-center .tab-linear ul li a {
    font-size: 16px
}

.section-center .tab-linear.tab3 ul li.on a:after {
    width: 191px
}

/* 소개 */
.section-center.introduction .intro-head {
    padding: 40px 0 77px;
    text-align: center
}

.section-center.introduction .intro-head h3 {
    line-height: 1.5;
    padding-top: 32px;
    font-family: "RixSGo B";
    font-size: 30px;
    letter-spacing: -0.04em;
    background: url(/images/common/ico-bi-b.png) 50% 0 no-repeat
}

html.eng .section-center.introduction .intro-head h3 {
    font-size: 29px
}

html.eng .section-center.introduction .intro-head h3 span {
    font-family: "RixSGo B";
    font-size: 29px
}

.section-center.introduction .intro-head h3 span {
    display: block;
    line-height: 1.5
}

.section-center.introduction .intro-head h3 span.m {
    display: inline
}

.section-center.introduction .intro-head .eng-desc {
    padding-top: 16px;
    font-family: "Montserrat";
    color: #767676
}

.section-center.introduction .intro-area {
    position: relative;
    margin: 0 100px
}

.section-center.introduction .intro-area .img {
    position: absolute
}

.section-center.introduction .intro-area strong {
    display: inline-block;
    margin-top: -4px;
    line-height: 1.5;
    font-size: 20px;
    letter-spacing: -0.04em
}

html.eng .section-center.introduction .intro-area strong {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 19px
}

html.eng .section-center.introduction .intro-area strong span {
    font-size: 19px
}

.section-center.introduction .intro-area strong span {
    display: block;
    line-height: 1.5
}

.section-center.introduction .intro-area strong span.m {
    display: inline
}

.section-center.introduction .intro-area strong br {
    display: none
}

.section-center.introduction .intro-area p {
    padding-top: 18px;
    line-height: 1.6;
    font-size: 14px
}

html.eng .section-center.introduction .intro-area p {
    font-size: 11px
}

.section-center.introduction .intro-area p span {
    display: block;
    line-height: 1.6
}

.section-center.introduction .intro-area p span.m {
    display: inline
}

.section-center.introduction .intro-area.intro1 {
    height: 450px;
    padding-left: 534px
}

.section-center.introduction .intro-area.intro2 {
    /*height:170px;*/
    margin-top: 130px;
    padding-right: 536px;
    text-align: right
}

html.eng .section-center.introduction .intro-area.intro2 {
    margin-bottom: 180px
}

.section-center.introduction .intro-area.intro1 .img {
    left: 0;
    top: 0
}

.section-center.introduction .intro-area.intro2 .img {
    right: 0;
    bottom: 0
}

.section-center.introduction .intro-area.intro1 p {
    /*padding-bottom:36px; background:url(/images/common/ico-arrow-left-blk-b.png) 0 bottom no-repeat*/
}

.section-center.introduction .intro-area.intro2 strong {
    /*padding-top:35px; letter-spacing:0; background:url(/images/common/ico-arrow-blk-b.png) right top no-repeat*/
}

.section-center.introduction .intro-space {
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #ddd
}

.section-center.introduction .intro-space ul:after {
    content: '';
    display: block;
    clear: both
}

.section-center.introduction .intro-space ul li {
    float: left;
    width: 360px
}

.section-center.introduction .intro-space ul li ~ li {
    margin-left: 60px
}

.section-center.introduction .intro-space ul li > * {
    display: block
}

.section-center.introduction .intro-space ul li img {
    width: 100%
}

.section-center.introduction .intro-space ul li strong {
    margin-top: 30px;
    font-size: 16px;
    font-family: 'RixSGo B'
}

html.eng .section-center.introduction .intro-space ul li strong {
    font-family: "Montserrat";
    font-weight: 500
}

.section-center.introduction .intro-space ul li p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.666em
}

.section-center.introduction .link {
    margin: 46px auto 0;
    padding-top: 43px;
    border-top: 1px solid #ddd
}

.section-center.introduction .link a {
    padding: 3px 0 3px 54px;
    background: url(/images/common/bg-doosan.png) 0 50% no-repeat
}

.section-center.introduction .link a span {
    font-family: "RixSGo B"
}

html.eng .section-center.introduction .link a span {
    font-family: 'Montserrat';
}

/* 수상내역 */
.section-center.award-details .list-basic .list {
    width: 50%
}

html.eng .section-center.award-details .list-basic .list {
    width: 100%
}

.section-center.award-details .list-basic .list .txt > strong {
    display: block;
    height: auto;
    padding-bottom: 23px;
    font-size: 18px
}

html.eng .section-center.award-details .list-basic .list .txt > strong {
    height: auto;
    font-weight: 500;
    font-size: 17px
}

.section-center.award-details .list-basic .list .txt p {
    font-size: 14px
}

html.eng .section-center.award-details .list-basic .list .txt p {
    font-size: 11px
}

html.eng .section-center.award-details .list-basic .list .txt p span {
    font-size: 11px
}

.section-center.award-details .list-basic .list .txt p ~ p {
    margin-top: 11px
}

.section-center.award-details .list-basic .list .img {
    width: 155px;
    height: 170px
}

.section-center.award-details .awarded-section ~ .awarded-section {
    margin-top: 59px;
    padding-top: 59px;
    border-top: 1px solid #ddd
}

.section-center.award-details .awarded-section h3 a {
    display: block;
    padding-bottom: 28px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    pointer-events: none
}

html.eng .section-center.award-details .awarded-section h3 a {
    font-size: 19px
}

.section-center.award-details .awarded-section.y-2009 .list-basic .list {
    height: 196px
}

/* 두산컬렉션 */
.section-center.collection header.content {
    margin-bottom: 72px
}

.section-center.collection header.content img.m {
    display: none
}

.section-center.collection header.content p {
    line-height: 1.9;
    margin-top: 44px;
    font-size: 14px;
    text-align: center
}

html.eng .section-center.collection header.content p {
    font-size: 13px
}

.section-center.collection header.content p > span {
    display: block;
    line-height: 1.95
}

.section-center.collection header.content p > span.m {
    display: inline
}

.section-center.collection .collection-content {
    padding-top: 20px;
    border-top: 1px solid #ddd
}

.section-center.collection .collection-content > ul:after {
    content: "";
    display: block;
    clear: both
}

.section-center.collection .collection-content > ul > li {
    float: left;
    width: 33.33%;
    margin-top: 40px
}

.section-center.collection .collection-content > ul > li:after {
    content: "";
    display: block;
    clear: both
}

.section-center.collection .collection-content > ul > li > .img {
    float: left;
    overflow: hidden;
    width: 150px;
    height: 84px
}

.section-center.collection .collection-content > ul > li > .img > a {
    display: block;
    height: 84px
}

.section-center.collection .collection-content > ul > li > .img > a img {
    width: 100%
}

.section-center.collection .collection-content > ul > li > .info {
    float: left;
    width: calc(100% - 150px);
    height: 84px;
    padding: 0 30px
}

.section-center.collection .collection-content > ul > li > .info strong {
    display: block;
    margin: 23px 0 8px
}

.section-center.collection .collection-content > ul > li > .info strong a {
    font-family: 'RixSGo M';
    font-size: 16px
}

html.eng .section-center.collection .collection-content > ul > li > .info strong a {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 15px
}

.section-center.collection .collection-content > ul > li > .info span {
    display: block;
    height: 33px;
    overflow: hidden;
    line-height: 1.2em
}

html.eng .section-center.collection .collection-content > ul > li > .info span {
    height: 30px
}

.section-center.collection .collection-content > ul > li > .info span a {
    font-size: 12px;
    color: #767676
}

html.eng .section-center.collection .collection-content > ul > li > .info span a {
    font-size: 12px
}

.section-center.collection .paginate-nav {
    margin-top: 60px;
    border-color: #ddd
}

.popup-collection .popup-section {
    width: 700px
}

.popup-collection .popup-section .popup-content {
    height: 524px;
    overflow: auto
}

.popup-collection .works-content h4 {
    position: relative;
    margin-top: 10px;
    color: #000
}

.popup-collection .works-content h4 > a {
    position: absolute;
    right: 0;
    top: 5px;
    font-family: 'Montserrat'
}

/* 작품공모 */
.section-center.contest .list-border {
    float: left;
    width: 50%
}

.section-center.contest .list-border > ul {
    position: relative
}

.section-center.contest .list-border > ul > li {
    float: none;
    width: 100%;
    margin-top: 0
}

.section-center.contest .list-border > ul > li ~ li {
    margin-top: 43px
}

.section-center.contest .list-border > ul > li > div {
    min-height: initial
}

.section-center.contest .list-border > ul > li > div p {
    line-height: 2.2
}

.section-center.contest .list-border > ul > li > div p span {
    line-height: inherit
}

.section-center.contest .list-border > ul > li > div p.type2 {
    margin-top: 2px;
    line-height: 1.7em;
    font-size: 14px
}

.section-center.contest .list-border > ul > li > div p.type2 + ul.list-text {
    margin-top: 4px
}

.section-center.contest .list-border > ul > li > div a.btn-lgry {
    padding: 0 20px
}

.section-center.contest .list-border > ul > li > div a.btn-lgry ~ a {
    margin-left: 6px
}

.section-center.contest .list-border > ul > li > div a.btn-lgry.down1, .section-center.contest .list-border > ul > li > div a.btn-lgry.down2 {
    width: auto;
    margin-top: 5px
}

.section-center.contest .list-border > ul > li > div a.btn-lgry.down1 span, .section-center.contest .list-border > ul > li > div a.btn-lgry.down2 span {
    padding-left: 30px
}

.section-center.contest .list-border > ul > li > div ul.list-num {
    margin-top: 25px
}

.section-center.contest .list-border > ul > li > div ul.list-num li {
    position: relative;
    padding-left: 26px
}

.section-center.contest .list-border > ul > li > div ul.list-num li ~ li {
    margin-top: 23px
}

.section-center.contest .list-border > ul > li > div ul.list-num li span.num {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 11px;
    color: #fff;
    border-radius: 100%;
    background: #767676
}

.section-center.contest .list-border > ul > li > div ul.list-num li strong {
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

.section-center.contest .list-border > ul > li > div ul.list-num li p {
    margin-top: 8px
}

.section-center.contest .list-border > ul > li > div ul.list-num li p em {
    font-style: normal;
    padding-right: 6px
}

.section-center.contest .list-border > ul > li > div ul.list-text.num li {
    padding-left: 18px
}

.section-center.contest .list-border > ul > li > div ul.list-text.num li ~ li {
    margin-top: 2px
}

.section-center.contest .list-border > ul > li > div ul.list-text.num li:after {
    content: "";
    display: none
}

.section-center.contest .list-border > ul > li > div ul.list-text.num li span.num {
    display: inline-block;
    position: absolute;
    top: 4.5px;
    left: 0;
    font-family: 'Montserrat';
    font-size: 14px
}

.section-center.contest .list-border > ul > li > div .submit {
    position: relative
}

/* 170531 */
.section-center.contest .contest-content .list-border a, .section-center.contest .contest-content .list-border a span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-center.contest .contest-content .list-border a {
    background: #fff url(/images/common/bg-btn-blk.png) 225px 0 no-repeat
}

.section-center.contest .contest-content .list-border a:hover, .section-center.contest .contest-content .list-border a:focus {
    border-color: #000;
    background-position: 0 0
}

.section-center.contest .contest-content .list-border a:hover span, .section-center.contest .contest-content .list-border a:focus span {
    color: #fff
}

.section-center.contest .contest-content .list-border a:hover .ico-down, .section-center.contest .contest-content .list-border a:focus .ico-down {
    background-image: url(/images/common/ico-down-over.png)
}

.section-center.contest .contest-content.rent .list-border > ul > li > div .submit a.btn-lgry.down2 {
    position: absolute;
    top: 5px;
    right: 109px;
    width: 174px
}

.section-center.contest .contest-content.art-lab .list-border > ul > li > div .submit a.btn-lgry.down2 {
    position: absolute;
    top: 6px;
    right: 103px;
    width: 209px
}

.section-center.contest .contest-content.plan .list-border > ul > li > div .submit a.btn-lgry.down2 {
    position: absolute;
    top: 6px;
    right: 88px;
    width: 223px
}

/* 슬라이드 */
.section-center .center-slide-area {
    position: relative;
    height: 480px;
    margin-bottom: 62px
}

.section-center .center-slide-area div.bx-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 76px;
    padding: 0 30px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

.section-center .center-slide-area div.bx-info:after {
    content: "";
    display: block;
    clear: both
}

.section-center .center-slide-area div.bx-info .left, .section-center .center-slide-area div.bx-info .right {
    height: 76px;
    line-height: 76px
}

.section-center .center-slide-area div.bx-info .left *, .section-center .center-slide-area div.bx-info .right * {
    vertical-align: middle
}

.section-center .center-slide-area div.bx-info .left {
    float: left
}

.section-center .center-slide-area div.bx-info .right {
    float: right
}

.section-center .center-slide-area div.bx-info strong.tit {
    display: inline-block;
    margin-right: 11px;
    padding-right: 20px;
    background: url(/images/common/bg-arr-right-wht.png) right center no-repeat;
    background-size: auto 8px
}

.section-center .center-slide-area div.bx-info em {
    padding-right: 5px;
    font-style: normal;
    font-size: 12px
}

.section-center .center-slide-area div.bx-info span.num {
    padding-right: 13px;
    font-family: 'Montserrat';
    font-size: 16px
}

.section-center .center-slide-area div.bx-info span.num a {
    font-family: 'Montserrat';
    color: #fff;
    vertical-align: baseline
}

.section-center .center-slide-area div.bx-info a.email {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    color: #fff
}

.section-center .center-slide-area div.bx-info a.btn-trs {
    width: 148px;
    text-align: center;
    border: 1px #767676 solid
}

.section-center .center-slide-area div.bx-info p {
    display: inline-block;
    font-family: 'RixSGO B'
}

html.eng .section-center .center-slide-area div.bx-info p {
    font-family: 'Montserrat';
}

.section-center .center-slide-area .slide-artcenter {
    width: 100%;
    height: 480px;
    overflow: hidden
}

.section-center .center-slide-area .slide-artcenter .slick-slide {
    position: relative
}

.section-center .center-slide-area .slide-artcenter .img img {
    width: 100%
}

.section-center .center-slide-area .slide-artcenter .slick-arrow {
    top: 50%;
    z-index: 1;
    width: 22px;
    height: 37px;
    margin-top: -18px;
    cursor: pointer
}

.section-center .center-slide-area .slide-artcenter .slick-arrow.slick-prev {
    left: 30px;
    margin-left: 0;
    background: url(/images/common/btn-arrow-left-radius.png) no-repeat
}

.section-center .center-slide-area .slide-artcenter .slick-arrow.slick-next {
    right: 30px;
    margin-right: 0;
    background: url(/images/common/btn-arrow-right-radius.png) no-repeat
}

.section-center .center-slide-area .wrap-btns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 97px;
    text-align: center
}

.section-center .center-slide-area .wrap-btns .inner {
    display: inline-block
}

.section-center .center-slide-area .wrap-btns .inner .pause {
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 0;
    text-indent: -9999em;
    vertical-align: middle;
    background: url(/images/common/btn-paging-pause.png) 50% 50% no-repeat;
    cursor: pointer
}

.section-center .center-slide-area .wrap-btns .inner .play {
    display: none;
    width: 10px;
    height: 10px;
    font-size: 0;
    text-indent: -9999em;
    vertical-align: middle;
    background: url(/images/common/btn-paging-play.png) 50% 50% no-repeat;
    cursor: pointer
}

.section-center .center-slide-area .wrap-btns .slick-dots {
    display: inline-block
}

.section-center .center-slide-area .wrap-btns .slick-dots li {
    display: inline-block;
    margin-left: 10px
}

.section-center .center-slide-area .wrap-btns .slick-dots li button {
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 0;
    text-indent: -9999em;
    border-radius: 100%;
    border: 2px solid #fff;
    background: transparent;
    vertical-align: middle
}

.section-center .center-slide-area .wrap-btns .slick-dots li.slick-active button {
    background: #fff
}

/* //슬라이드 */
/* 대관 */
.section-center.rent .slide {
    width: 100%;
    height: 480px
}

.section-center.rent .contest-content {
    margin-top: 62px
}

.section-center.rent .sub-section ~ .sub-section {
    margin-top: 55px
}

.section-center.rent .sub-section h3 {
    margin-bottom: 25px;
    font-family: 'RixSGO B';
    /* font-weight:600; */
    font-size: 20px
}

html.eng .section-center.rent .sub-section h3 {
    font-family: 'Montserrat';
}

.section-center.rent .sub-section h3:after {
    content: "";
    display: block;
    clear: both
}

.section-center.rent .sub-section h3 strong {
    float: right;
    display: inline-block;
    line-height: 1.7em;
    margin-top: 3px;
    font-family: 'RixSGO M';
    font-size: 12px
}

html.eng .section-center.rent .sub-section h3 strong {
    font-family: 'Montserrat';
    font-weight: 400
}

.section-center.rent .sub-section h3 strong span {
    color: #767676
}

.section-center.rent .tbl-col table thead tr th, .section-center.rent .tbl-col table tbody tr th {
    background: none
}

.section-center.rent .tbl-col table thead tr th {
    border-bottom: 1px solid #000
}

.section-center.rent .tbl-col table thead tr:first-child th:first-child {
    border-right: 1px solid #000
}

.section-center.rent .tbl-col table thead tr:first-child th:last-child {
    border-bottom: 1px solid #ddd
}

.section-center.rent .tbl-col table thead tr th span {
    display: block;
    margin-top: 10px;
    font-family: "RixSGo M";
    font-size: 12px;
    color: #767676
}

html.eng .section-center.rent .tbl-col table thead tr th span {
    font-family: 'Montserrat'
}

.section-center.rent .tbl-col table tbody tr th {
    border-right: 1px solid #000
}

.section-center.rent .tbl-col table tbody tr td {
    text-align: center
}

.section-center.rent .tbl-col table tbody tr td.note {
    text-align: left
}

.section-center.rent .tbl-col table tbody tr td.type2 {
    border-right: 1px #ddd solid
}

.section-center.rent .tbl-col table tbody tr td span {
    display: block;
    margin-top: 9px
}

.section-center.rent .tbl-col table tbody tr td strong {
    font-family: "RixSGo M";
    color: #767676
}

html.eng .section-center.rent .tbl-col table tbody tr td strong {
    font-family: "Montserrat"
}

.section-center.rent .tbl-col table tbody tr td em {
    font-style: normal;
    font-family: "RixSGo B"
}

html.eng .section-center.rent .tbl-col table tbody tr td em {
    font-family: "Montserrat";
    font-weight: 500
}

.section-center.rent .tbl-col table tbody tr:last-child th {
    border-bottom-color: #000
}

.section-center.rent .tbl-col table tbody tr:last-child td {
    border-bottom-color: #000
}

.section-center.rent .tbl-col.fee-basic table thead tr th.tit1 {
    width: 200px
}

.section-center.rent .tbl-col.fee-basic table thead tr th.tit2 {
    width: 250px
}

.section-center.rent .tbl-col.fee-basic table thead tr th.tit3 {
    width: 250px
}

.section-center.rent .tbl-col.fee-basic table thead tr th.tit4 {
    width: 250px
}

.section-center.rent .tbl-col.fee-basic table thead tr th.tit5 {
    width: 250px
}

.section-center.rent .tbl-col.fee-add table {
    border-bottom: 1px solid #000
}

.section-center.rent .tbl-col.fee-add table thead tr th.tit1 {
    width: 200px
}

.section-center.rent .tbl-col.fee-add table thead tr th.tit2 {
    width: 250px
}

.section-center.rent .tbl-col.fee-add table thead tr th.tit3 {
    width: 170px
}

.section-center.rent .tbl-col.fee-add table thead tr th.tit4 {
    width: 170px
}

.section-center.rent .tbl-col.fee-add table thead tr th.tit5 {
    width: 410px
}

.section-center.rent .tbl-col.fee-add table thead tr:first-child th:last-child {
    border-bottom: 1px solid #000
}

.section-center.rent .tbl-col.fee-add table tbody tr td {
    border-bottom: none;
    border-top: 1px solid #ddd
}

.section-center.rent .tbl-col.fee-add table tbody tr:first-child td {
    border-top: none
}

.section-center.rent .tbl-col.fee-add table tbody tr:nth-child(6) th {
    border-bottom: none
}

.section-center.rent .tbl-col.m {
    display: none
}

.section-center.rent ul.list-text {
    margin-top: 18px
}

.section-center.rent ul.list-text li ~ li {
    margin-top: 5px
}

.section-center.rent ul.list-etc {
    height: 134px;
    margin-top: 29px;
    padding: 37px 0;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    box-sizing: border-box
}

.section-center.rent ul.list-etc:after {
    content: "";
    display: block;
    clear: both
}

.section-center.rent ul.list-etc li {
    float: left;
    position: relative;
    width: 25%;
    padding-left: 26px;
    font-size: 12px;
    line-height: 1.7em
}

.section-center.rent ul.list-etc li span {
    display: block;
    line-height: inherit
}

.section-center.rent ul.list-etc li strong.num {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Montserrat';
    font-size: 20px
}

.section-center.rent .sub-section .btns-submit {
    text-align: right
}

/* 170531 */
.section-center.rent a.btn-lgry {
    width: auto
}

.section-center.rent a.btn-lgry span {
    padding-left: 30px
}

.section-center.rent a.btn-lgry, .section-center.rent a.btn-lgry span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-center.rent a.btn-lgry {
    background: #fff url(/images/common/bg-btn-blk.png) 225px 0 no-repeat
}

.section-center.rent a.btn-lgry:hover, .section-center.rent a.btn-lgry:focus {
    border-color: #000;
    background-position: 0 0
}

.section-center.rent a.btn-lgry:hover span, .section-center.rent a.btn-lgry:focus span {
    color: #fff
}

.section-center.rent a.btn-lgry:hover .ico-down, .section-center.rent a.btn-lgry:focus .ico-down {
    background-image: url(/images/common/ico-down-over.png)
}

.section-center.rent .list-info {
    margin-top: 60px
}

.section-center.rent .list-info .list-border > ul {
    margin-top: -48px;
    margin-bottom: 0
}

.section-center.rent .list-info .list-border > ul > li {
    width: 50%;
    margin-top: 48px
}

.section-center.rent .list-info .list-border > ul > li:nth-child(2) {
    min-height: 108px
}

.section-center.rent .list-info .list-border > ul > li:nth-child(3) {
    margin-top: 53px
}

.section-center.rent .list-info .list-border > ul > li:nth-child(4) {
    margin-top: 22px
}

.section-center.rent .list-info .list-border > ul > li:last-child {
    float: right
}

.section-center.rent .list-info .list-border > ul > li:last-child {
    float: right
}

.section-center.rent .list-info .list-border > ul > li > div {
    min-height: auto
}

.section-center.rent .list-info .list-border > ul > li > div p {
    line-height: 1.5;
    font-size: 14px
}

.section-center.rent .list-info .list-border > ul > li > div > ul > li > strong.tit {
    display: block;
    margin-bottom: 17px
}

.section-center.rent .list-info .list-border > ul > li > div > ul > li ~ li {
    margin-top: 30px
}

.section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li ~ li {
    margin-top: 10px
}

.section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li > strong.tit {
    font-size: 12px
}

.section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li span.time {
    display: inline-block;
    margin-left: 10px;
    font-family: 'Montserrat';
    font-size: 12px
}

/* 메인 */
.section-main {
    position: relative;
    padding-top: 0;
    margin-top: 70px;
    height: calc(100% - 70px);
    width: 100%;
    padding-bottom: 0;
    overflow: hidden
}

.section-main .nav {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    text-align: center;
    border-right: 1px solid #ddd
}

.section-main .nav:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.section-main .nav .inner {
    display: inline-block;
    width: calc(100% - 16px);
    vertical-align: middle;
    text-align: left
}

.section-main .nav .inner .btn {
    margin-bottom: 47px;
    padding: 0 24px
}

.section-main .nav .inner .btn:after {
    content: '';
    display: block;
    clear: both
}

.section-main .nav .inner .btn span {
    float: left;
    width: 11px;
    height: 16px;
    cursor: pointer;
    background: url(/images/content/btn-main-arrow.png) 0 0 no-repeat
}

.section-main .nav .inner .btn span.disabled {
    cursor: default;
    opacity: .35
}

.section-main .nav .inner .btn span.next {
    float: right;
    background-position: 100% 0
}

.section-main .nav .inner h2 {
    padding-left: 22px;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: normal
}

html.eng .section-main .nav .inner h2 {
    font-size: 13px
}

.section-main .nav .inner h2 a {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: normal
}

html.eng .section-main .nav .inner h2 a {
    font-size: 13px
}

.section-main .nav .inner nav {
    margin-top: 37px
}

.section-main .nav .inner nav ul li {
    position: relative;
    padding: 0 22px
}

.section-main .nav .inner nav ul li.on a {
    font-family: 'Montserrat';
    font-weight: normal
}

.section-main .nav .inner nav ul li ~ li {
    margin-top: 33px
}

.section-main .nav .inner nav ul li a {
    display: block;
    line-height: 20px
}

html.eng .section-main .nav .inner nav ul li:first-child a {
    font-weight: 500
}

.section-main .nav .inner nav ul li .new {
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 9px;
    background: #e1002a;
    border-radius: 100%
}

html.eng .section-main .nav .inner nav ul li .new {
    font-size: 8px
}

.section-main .holder {
    position: absolute;
    left: 180px;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.section-main .holder .inset {
    position: relative;
    height: 100%;
    width: 10000em;
}

.section-main .holder.center {
    text-align: center
}

.section-main .holder.center .inset {
    display: inline-block;
    width: auto
}

.section-main .holder .inset:after {
    content: '';
    display: block;
    clear: both
}

.section-main .holder .inset .item {
    float: left;
    height: 100%;
    width: 361px;
    border-right: 1px solid #ddd;
    opacity: 0
}

.section-main .holder .inset .item:last-child {
    border-right: 0 none
}

.section-main .holder .inset .item .inner {
    position: relative;
    height: 100%;
    font-size: 0;
    text-align: center;
    background-color: #fff;
    z-index: 2;
}

html.eng .section-main .holder .inset .item .inner {
    font-size: 0
}

.section-main .holder .inset .item .inner:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.section-main .holder .inset .item section {
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: middle;
    font-size: 14px;
    text-align: left
}

html.eng .section-main .holder .inset .item section {
    font-size: 13px
}

.section-main .holder .inset .item section header > h3 {
    overflow: hidden;
    max-height: 74px;
    margin: 10px 0 17px;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
    height: 72px;
}

html.eng .section-main .holder .inset .item section header > h3, html.eng .section-main .holder .inset .item section header > h3 a {
    font-size: 29px
}

.section-main .holder .inset .item section header > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    height: 19px;
}

.section-main .holder .inset .item section header > strong, .section-main .holder .inset .item section header > p strong {
    font-family: 'Montserrat'
}

.section-main .holder .inset .item section header > strong {
    display: block;
    font-size: 12px
}

html.eng .section-main .holder .inset .item section header > strong {
    font-size: 13px
}

.section-main .holder .inset .item section header .label {
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    line-height: 19px;
    padding: 0 10px;
    font-size: 11px;
    font-style: normal;
    color: #fff;
    background: #333;
    border-radius: 15px
}

html.eng .section-main .holder .inset .item section header .label {
    font-size: 10px
}

.section-main .holder .inset .item section header .label.free {
    background: #e1002a
}

.section-main .holder .inset .item section header > span + .label {
    margin-left: 8px
}

.section-main .holder .inset .item section header > p:after {
    content: '';
    display: block;
    clear: both
}

.section-main .holder .inset .item section header > p * {
    float: left;
    font-size: 14px
}

html.eng .section-main .holder .inset .item section header > p * {
    font-size: 13px
}

.section-main .holder .inset .item section header > p strong {
    line-height: 1.2em
}

.section-main .holder .inset .item section header > p strong + span {
    margin-left: 14px
}

.section-main .holder .inset .item section header > p span {
    line-height: 16px
}

.section-main .holder .inset .item section header > p .btn {
    float: right;
    padding-right: 25px;
    line-height: 16px;
    font-family: 'RixSGO B'
}

html.eng .section-main .holder .inset .item section header > p .btn {
    font-family: 'Montserrat'
}

.section-main .holder .inset .item section header > p .btn.disabled {
    cursor: default
}

.section-main .holder .inset .item section header > p .btn.sold {
    background: url(/images/common/ico-soldout.png) 100% 0 no-repeat;
    cursor: default
}

.section-main .holder .inset .item section header > p .btn.aply {
    color: #e1002a;
    background: url(/images/common/ico-register-red.png) 100% -1px no-repeat
}

.section-main .holder .inset .item section header > p .btn.aply.disabled {
    background: url(/images/common/ico-deadline.png) 100% -1px no-repeat
}

.section-main .holder .inset .item section header > p .btn.res {
    background: url(/images/common/ico-book.png) 100% 0 no-repeat;
    color: #e1002a
}

.section-main .holder .inset .item section header > p .btn.res.disabled {
    background: url(/images/common/ico-book-g.png) 100% 0 no-repeat;
    color: #000
}

.section-main .holder .inset .item section .cont {
    margin-top: 26px
}

.section-main .holder .inset .item section .cont .pic * {
    display: block
}

.section-main .holder .inset .item section .cont .pic img {
    width: 100%
}

.section-main .holder .inset .item section .cont .more {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 8px;
    margin-top: 32px;
    padding: 5px 0;
    font-size: 0;
    text-indent: -9999em;
    background: url(/images/common/ico-arrow-blk-large.png) 0 50% no-repeat
}

.section-main .holder .inset .item.banners {
    width: 581px
}

.section-main .holder .inset .item.banners .inner .inner2 {
    display: inline-block;
    position: relative;
    width: calc(100% - 100px);
    vertical-align: middle
}

.section-main .holder .inset .item.banners .inner .inner2 section {
    display: block;
    width: 100%
}

.section-main .holder .inset .item.banners .inner .inner2 .controls {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    text-align: right
}

.section-main .holder .inset .item.banners .inner .inner2 .controls * {
    display: inline-block;
    text-align: left
}

.section-main .holder .inset .item.banners .inner .inner2 .controls button {
    cursor: pointer
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .pause {
    display: none;
    position: relative;
    width: 10px;
    height: 10px;
    border: 0 none;
    text-indent: -9999em;
    vertical-align: top;
    background: transparent
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .pause:before, .section-main .holder .inset .item.banners .inner .inner2 .controls .pause:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 2px;
    height: 8px;
    background: #000
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .pause:before {
    left: 2px
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .pause:after {
    right: 2px
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .pause.stop:before {
    display: none
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .pause.stop:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #000;
    background: transparent
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .dots {
    margin-left: 13px
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .dots ul li ~ li {
    margin-left: 8px
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .dots ul li button {
    width: 10px;
    height: 10px;
    border: 2px solid #767676;
    background: #fff;
    text-indent: -999em;
    border-radius: 100%
}

.section-main .holder .inset .item.banners .inner .inner2 .controls .dots ul li.slick-active button {
    border-color: #000;
    background: #000
}

.section-main .holder .inset .item.banners .inner .inner2 .hold {
    overflow: hidden
}

.section-main .holder .inset .item.banners section {
    overflow: hidden
}

.section-main .holder .inset .item.banners section header {
    width: 100%;
    opacity: 0;
    /*opacity:0; transition:all .5s linear; -webkit-transition-delay:.4s; transition-delay: .4s;*/
}

.section-main .holder .inset .item.banners section header > h3 {
    margin-top: 15px
}

.section-main .holder .inset .item.banners section.slick-current header {
    /*opacity:1*/
}

.section-main .holder .inset .item.banners section .cont .pic {
    overflow: hidden;
    height: 480px
}

.section-main .holder .inset .item section .cont ul.list {
    border-bottom: 1px solid #ddd
}

.section-main .holder .inset .item section .cont ul.list:after {
    content: '';
    display: block;
    clear: both
}

.section-main .holder .inset .item section .cont ul.list li {
    float: left;
    width: 50%;
    padding-right: 8px;
    height: 91px;
    padding-top: 25px;
    margin-bottom: -1px;
    border-bottom: 1px solid #ddd
}

.section-main .holder .inset .item section .cont ul.list li a * {
    display: block;
    overflow: hidden;
    height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.section-main .holder .inset .item section .cont ul.list li a strong {
    font-size: 16px
}

html.eng .section-main .holder .inset .item section .cont ul.list li a strong {
    font-family: 'Montserrat';
    font-size: 15px
}

.section-main .holder .inset .item section .cont ul.list li a span {
    margin-top: 11px;
    font-size: 12px;
    color: #767676
}

.section-main .holder .inset .item section .cont ul.links {
    margin-top: 66px
}

.section-main .holder .inset .item section .cont ul.links li ~ li {
    margin-top: 10px
}

.section-main .holder .inset .item section .cont ul.links li a {
    display: block;
    padding: 0 19px;
    border: 1px solid #ccc;
    background: #fff
}

.section-main .holder .inset .item section .cont ul.links li a span {
    display: block;
    font-size: 12px;
    line-height: 38px;
    background: url(/images/content/ico-main-links.png) 100% 50% no-repeat
}

.section-main .holder .inset .item section .cont ul.links li a, .section-main .holder .inset .item section .cont ul.links li a span {
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

.section-main .holder .inset .item section .cont ul.links li a {
    background: #fff url(/images/common/bg-btn-blk.png) -130% 0 no-repeat
}

.section-main .holder .inset .item section .cont ul.links li a:hover, .section-main .holder .inset .item section .cont ul.links li a:focus {
    border-color: #000;
    background-position: 0 0
}

.section-main .holder .inset .item section .cont ul.links li a:hover span, .section-main .holder .inset .item section .cont ul.links li a:focus span {
    color: #fff;
    background-image: url(/images/content/ico-main-links-over.png)
}

html.eng .section-main .holder .inset .item section .cont ul.links li a span {
    font-size: 11px
}

.section-main .holder .inset .item.artist section header h3, .section-main .holder .inset .item.notice section header h3 {
    height: 40px;
    font-size: 16px
}

html.eng .section-main .holder .inset .item.artist section header h3, html.eng .section-main .holder .inset .item.notice section header h3 {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: normal
}

html.eng .section-main .holder .inset .item.artist section header h3, html.eng .section-main .holder .inset .item.notice section header h3 {
    font-size: 15px
}

html.eng .section-main .holder .inset .item.artist section header h3 {
    font-weight: 500
}

.section-main .holder .inset .item.artist section .cont, .section-main .holder .inset .item.notice section .cont {
    margin-top: 0
}

.section-main .holder .inset .item.notice section .cont {
    position: relative
}

.section-main .holder .inset .item.artist.exhibit section .cont ul.list li a span {
    margin-top: 12px;
    font-family: 'Montserrat';
    font-size: 11px;
    line-height: 1.3
}

html.eng .section-main .holder .inset .item.artist.exhibit section .cont ul.list li a span {
    font-family: "RixSGo M";
    font-size: 10px
}

.section-main .holder .inset .item.notice section .cont ul.list li {
    float: none;
    width: 100%
}

.section-main .holder .inset .item.notice section .cont ul.list li a strong {
    font-size: 14px
}

html.eng .section-main .holder .inset .item.notice section .cont ul.list li a strong {
    font-size: 13px
}

.section-main .holder .inset .item.notice section .cont ul.list li a span {
    margin-top: 12px;
    font-family: 'Montserrat';
    font-size: 11px
}

html.eng .section-main .holder .inset .item.notice section .cont ul.list li a span {
    font-size: 10px
}

.section-main .holder .inset .item.notice section .cont .more {
    position: absolute;
    top: -44px;
    right: 0;
    margin-top: 0
}

/* 영문 */
/* Privacy Policy */
.section-english.personal-policy header.section h2 {
    font-family: "Montserrat"
}

.section-english.personal-policy header.section .path strong, .section-english.personal-policy div.section .content {
    font-family: "Montserrat"
}

.section-english.personal-policy .head {
    margin-top: -5px;
    padding-bottom: 37px
}

.section-english.personal-policy .head p {
    line-height: 1.7;
    font-size: 12px
}

.section-english.personal-policy .head p ~ p {
    margin-top: 20px
}

.section-english.personal-policy .detail {
    padding-top: 39px;
    border-top: 1px solid #000
}

.section-english.personal-policy .detail .cont ~ .cont {
    margin-top: 34px
}

.section-english.personal-policy .detail .cont strong {
    display: block;
    padding-bottom: 16px;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px
}

.section-english.personal-policy .detail .cont p {
    line-height: 1.8;
    font-size: 12px
}

.section-english.personal-policy .detail .cont p + ul.list-text {
    margin-top: 11px
}

.section-english.personal-policy .detail .cont > ul.list-text > li {
    line-height: 2
}

.section-english.personal-policy .detail .cont > ul.list-text > li:after {
    top: 0.8em
}

.section-english.personal-policy .detail .cont > ul.list-text > li > ul {
    margin-left: -11px
}

.section-english.personal-policy .detail .cont > ul.list-text > li > ul > li {
    padding-left: 0;
    line-height: 2
}

.section-english.personal-policy .detail .cont > ul.list-text > li > ul > li:before {
    content: "-";
    margin-right: 6px
}

.section-english.personal-policy .detail .cont > ul.list-text > li > ul > li:after {
    display: none
}

/* Privacy Policy popup */
.popup-clause-eng .popup-section {
    width: 700px
}

.popup-clause-eng .popup-section .popup-content {
    overflow: auto;
    height: 524px
}

.popup-clause-eng .popup-section header h3 {
    font-family: "Montserrat"
}

.popup-clause-eng .bx-scroll {
    border: none
}

.popup-clause-eng .cont ~ .cont {
    margin-top: 34px
}

.popup-clause-eng .cont {
    font-family: "Montserrat"
}

.popup-clause-eng .cont h4, .popup-clause-eng .cont h5 {
    line-height: 1.666em;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 12px
}

.popup-clause-eng .cont h5 + p, .popup-clause-eng .cont h5 + ul, .popup-clause-eng .cont p + ul, .popup-clause-eng .cont > ul + p, .popup-clause-eng .cont > ul + ul {
    margin-top: 11px
}

.popup-clause-eng .cont strong {
    display: block;
    line-height: 1.666em;
    padding-bottom: 16px;
    font-family: "Montserrat";
    font-size: 12px
}

.popup-clause-eng .cont strong ~ strong {
    margin-top: 16px
}

.popup-clause-eng .cont p, .popup-clause-eng .cont ul li {
    line-height: 1.8;
    font-size: 11px
}

.popup-clause-eng .cont p + ul.list-text {
    margin-top: 11px
}

.popup-clause-eng .cont > ul.list-text > li:after {
    top: 0.8em
}

.popup-clause-eng .cont > ul.type2 > li:before {
    content: "◎";
    margin-right: 5px
}

/* Sitemap */
.section-english.sitemap header.section {
    margin-bottom: 0
}

.section-english.sitemap .tbl-sitemap table {
    table-layout: fixed
}

.section-english.sitemap .tbl-sitemap table tbody tr th, .section-english.sitemap .tbl-sitemap table tbody tr td {
    padding: 39px 0 41px;
    text-align: left;
    border-bottom: 1px #ddd solid
}

.section-english.sitemap .tbl-sitemap table tbody tr th {
    position: relative
}

.section-english.sitemap .tbl-sitemap table tbody tr th a, .section-english.sitemap .tbl-sitemap table tbody tr td a {
    font-family: 'Montserrat'
}

.section-english.sitemap .tbl-sitemap table tbody tr th a {
    font-weight: 500;
    font-size: 18px
}

.section-english.sitemap .tbl-sitemap table tbody tr td a {
    font-size: 14px
}

.section-english.sitemap .tbl-sitemap table tbody tr th:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 47px;
    width: 6px;
    height: 11px;
    margin-top: -6px;
    background: url(/images/common/bg-sitemap-arr.png)0 0 no-repeat;
    background-size: 6px auto
}

.section-english.sitemap .tbl-sitemap table tbody tr.program th {
    vertical-align: top
}

.section-english.sitemap .tbl-sitemap table tbody tr.program th:after {
    content: "";
    top: 43px;
    margin-top: 0
}

.section-english.sitemap .tbl-sitemap table tbody tr.program td ul {
    width: 100%
}

.section-english.sitemap .tbl-sitemap table tbody tr.program td ul:after {
    content: "";
    display: block;
    clear: both
}

.section-english.sitemap .tbl-sitemap table tbody tr.program td ul li {
    float: left;
    width: 33.33%
}

.section-english.sitemap .tbl-sitemap table tbody tr.program td ul li:nth-child(3) ~ li {
    margin-top: 30px
}

/* intro */
.intro-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.intro-wrapper .intro-content {
}

.intro-wrapper .intro-content .txt strong {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 722px;
    height: 56px;
    margin: -28px 0 0 -361px;
    font-size: 0;
    text-indent: -9999em;
    background: url(/images/content/bg-logo-1280.png) no-repeat
}

.intro-wrapper .intro-content .txt p {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 60px;
    margin-left: -361px;
    font-family: "RixSGo B";
    font-size: 30px;
    color: #fff
}

html.eng .intro-wrapper .intro-content .txt p {
    font-family: "Montserrat";
    font-weight: 500
}

.intro-wrapper .intro-content .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.intro-wrapper .intro-content .img.no-transit {
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px
}

.intro-wrapper .intro-content .img1 {
    background: url(/images/content/pic-intro1.jpg) 50% 50% no-repeat;
    background-size: cover
}

.intro-wrapper .intro-content .img2 {
    background: url(/images/content/pic-intro2.jpg) 50% 50% no-repeat;
    background-size: cover
}

.intro-wrapper .intro-content .img3 {
    background: url(/images/content/pic-intro3.jpg) 50% 50% no-repeat;
    background-size: cover
}

.intro-wrapper .intro-content .img4 {
    background: url(/images/content/pic-intro4.jpg) 50% 50% no-repeat;
    background-size: cover
}

@media screen and (min-width: 2560px) {
    .intro-wrapper .intro-content .txt strong {
        width:1564px;
        height: 118px;
        margin: -59px 0 0 -782px;
        background: url(/images/content/bg-logo-2560.png) no-repeat
    }

    .intro-wrapper .intro-content .txt p {
        margin-left: -782px;
        font-size: 65px
    }
}

@media screen and (max-width: 1599px) {
    .section-main .nav {
        width:160px
    }

    .section-main .nav .inner .btn {
        margin-bottom: 37px
    }

    .section-main .nav .inner nav {
        margin-top: 26px
    }

    .section-main .nav .inner nav ul li ~ li {
        margin-top: 23px
    }

    .section-main .nav .inner nav ul li a {
        font-size: 12px;
        line-height: 18px
    }

    .section-main .holder {
        left: 160px
    }

    .section-main .holder .inset .item {
        width: 281px
    }

    .section-main .holder .inset .item section {
        width: calc(100% - 80px)
    }

    .section-main .holder .inset .item section header > h3 {
        max-height: 55px;
        font-size: 24px;
        line-height: 28px
    }

    html.eng .section-main .holder .inset .item section header > h3 {
        max-height: 55px
    }

    .section-main .holder .inset .item section header > span {
        font-size: 12px
    }

    .section-main .holder .inset .item section header > strong {
        font-size: 12px
    }

    .section-main .holder .inset .item section header > p * {
        font-size: 12px
    }

    .section-main .holder .inset .item section header > p strong {
        line-height: 1.4em
    }

    .section-main .holder .inset .item section .cont .more {
        margin-top: 26px
    }

    .section-main .holder .inset .item.banners {
        width: 401px
    }

    .section-main .holder .inset .item.banners .inner .inner2 {
        width: calc(100% - 80px)
    }

    .section-main .holder .inset .item.banners section .cont .pic {
        height: auto
    }

    .section-main .holder .inset .item section .cont ul.list li a strong {
        font-size: 14px
    }

    .section-main .holder .inset .item section .cont ul.list li a span {
        margin-top: 13px
    }

    .section-main .holder .inset .item.artist.exhibit section .cont ul.list li a span, .section-main .holder .inset .item.notice section .cont ul.list li a span {
        margin-top: 15px
    }

    .section-main .holder .inset .item section .cont ul.list li:nth-child(11), .section-main .holder .inset .item section .cont ul.list li:nth-child(12) {
        display: none
    }

    .section-main .holder .inset .item.notice section .cont ul.list li a strong {
        font-size: 12px
    }

    .section-main .holder .inset .item.notice section .cont ul.list li:nth-child(3) {
        display: none
    }

    .section-main .holder .inset .item.notice section .cont ul.links {
        margin-top: 41px
    }
}

/* mobile setting */
@media screen and (max-width: 767px) {
    [class*='section-'] {
        width:100%;
        margin: 0;
        padding-bottom: 0
    }

    [class*='section-'] header.section {
        position: relative;
        margin-bottom: 23px;
        padding: 18px 0 16px;
        border-bottom: 1px solid #ddd
    }

    [class*='section-'] header.section h2, html.eng [class*='section-'] header.section h2 {
        font-size: 13px
    }

    [class*='section-'] header.section .path {
        display: none
    }

    [class*='section-'] .section header.content {
        position: relative;
        margin: 0 15px;
        padding-bottom: 25px
    }

    [class*='section-'] .section header.content h3 {
        font-family: 'RixSGo B';
        font-size: 15px
    }

    html.eng [class*='section-'] .section header.content h3 {
        font-family: 'Montserrat';
        font-size: 15px
    }

    [class*='section-'] .section header.content p, html.eng [class*='section-'] .section header.content p {
        margin-top: 12px;
        font-size: 11px;
        word-break: keep-all
    }

    [class*='section-'] .section header.content p + .list-text {
        margin-top: 3px
    }

    [class*='section-'] .section header.content .status {
        display: none
    }

    [class*='section-'] .section div.content {
        padding-bottom: 30px
    }

    /* 컨텐츠 리스트 */
    .art-contents .cont h3, html.eng .art-contents .cont h3 {
        padding-bottom: 23px;
        font-size: 15px;
        line-height: 1.3em
    }

    .art-contents .cont.current {
        margin-bottom: 28px;
        padding-bottom: 20px
    }

    .art-contents .cont.current .list-basic, .art-contents .cont.current .list-basic .inner, .art-contents .cont.current .list-basic .list, .art-contents .cont.current .list-basic .img, .art-contents .cont.current .list-basic .txt {
        display: block
    }

    .art-contents .cont.current .list-basic {
        margin-top: 0
    }

    .art-contents .cont.current .list-basic .list {
        width: 200px;
        margin: 0 15px
    }

    .art-contents .cont.current .list-basic .list:first-child {
        margin-left: 0
    }

    .art-contents .cont.current .list-basic .list .txt {
        padding: 20px 0 0 0
    }

    .art-contents .cont.current .list-basic .list .img {
        width: 100%;
        padding-right: 0
    }

    .art-contents .cont.current .list-basic .list .img > a {
        width: 100%;
        height: 200px
    }

    .art-contents .cont.current .list-basic .list .txt > em, html.eng .art-contents .cont.current .list-basic .list .txt > em {
        margin-bottom: 5px;
        font-size: 11px
    }

    .art-contents .cont.current .list-basic .list .txt > strong, html.eng .art-contents .cont.current .list-basic .list .txt > strong {
        height: 42px
    }

    .art-contents .cont.current .list-basic .list .txt > strong > a, html.eng .art-contents .cont.current .list-basic .list .txt > strong > a {
        display: block;
        line-height: 1.3;
        font-size: 17px
    }

    .art-contents .cont.current .list-basic .list .txt > span, html.eng .art-contents .cont.current .list-basic .list .txt > span {
        display: block;
        position: static;
        margin-top: 15px;
        font-weight: 400;
        font-size: 12px;
        color: #767676
    }

    html.eng .art-contents .cont.current .list-basic .list .txt > span.place > span {
        padding-top: 8px
    }

    .art-contents .cont.current .list-basic .list .txt .btns {
        position: static;
        padding: 18px 0 10px
    }

    .art-contents .cont.current .list-basic .list .txt .btns a ~ a {
        margin-left: 15px
    }

    .art-contents .cont.current .list-basic .slick-list {
        overflow: hidden
    }

    /*.art-contents .cont.current .list-basic .slick-arrow {top:-41px; left:inherit; bottom:inherit; width:32px; height:32px}
    .art-contents .cont.current .list-basic .slick-arrow.slick-prev {right:19.5px; margin-left:0; background:url(/images/common/btn-arrow-left-m.png) 50% 50% no-repeat; background-size:7px 12.5px}
    .art-contents .cont.current .list-basic .slick-arrow.slick-next {right:-12.5px; margin-right:0; background:url(/images/common/btn-arrow-right-m.png) 50% 50% no-repeat; background-size:7px 12.5px}*/
    html.eng .art-contents .cont.upcoming .list-basic .list .txt > strong {
        height: 32px
    }

    html.eng .art-contents .cont.upcoming .list-basic .list .txt > strong a {
        font-size: 13px
    }

    html.eng .art-contents .cont.upcoming .list-basic .list .txt > span.place {
        bottom: 0
    }

    .list-basic .list .txt > strong {
        height: 45px
    }

    .list-basic .list .txt > .badge, html.eng .list-basic .list .txt > .badge {
        left: inherit;
        right: 0;
        top: 20px;
        width: 36px;
        height: 18px;
        line-height: 20px;
        font-size: 9px
    }

    .list-basic .list .txt > span.place > span, .list-basic.type3 .list .txt > span.place > span, html.eng .list-basic .list .txt > span.place > span, html.eng .list-basic.type3 .list .txt > span.place > span {
        padding-top: 8px;
        font-size: 10px
    }

    .list-basic.type2 {
        margin-top: 0
    }

    .list-basic.type2 .list {
        float: none;
        width: 100%;
        margin-top: 0;
        padding-bottom: 20px
    }

    .list-basic.type2 .list ~ .list {
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .list-basic.type2 .list .img {
        width: 79px;
        padding-right: 20px
    }

    .list-basic.type2 .list .img a {
        width: 79px;
        height: auto
    }

    .list-basic.type2 .list .txt {
        padding: 0 50px 0 0
    }

    .list-basic.type2 .list .txt > em, html.eng .list-basic.type2 .list .txt > em {
        line-height: 1.2em;
        margin-bottom: 8px;
        font-size: 10px
    }

    .list-basic.type2 .list .txt > strong {
        height: 30px
    }

    .list-basic.type2 .list .txt > strong > a, html.eng .list-basic.type2 .list .txt > strong > a {
        font-size: 13px
    }

    .list-basic.type2 .list .txt > strong > a > span {
        display: inline
    }

    .list-basic.type2 .list .txt > span, html.eng .list-basic.type2 .list .txt > span {
        bottom: 0;
        font-size: 10px;
        color: #767676
    }

    .list-basic.type2 .list .txt .btns {
        top: 50%;
        left: inherit;
        right: 0;
        bottom: inherit;
        width: 30px;
        transform: translateY(-50%);
        vertical-align: middle
    }

    .list-basic.type2 .list .txt .btns a ~ a {
        margin: 15px 0 0 0
    }

    .list-basic.type3, .list-basic.type3 .inner, .list-basic.type3 .list, .list-basic.type3 .img, .list-basic.type3 .txt {
        display: block
    }

    .list-basic.type3 {
        margin: -30px 0 0 -20px
    }

    .list-basic.type3 .list {
        width: calc(50% - 20px);
        margin: 30px 0 0 20px
    }

    .list-basic.type3 .list .img {
        width: 100%;
        padding-right: 0
    }

    .list-basic.type3 .list .img > a {
        width: 100%;
        height: auto
    }

    .list-basic.type3 .list .txt {
        height: auto;
        padding: 20px 0 0 0
    }

    .list-basic.type3 .list .txt > em, html.eng .list-basic.type3 .list .txt > em {
        width: 100%;
        line-height: 1.3em;
        margin-bottom: 7px;
        font-size: 10px
    }

    .list-basic.type3 .list .txt > strong {
        height: 33px
    }

    .list-basic.type3 .list .txt > strong > a, html.eng .list-basic.type3 .list .txt > strong > a {
        display: block;
        overflow: hidden;
        height: 31px;
        font-size: 13px
    }

    .list-basic.type3 .list .txt > span, html.eng .list-basic.type3 .list .txt > span {
        display: block;
        position: static;
        margin-top: 13px;
        font-size: 10px;
        color: #767676
    }

    .list-basic.type3 .list .txt .btns {
        position: static;
        margin-top: 13px
    }

    .list-basic.type4 {
        margin: -25px 0 0 -20px
    }

    .list-basic.type4 .list {
        width: calc(50% - 20px);
        margin: 25px 0 0 20px
    }

    .list-basic.type4 .list .txt {
        height: 124px;
        padding-top: 0
    }

    .list-basic.type4 .list .txt > em, html.eng .list-basic.type4 .list .txt > em {
        width: 115px;
        line-height: 1.3em;
        margin-bottom: 8px;
        font-size: 10px
    }

    .list-basic.type4 .list .txt > strong {
        height: 33px;
        padding-right: 0
    }

    .list-basic.type4 .list .txt > strong > a, html.eng .list-basic.type4 .list .txt > strong > a {
        display: block;
        overflow: hidden;
        height: 31px;
        font-size: 13px
    }

    .list-basic.type4 .list .txt > span, html.eng .list-basic.type4 .list .txt > span {
        display: block;
        position: static;
        margin-top: 15px;
        font-size: 10px;
        color: #767676
    }

    .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]) {
        background: none
    }

    .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):hover, .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):focus {
        border-color: #b5b5b5
    }

    .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):hover span, .list-basic .list .txt .btns a:not(.disabled):not([class*="link-"]):focus span {
        color: #000
    }

    .list-basic .list .txt .btns a:hover .ico-detail, .list-basic .list .txt .btns a:focus .ico-detail {
        background-image: url(/images/common/ico-detail.png)
    }

    .list-basic .list .txt .btns a.btn-red:not(.disabled) {
        background: none
    }

    .list-basic .list .txt .btns a.btn-red:not(.disabled):hover, .list-basic .list .txt .btns a.btn-red:not(.disabled):focus {
        border-color: #e1002a
    }

    .list-basic .list .txt .btns a.btn-red:not(.disabled):hover .ico-book, .list-basic .list .txt .btns a.btn-red:not(.disabled):focus .ico-book {
        background-image: url(/images/common/ico-book.png)
    }

    .list-basic .list .txt .btns a.btn-red:not(.disabled):hover .ico-register-r, .list-basic .list .txt .btns a.btn-red:not(.disabled):focus .ico-register-r {
        background-image: url(/images/common/ico-register.png)
    }

    /* 상세 */
    .list-basic.view, .list-basic.view .inner, .list-basic.view .list, .list-basic.view .img, .list-basic.view .txt {
        display: block
    }

    .list-basic.view .list {
        margin-top: 0
    }

    .list-basic.view {
        margin-top: 0
    }

    .list-basic.view .img {
        width: 100%;
        padding: 0
    }

    .list-basic.view .txt {
        padding: 30px 15px 0
    }

    .list-basic.view .list .txt > em, html.eng .list-basic.view .list .txt > em {
        margin-bottom: 5px;
        font-size: 10px
    }

    .list-basic.view .list .txt > h3, html.eng .list-basic.view .list .txt > h3 {
        margin-bottom: 20px;
        font-size: 20px
    }

    .list-basic.view .list .txt > p, html.eng .list-basic.view .list .txt > p {
        height: auto;
        line-height: 1.7;
        margin: 0 0 25px;
        padding-bottom: 0;
        font-size: 11px
    }

    .list-basic.view .list .txt > span, html.eng .list-basic.view .list .txt > span {
        line-height: 1em;
        margin-bottom: 28px;
        font-size: 12px
    }

    .list-basic.view .list .txt > span > span, html.eng .list-basic.view .list .txt > span > span {
        line-height: 1em;
        margin-left: 20px;
        font-size: 11px
    }

    .list-basic.view .list .txt .info {
        min-height: auto;
        padding-bottom: 30px;
        border-bottom: none
    }

    html.eng .list-basic.view .list .txt .info {
        min-height: auto
    }

    .list-basic.view .list .txt .info ul.part:first-child li, html.eng .list-basic.view .list .txt .info ul.part:first-child li {
        width: 50%;
        padding: 4px 0;
        font-size: 11px
    }

    .list-basic.view .list .txt .info .part {
        margin-bottom: 23px
    }

    .list-basic.view .list .txt .info .part li ~ li {
        margin-left: 0
    }

    .list-basic.view .list .txt .info .part ~ .part {
        margin-bottom: 23px
    }

    .list-basic.view .list .txt .info .part ~ .part li, html.eng .list-basic.view .list .txt .info .part ~ .part li {
        display: block;
        float: none;
        width: 100%;
        font-size: 11px
    }

    .list-basic.view .list .txt .info .part ~ .part li ~ li {
        margin-top: 23px
    }

    .list-basic.view .list .txt .info .edit, html.eng .list-basic.view .list .txt .info .edit {
        line-height: 1.7;
        margin-bottom: 23px;
        font-size: 11px
    }

    .list-basic.view .list .txt .info .contact, html.eng .list-basic.view .list .txt .info .contact {
        margin-bottom: 30px;
        font-size: 11px
    }

    .list-basic.view .list .txt .info .links {
        margin-bottom: 30px
    }

    .list-basic.view .list .txt .info .links li, html.eng .list-basic.view .list .txt .info .links li {
        font-size: 12px
    }

    .list-basic.view .list .txt .info .links li ~ li {
        margin-top: 15px
    }

    .list-basic.view .list .txt .info .links li > strong {
        padding-right: 13px;
        margin-right: 8px;
        background: url(/images/common/bg-list-arr-right-m.png) right 50% no-repeat;
        background-size: 4px 6.5px
    }

    .list-basic.view .list .txt .info .links li.artists:after {
        content: "";
        display: block;
        clear: both
    }

    .list-basic.view .list .txt .info .links li.artists > strong {
        float: left
    }

    .list-basic.view .list .txt .info .links li.artists > span {
        float: left;
        width: calc(100% - 102px);
        line-height: 1.7
    }

    .list-basic.view .list .txt .info .links li.artists a {
        vertical-align: top
    }

    .list-basic.view .list .txt .info .contact + .links {
        margin-top: 0
    }

    .list-basic.view .list .txt .info .etc {
        position: static;
        width: 100%;
        padding: 0 20px
    }

    html.eng .list-basic.view .list .txt .info .etc {
        width: 100%;
        margin-top: 30px
    }

    html.eng .list-basic.view .list .txt .info .etc:before {
        display: none
    }

    html.eng .list-basic.view .list .txt .info .etc .etc-inner {
        display: block
    }

    .list-basic.view .list .txt .info .etc a, html.eng .list-basic.view .list .txt .info .etc a {
        float: none;
        width: 100%;
        height: 35px;
        font-size: 11px;
        text-indent: 0;
        padding: 0;
        border-radius: 0
    }

    html.eng .list-basic.view .list .txt .info .etc a span {
        font-size: 11px;
        text-align: left
    }

    .list-basic.view .list .txt .info .etc a > span {
        display: block;
        height: 35px;
        line-height: 35px;
        margin: 0 20px;
        padding: 0 31px 0 0;
        background-position: 100% 50%
    }

    .list-basic.view .list .txt .btns {
        display: none;
        /*position:absolute; bottom:inherit; top:-44px; right:0; left:0; height:44px; padding-top:0; background:rgba(255, 255, 255, 0.94)*/
    }

    .list-basic.view .list .txt .btns a, .list-basic.view .list .txt .btns a + a, .list-basic.view .list .txt .btns a + a + a, html.eng .list-basic.view .list .txt .btns a, html.eng .list-basic.view .list .txt .btns a + a, html.eng .list-basic.view .list .txt .btns a + a + a {
        float: left;
        width: 33.33%;
        height: 44px;
        font-size: 11px
    }

    .list-basic.view .list .txt .btns a ~ a {
        margin-left: 0
    }

    .list-basic.view .list .txt .btns a > span {
        line-height: 44px;
        padding-right: 0;
        background: none
    }

    .list-basic.view .list .video {
        display: block;
        width: 100%;
        padding-right: 0
    }

    .list-basic.view .list .txt .info .etc .etc-inner {
        width: 100%
    }

    .list-basic.view .list .txt .info .etc a, html.eng .list-basic.view .list .txt .info .etc a, .list-basic.view .list .txt .info .etc a.btn-red {
        background: none
    }

    .list-basic.view .list .txt .info .etc a.btn-blk:hover, .list-basic.view .list .txt .info .etc a.btn-blk:focus {
        border-color: #000
    }

    .list-basic.view .list .txt .info .etc a.btn-lgry:hover, .list-basic.view .list .txt .info .etc a.btn-lgry:focus, html.eng .list-basic.view .list .txt .info .etc a.btn-lgry:hover, html.eng .list-basic.view .list .txt .info .etc a.btn-lgry:focus {
        border-color: #b5b5b5
    }

    .list-basic.view .list .txt .info .etc a.btn-red:hover, .list-basic.view .list .txt .info .etc a.btn-red:focus {
        border-color: #e1002a
    }

    .list-basic.view .list .txt .info .etc a:hover span, .list-basic.view .list .txt .info .etc a:focus span {
        color: #000
    }

    .list-basic.view .list .txt .info .etc a.btn-red:hover span, .list-basic.view .list .txt .info .etc a.btn-red:focus span {
        color: #e1002a
    }

    .list-basic.view .list .txt .info .etc a:hover .ico-down, .list-basic.view .list .txt .info .etc a:focus .ico-down {
        background-image: url(/images/common/ico-down.png)
    }

    .list-basic.view .list .txt .info .etc a:hover .ico-share, .list-basic.view .list .txt .info .etc a:focus .ico-share {
        background-image: url(/images/common/ico-share.png)
    }

    .list-basic.view .list .txt .info .etc a:hover .ico-info, .list-basic.view .list .txt .info .etc a:focus .ico-info {
        background-image: url(/images/common/ico-info.png)
    }

    /* 관련컨텐츠 */
    .related-contents {
        border-bottom: 1px solid #ddd
    }

    .related-contents .list {
        width: 100%;
        margin-top: 0;
        padding: 20px 0;
        border-top: 1px solid #ddd
    }

    .related-contents .list .inner .img {
        width: 79px;
        padding-right: 20px
    }

    .related-contents .list .inner .img a {
        overflow: hidden;
        width: 79px;
        height: 79px
    }

    .related-contents .list .inner .txt em, html.eng .related-contents .list .inner .txt em {
        width: auto;
        font-size: 10px;
        line-height: 1.2em
    }

    .related-contents .list .inner .txt strong, html.eng .related-contents .list .inner .txt strong {
        margin-top: 4px;
        font-size: 13px
    }

    .related-contents .list .inner .txt strong > a, html.eng .related-contents .list .inner .txt strong > a {
        font-size: 13px
    }

    .related-contents .list .inner .txt span, html.eng .related-contents .list .inner .txt span {
        font-weight: 400;
        font-size: 10px
    }

    .related-contents h3 {
        font-family: "RixSGo B";
        font-size: 15px
    }

    html.eng .related-contents h3 {
        font-family: 'Montserrat';
        font-size: 15px
    }

    .related-contents .cont {
        width: 25%
    }

    .related-contents .cont ~ .cont {
        margin-left: 0
    }

    .related-contents .cont .list:first-child {
        border-top: none
    }

    .related-contents .cont .list:last-child {
        border-bottom: 1px solid #ddd
    }

    .related-contents .slide-cont {
        padding-bottom: 0
    }

    .related-contents .slide-cont .slick-slide > div {
        width: 100%
    }

    .related-contents .slide-cont .slick-slide > div:first-child .inner {
        border-top: none
    }

    .related-contents .slide-cont .slick-slide .inner {
        padding: 20px 0;
        border-top: 1px solid #ddd
    }

    .related-contents .slide-cont .slick-slide .inner .img {
        display: table-cell;
        width: 79px;
        padding-right: 20px
    }

    .related-contents .slide-cont .slick-slide .inner .img a {
        display: block;
        width: 79px;
        height: 79px
    }

    .related-contents .slide-cont .slick-slide .inner .img a img {
        width: 100%
    }

    .related-contents .slide-cont .slick-slide .inner .txt {
        display: table-cell;
        position: relative;
        padding-right: 20px;
        vertical-align: top
    }

    .related-contents .slide-cont .slick-slide .inner .txt em, html.eng .related-contents .slide-cont .slick-slide .inner .txt em {
        display: inline-block;
        overflow: hidden;
        width: auto;
        font-style: normal;
        font-size: 10px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .related-contents .slide-cont .slick-slide .inner .txt strong, html.eng .related-contents .slide-cont .slick-slide .inner .txt strong {
        display: block;
        overflow: hidden;
        height: 40px;
        margin-top: 4px;
        font-size: 13px
    }

    .related-contents .slide-cont .slick-slide .inner .txt strong > a {
        display: block;
        font-family: 'RixSGo B';
        font-size: 13px;
        line-height: 1.5
    }

    html.eng .related-contents .slide-cont .slick-slide .inner .txt strong > a {
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 13px
    }

    .related-contents .slide-cont .slick-slide .inner .txt span, html.eng .related-contents .slide-cont .slick-slide .inner .txt span {
        position: absolute;
        left: 0;
        bottom: 0;
        font-family: 'Montserrat';
        font-weight: 400;
        font-size: 10px;
        color: #666
    }

    .related-contents .list .inner span.clr-caution, html.eng .related-contents .list .inner span.clr-caution {
        font-size: 13px
    }

    .related-contents .slide-cont .slick-arrow {
        top: -24px;
        left: inherit;
        bottom: inherit;
        width: 32px;
        height: 32px
    }

    .related-contents .slide-cont .slick-arrow.slick-prev {
        right: 19.5px;
        margin-left: 0;
        background: url(/images/common/btn-arrow-left-m.png) 50% 50% no-repeat;
        background-size: 7px 12.5px
    }

    .related-contents .slide-cont .slick-arrow.slick-next {
        right: -12.5px;
        margin-right: 0;
        background: url(/images/common/btn-arrow-right-m.png) 50% 50% no-repeat;
        background-size: 7px 12.5px
    }

    /* image slide */
    .slide-thumb {
        overflow: visible;
        width: auto;
        margin: 0 10px 0 15px
    }

    .slide-thumb .slick-list {
        margin-left: 0
    }

    .slide-thumb button ~ .slick-list {
        padding-bottom: 45px
    }

    .slide-thumb .thumbs {
        margin-left: 0;
        margin-right: 5px
    }

    .slide-thumb .thumbs .inner {
        height: auto
    }

    .slide-thumb .thumbs.video .inner a:after {
        opacity: 0.8;
        background-image: url(/images/common/ico-video-m.png);
        background-size: 12px 15px
    }

    /* 아티스트 소개 */
    .artist-info {
        float: none;
        width: 100%;
        padding: 0 15px
    }

    .artist-info .inner .img {
        width: 100px;
        padding-right: 20px
    }

    .artist-info .inner .img img {
        height: auto
    }

    .artist-info .inner .txt {
        padding-right: 0
    }

    .artist-info .inner .txt .person {
        position: relative;
        min-height: 79px;
        height: auto;
        margin-bottom: 0
    }

    .artist-info .inner .txt .person > em, html.eng .artist-info .inner .txt .person > em {
        margin-bottom: 8px;
        font-size: 10px;
        line-height: 1.3em
    }

    .artist-info .inner .txt .person > strong, html.eng .artist-info .inner .txt .person > strong {
        overflow: hidden;
        min-width: auto;
        height: 50px;
        margin-bottom: 0;
        font-size: 17px;
        line-height: 1.3em
    }

    .artist-info .inner .txt .person .name, html.eng .artist-info .inner .txt .person .name {
        position: static;
        font-size: 11px
    }

    .artist-info .inner .txt .position, .artist-info .inner .txt .position.type2 {
        margin-top: 26px;
        margin-left: -100px;
        font-size: 11px
    }

    html.eng .artist-info .inner .txt .position {
        font-size: 11px
    }

    /*.artist-info .inner .txt .position.type2 {margin-top:5px; margin-left:-120px}*/
    .artist-info .inner .txt .position p, html.eng .artist-info .inner .txt .position p {
        font-size: 11px
    }

    .artist-info .inner .txt .awards {
        margin-top: 30px;
        margin-left: -99px;
        font-size: 11px
    }

    .artist-info .inner .txt .awards > strong, html.eng .artist-info .inner .txt .awards > strong {
        font-size: 15px
    }

    .artist-detail {
        float: none;
        width: 100%;
        margin-top: 40px
    }

    .artist-detail .artist-spec {
        padding: 30px 15px 0;
        font-size: 11px
    }

    html.eng .artist-detail .artist-spec p {
        font-size: 11px
    }

    .artist-detail .artist-spec .bio-list > span.tit, html.eng .artist-detail .artist-spec .bio-list > span.tit {
        font-size: 11px;
        margin-bottom: 24px
    }

    .artist-detail .artist-spec .bio-list ul li strong, html.eng .artist-detail .artist-spec .bio-list ul li strong {
        width: 79px;
        line-height: 1.8;
        font-size: 11px
    }

    .artist-detail .artist-spec .bio-list ul li p, html.eng .artist-detail .artist-spec .bio-list ul li p {
        width: calc(100% - 83px);
        font-size: 11px
    }

    .artist-detail .artist-spec .bio-list ul li p span {
        margin-top: 5px
    }

    .artist-detail .artist-spec .bio-list ul li ~ li {
        padding: 13px 0
    }

    .artist-detail .artist-spec .bio-list ul li:first-child {
        padding-bottom: 13px
    }

    .artist-detail .artist-spec .bio-list ul li:last-child {
        padding-bottom: 0
    }

    .artist-detail .artist-spec .related-contents {
        margin-top: 0;
        margin-bottom: -30px
    }

    .artist-detail .artist-spec .related-contents .list {
        float: none;
        width: 100%
    }

    .artist-detail .artist-spec .related-contents .list:first-child {
        padding-top: 0;
        border-top: none
    }

    .artist-detail .artist-spec .tbl-basic table {
        border-top: 2px solid #000
    }

    .artist-detail .artist-spec .tbl-basic table tbody td {
        padding: 15px
    }

    .artist-detail .artist-spec .tbl-basic table tbody td.tit, html.eng .artist-detail .artist-spec .tbl-basic table tbody td.tit {
        width: calc(100% - 43px);
        line-height: 1.6;
        font-size: 11px
    }

    .artist-detail .artist-spec .tbl-basic table tbody td.down {
        width: 43px;
        padding: 0;
        text-align: right
    }

    html.eng .artist-detail .artist-spec .tbl-basic table tbody td.down {
        width: 43px
    }

    .artist-detail .artist-spec .tbl-basic table tbody td.down a, html.eng .artist-detail .artist-spec .tbl-basic table tbody td.down a {
        padding-left: 0;
        font-size: 0
    }

    html.eng .artist-detail .artist-spec .tbl-basic table tbody td.down a span {
        font-size: 0
    }

    #artistData .paginate-nav {
        display: none
    }

    /* 팝업 갤러리 */
    .popup-wrap .works-content {
        padding: 30px 15px 0
    }

    .popup-wrap .works-content h4, html.eng .popup-wrap .works-content h4 {
        padding-bottom: 20px;
        font-size: 15px
    }

    .popup-wrap .works-content .info {
        padding: 20px 0
    }

    .popup-wrap .works-content .info > p, html.eng .popup-wrap .works-content .info > p {
        font-size: 11px
    }

    .popup-wrap .works-content p.desc, html.eng .popup-wrap .works-content p.desc {
        padding-top: 20px;
        line-height: 1.7;
        font-size: 11px
    }

    .popup-wrap .works-image {
        width: 100%
    }

    .popup-wrap .page-anc {
        position: absolute;
        top: 147px;
        left: 0;
        width: 100%;
        height: 18.5px;
        margin: 0;
        padding: 0 15px
    }

    .popup-wrap .page-anc a {
        display: inline-block;
        width: 11px;
        height: 18.5px;
        font-size: 0;
        text-indent: -9999em
    }

    .popup-wrap .page-anc .prev {
        float: left;
        background: url(/images/common/btn-arrow-left-radius.png) no-repeat;
        background-size: 11px 18.5px
    }

    .popup-wrap .page-anc .next {
        float: right;
        background: url(/images/common/btn-arrow-right-radius.png) no-repeat;
        background-size: 11px 18.5px
    }

    /* 작품 리스트 */
    .works-list ul {
        margin-top: -20px
    }

    .works-list ul li {
        float: left;
        width: calc(50% - 10px);
        margin: 20px 0 0 0
    }

    .works-list ul li:nth-child(2n) {
        margin-left: 20px
    }

    /* 지난공연 */
    .art-search-frm {
        margin: 25px 15px 30px;
        padding: 0 0 25px 0;
        border-bottom: 1px solid #ddd
    }

    .art-search-frm .row {
        text-align: center
    }

    .art-search-frm .row .set {
        float: none
    }

    .art-search-frm .row .set ~ .set {
        margin: 10px 0 0 0
    }

    .art-search-frm .row .set > strong, html.eng .art-search-frm .row .set > strong {
        width: 55px;
        line-height: 35px;
        font-size: 11px;
        text-align: left
    }

    .art-search-frm .row .set .inp {
        width: calc(100% - 55px);
        line-height: 35px
    }

    .art-search-frm .row .set .inp.date {
        display: none
    }

    .art-search-frm .row .set .inp.date.m {
        display: block
    }

    .art-search-frm .row .set .inp input[type="text"] {
        height: 35px;
        line-height: 1.2em
    }

    .art-search-frm .row .set .inp.name input[type="text"] {
        width: 100%
    }

    .art-search-frm .row .set .inp.date input[type="text"], .art-search-frm .row .set .inp.date input[type="date"] {
        width: calc(50% - 9px);
        padding-right: 10px;
        line-height: 1.5em;
        background: url(/images/common/ico-calendar-m.png) 100% 50% no-repeat;
        background-size: 23px 13px
    }

    .art-search-frm .row .set .inp.date input[type="text"] + span, .art-search-frm .row .set .inp.date input[type="date"] + span, html.eng .art-search-frm .row .set .inp.date input[type="text"] + span, html.eng .art-search-frm .row .set .inp.date input[type="date"] + span {
        width: 6px;
        padding: 0 6px;
        line-height: 35px;
        font-size: 11px
    }

    .art-search-frm .row button.search {
        float: none;
        width: 100px;
        margin-top: 20px;
        padding: 0 20px
    }

    /* 프로그램 리스트 */
    .list-program {
        margin: 0
    }

    .list-program .list {
        width: 100%;
        padding: 20px 0
    }

    .list-program .list:first-child {
        border-top: none
    }

    .list-program .list:last-child {
        border-bottom: none
    }

    .list-program .list .inner .img {
        width: 120px;
        padding-right: 20px
    }

    .list-program .list .inner .info {
        width: calc(100% - 120px);
        padding-right: 0
    }

    .list-program .list .inner .info strong.tit, .list-program .list .inner .info strong.tit a, html.eng .list-program .list .inner .info strong.tit, html.eng .list-program .list .inner .info strong.tit a {
        line-height: 1.6;
        font-size: 13px
    }

    .list-program .list .inner .info span.people {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0;
        font-size: 10px
    }

    html.eng .list-program .list .inner .info span.people {
        font-size: 10px
    }

    .list-program .list .inner .info p, .list-program .list .inner .info p.desc, .list-program .list .inner .info .link-detail {
        display: none
    }

    /* 프로그램 상세정보 리스트 */
    .list-border > ul > li {
        float: none;
        width: 100%;
        margin-top: 40px
    }

    .list-border > ul > li > strong, html.eng .list-border > ul > li > strong {
        padding-bottom: 10px;
        font-size: 13px
    }

    .list-border > ul > li > strong:after {
        width: 15px
    }

    .list-border > ul > li > div {
        min-height: auto;
        padding-top: 15px
    }

    .list-border > ul > li > div p, html.eng .list-border > ul > li > div p {
        font-size: 11px
    }

    html.eng .list-border > ul > li > div p span {
        font-size: 11px
    }

    html.eng .list-border > ul > li > div p strong {
        font-size: 11px
    }

    .list-border > ul > li > div .list-text li, html.eng .list-border > ul > li > div .list-text li, html.eng .list-border > ul > li > div .list-text li span {
        font-size: 11px
    }

    /* 프로그램 상세보기 */
    .program-view .head {
        padding: 25px 0 0
    }

    .program-view .head h3, html.eng .program-view .head h3 {
        font-size: 20px
    }

    .program-view .head .info {
        float: none;
        position: relative;
        padding-top: 45px;
        line-height: 1.5
    }

    .program-view .head .info .date, html.eng .program-view .head .info .date {
        position: absolute;
        left: 0;
        top: 17px;
        font-size: 10px;
        color: #767676
    }

    .program-view .gallery .slide-thumb {
        padding: 0 0 45px
    }

    .program-view .gallery .gallery-view {
        padding-top: 20px
    }

    .program-view .gallery .gallery-view img {
        max-width: 100%
    }

    .program-view .detail, html.eng .program-view .detail {
        padding: 25px 0 0;
        font-size: 11px
    }

    .program-view .detail p, html.eng .program-view .detail p {
        line-height: 1.8;
        font-size: 11px
    }

    .program-view .attach {
        margin-top: 20px;
        padding: 30px 0 20px
    }

    .program-view .attach .tbl-basic table td {
        padding: 15px;
        font-size: 11px
    }

    html.eng .program-view .attach .tbl-basic table td {
        font-size: 11px
    }

    .program-view .attach .tbl-basic table td.tit, html.eng .program-view .attach .tbl-basic table td.tit {
        width: calc(100% - 43px);
        line-height: 1.6;
        padding-left: 15px;
        font-size: 11px
    }

    .program-view .attach .tbl-basic table td.down {
        width: 43px;
        padding: 0;
        text-align: right
    }

    .program-view .attach .tbl-basic table td.down a, html.eng .program-view .attach .tbl-basic table td.down a {
        padding-left: 0;
        font-size: 0
    }

    html.eng .program-view .attach .tbl-basic table td.down a span {
        font-size: 0
    }

    .program-view + .paginate-nav {
        margin-left: 0;
        margin-right: 0
    }

    /* 로그인, 회원가입 */
    .section-join .section div.content {
        padding: 25px 15px 30px;
        border-top: none
    }

    /* 약관동의 */
    .section-join.agreement .section header.content {
        border-bottom: 1px solid #ddd
    }

    .section-join.agreement div.content {
        padding-top: 30px;
        border-top: none
    }

    .section-join.agreement div.content .bx-scroll {
        height: 150px
    }

    .section-join.agreement div.content .bx-scroll .inner, html.eng .section-join.agreement div.content .bx-scroll .inner {
        padding-right: 5px;
        font-size: 10px
    }

    .section-join.agreement div.content .bx-scroll .inner * {
        line-height: 1.666em
    }

    .section-join.agreement div.content .bx-scroll .inner h5 {
        margin-bottom: 15px;
        font-size: 10px
    }

    .section-join.agreement div.content .bx-scroll .inner h5 ~ h5 {
        margin-top: 15px
    }

    .section-join.agreement div.content .bx-scroll .inner h5 + p {
        margin-bottom: 10px
    }

    .section-join.agreement div.content .bx-scroll .inner > ul > li ~ li, .section-join.agreement div.content .bx-scroll .inner > ul > li > ul {
        margin-top: 10px
    }

    .section-join.agreement div.content .wrap-terms ~ .wrap-terms {
        margin-top: 25px
    }

    .section-join.agreement div.content .wrap-terms h4 label, html.eng .section-join.agreement div.content .wrap-terms h4 label {
        font-size: 12px
    }

    .section-join.agreement div.content .wrap-terms .bx-scroll {
        margin-top: 12px
    }

    .section-join.agreement div.content .check-all {
        margin: 0 0 20px
    }

    .section-join.agreement div.content .wrap-terms + .check-all {
        margin: 25px 0 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .section-join.agreement div.content .check-all label, html.eng .section-join.agreement div.content .check-all label {
        font-size: 12px
    }

    .section-join.agreement div.content .btns-submit {
        margin-top: 0;
        padding-top: 20px;
        border: none
    }

    .section-join.agreement div.content .btns-submit:after {
        content: "";
        display: block;
        clear: both
    }

    .section-join.agreement div.content .btns-submit a {
        float: left;
        width: calc(50% - 5px)
    }

    .section-join.agreement div.content .btns-submit a ~ a {
        margin-left: 10px
    }

    .section-join.form .btns-submit .list-text {
        margin: 0;
        text-align: left
    }

    /* 가입확인 */
    .section-join.member .section header.content .list-text {
        margin-top: 15px
    }

    .section-join.member .section div.content {
        padding-top: 0
    }

    .section-join.member .section div.content .tbl-row.form {
        border-bottom-color: #ddd
    }

    .section-join.member .section div.content .tbl-row.form tbody tr th {
        float: left;
        width: 80px
    }

    .section-join.member .section div.content .tbl-row.form tbody tr td {
        width: calc(100% - 80px);
        min-height: 51px;
        height: auto
    }

    .section-join.member .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) {
        width: 100%
    }

    .section-join.member .section div.content .tbl-row.form tbody tr td select {
        width: 100%;
        margin-top: 8px
    }

    .section-join.member .section div.content .tbl-row.form tbody tr:nth-child(2):after {
        content: "";
        display: block;
        clear: both
    }

    .section-join.member .section div.content .tbl-row.form tbody tr:nth-child(2) td input[type="text"] {
        float: left;
        width: calc(50% - 13.5px)
    }

    .section-join.member .section div.content .tbl-row.form tbody tr:nth-child(2) td .unit {
        float: left
    }

    .section-join.member .btns-submit a {
        width: 140px
    }

    /* 회원가입 정보입력 */
    .section-join.form .section header.content {
        border-bottom: 1px solid #ddd
    }

    .section-join.form .section div.content .note, html.eng .section-join.form .section div.content .note {
        position: absolute;
        right: inherit;
        left: 15px;
        top: 25px;
        font-size: 11px
    }

    .section-join.form .section div.content .note .req {
        width: 5px;
        height: 5px;
        margin-right: 3px
    }

    .section-join.form .section div.content .note + .tbl-row {
        border-top: none
    }

    .section-join.form .section div.content .tbl-row.form {
        padding-top: 26px
    }

    .section-join.form .section div.content .tbl-row.form ~ .tbl-row.form {
        padding-top: 17px
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) + a {
        margin-top: 8px
    }

    .section-join.form .section div.content .tbl-row.form tbody tr th {
        float: left;
        width: 80px
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td {
        width: calc(100% - 80px);
        min-height: 51px;
        height: auto
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) {
        width: 100%
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td .input-btn {
        display: block;
        width: 100%;
        padding-right: 0
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td .input-btn [class*='btn-'] {
        position: static;
        width: 100%
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td .input-btn input:not([type=checkbox]):not([type=radio]) {
        width: 100%
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td .guide {
        display: none
    }

    .section-join.form .section div.content .tbl-row.form ~ .tbl-row.form tbody tr td .guide {
        display: inline-block
    }

    .section-join.form .section div.content .tbl-row.form tbody tr.phone .wrap-select, .section-join.form .section div.content .tbl-row.form tbody tr.phone .wrap-select select, .section-join.form .section div.content .tbl-row.form tbody tr.phone td input:not([type=checkbox]):not([type=radio]) {
        width: calc(33.33% - 3.33px);
        margin-top: 0
    }

    .section-join.form .section div.content .tbl-row.form tbody tr.phone td a {
        width: 100%
    }

    .section-join.form .section div.content .tbl-row.form tbody tr.address th {
        padding-top: 16px;
        vertical-align: top
    }

    .section-join.form .section div.content .tbl-row.form tbody tr.address td > input[type="text"] {
        width: calc(50% - 2.5px) !important
    }

    .section-join.form .section div.content .tbl-row.form tbody tr.address td input[type="text"] + a {
        width: calc(50% - 2.5px);
        margin-top: 0;
        padding: 0 10px
    }

    .section-join.form .section div.content .tbl-row.form tbody tr.address td .devide {
        margin-top: 8px;
        padding-top: 0
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) {
        float: none;
        width: 100%;
        margin: 0
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]) {
        margin: 8px 0 0 0
    }

    .section-join.form .section div.content .tbl-row.form tbody tr td input[type=radio] + label {
        margin-top: 7px
    }

    .section-join.form .btns-submit {
        padding-top: 20px;
        border-color: #ddd
    }

    .section-join.form .btns-submit:after {
        content: "";
        display: block;
        clear: both
    }

    .section-join.form .btns-submit a {
        float: left;
        width: calc(50% - 5px);
        margin-top: 20px
    }

    .section-join.form .btns-submit a ~ a {
        margin-left: 10px
    }

    .section-join.form .btns-submit .list-text {
        position: static;
        color: #767676
    }

    .section-join.form .btns-submit .list-text strong {
        color: #000
    }

    /* 로그인 */
    .section-login div.section .sign {
        width: 100%;
        padding: 0 15px
    }

    .section-login div.section .sign p, html.eng .section-login div.section .sign p {
        font-size: 12px
    }

    .section-login div.section .sign p span {
        display: block;
        margin-top: 3px
    }

    .section-login div.section .sign fieldset > [class*='btn-'] {
        display: inline-block;
        width: 140px
    }

    .section-login div.section .sign fieldset > [class*='btn-'] span {
        display: block;
        text-align: left;
        background: url(/images/common/ico-arrow-wht-m.png) 100% 50% no-repeat;
        background-size: 25px 5.5px
    }

    .section-login div.section .sign ul {
        margin-top: 30px
    }

    .section-login div.section.find .sign ul li a:not(.tel), html.eng .section-login.find div.section .sign ul li a:not(.tel) {
        padding-left: 39px;
        line-height: 32px;
        font-size: 11px
    }

    .section-login.find div.section .sign ul li a:not(.tel):after {
        margin-top: -15px;
        width: 28px;
        height: 28px
    }

    .section-login div.section .sign ul li.find a:after {
        background: url(/images/content/ico-login-find-m.png) 50% 50% no-repeat;
        background-size: 7px 13px
    }

    .section-login div.section .sign ul li.join a:after {
        background: url(/images/content/ico-login-join-m.png) 50% 50% no-repeat;
        background-size: 11px auto
    }

    .section-login div.section .sign ul li.join {
        margin-left: 35px
    }

    .section-login div.section .sign-extend {
        display: none
    }

    /* 아이디,비밀번호 찾기 */
    .section-login.find div.section .sign-extend {
        display: block
    }

    /* 가입완료 */
    .section-join.completet .section header.content {
        margin-top: 79px;
        padding-bottom: 0;
        text-align: center
    }

    .section-join.completet .section header.content h3, html.eng .section-join.completet .section header.content h3 {
        padding-top: 42px;
        font-size: 20px;
        background: url(/images/common/ico-bi-b.png) 50% 0 no-repeat;
        background-size: 89px 7px
    }

    .section-join.completet .section header.content h3 span {
        display: block;
        margin-top: 5px
    }

    .section-join.completet .section header.content p {
        margin-top: 20px;
        line-height: 1.7
    }

    .section-join.completet .section header.content p br {
        display: none
    }

    .section-join.completet .section header.content p span {
        display: block;
        line-height: 1.7
    }

    .section-join.completet .section header.content p span ~ span {
        margin-top: 20px
    }

    .section-join.completet .section div.content {
        border-top: none
    }

    .section-join.completet .section div.content h4, .section-join.completet .section div.content .tbl-col {
        display: none
    }

    /* 아이디,비밀번호 찾기 */
    .section-login.find header.section {
        margin-bottom: 0
    }

    .section-login.find div.section .sign {
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 0 0 25px 0;
        text-align: center;
        border-top: none;
        border-left: none;
        border-right: none
    }

    .section-login.find div.section .sign:last-child {
        border-bottom: none
    }

    .section-login.find div.section .sign-extend {
        float: none;
        width: 100%;
        margin-top: 23px
    }

    .section-login.find div.section .sign-extend .sign {
        height: auto;
        margin-top: 15px
    }

    .section-login.find div.section .sign-extend .sign p {
        margin-bottom: 20px
    }

    .section-login.find div.section .sign-extend h3 {
        padding: 0 15px;
        font-family: "RixSGo B";
        font-size: 15px
    }

    html.eng .section-login.find div.section .sign-extend h3 {
        font-family: 'Montserrat';
        font-size: 15px
    }

    .section-login.find div.section .sign p, html.eng .section-login.find div.section .sign p {
        font-size: 11px;
        text-align: left
    }

    .section-login.find div.section .sign input[type="text"], .section-login.find div.section .sign input[type="password"], .section-login.find div.section .sign input[type="number"], .section-login.find div.section .sign input[type="email"] {
        width: 100%
    }

    .section-login.find div.section .devide.d2 input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]) {
        margin: 10px 0 0 0
    }

    .section-login.find div.section .sign-extend .sign.result .result-id {
        height: 135px
    }

    .section-login.find div.section .sign-extend .sign.result .result-id strong, html.eng .section-login.find div.section .sign-extend .sign.result .result-id strong {
        font-size: 20px
    }

    .section-login.find div.section .sign-extend .sign.result > button {
        display: inline-block;
        width: 140px
    }

    .section-login.find div.section .sign-extend .sign.result > button span {
        display: block;
        text-align: left;
        background: url(/images/common/ico-arrow-wht-m.png) 100% 50% no-repeat;
        background-size: 25px 5.5px
    }

    .section-login.find div.section .sign ul {
        margin-top: 20px
    }

    .section-login.find div.section .sign ul li {
        text-align: left
    }

    .section-login.find div.section .sign ul li ~ li {
        margin-top: 6px
    }

    .section-login.find div.section .sign-extend .sign fieldset .devide ~ .devide {
        margin-bottom: 0
    }

    /* 마이페이지 */
    .section-mypage header.section {
        margin-bottom: 0
    }

    .section-mypage .section header.content {
        margin: 0;
        padding: 0
    }

    .section-mypage .tab-basic {
        margin-top: -1px
    }

    /* 회원정보변경 */
    .section-mypage.member .section div.content .note {
        height: auto;
        padding: 0 15px
    }

    .section-mypage.member .section div.content .note p, html.eng .section-mypage.member .section div.content .note p {
        position: static;
        font-size: 12px;
        line-height: 1.3
    }

    .section-mypage.member .section div.content .note .req {
        width: 5px;
        height: 5px;
        margin-right: 4px
    }

    .section-mypage.member .section div.content .note + .tbl-row {
        border-top: none
    }

    .section-mypage.member .section div.content .tbl-row.form {
        margin: 0 15px;
        padding: 14px 0
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr th {
        width: 27.58%
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td {
        width: 72.42%;
        height: auto;
        padding: 7px 0
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td input:not([type=checkbox]):not([type=radio]) {
        width: 100%
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td input[type="password"] + .guide {
        display: none
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr.phone .wrap-select, .section-mypage.member .section div.content .tbl-row.form tbody tr.phone td input:not([type=checkbox]):not([type=radio]), .section-mypage.member .section div.content .tbl-row.form tbody tr.address td input:not([type=checkbox]):not([type=radio]) {
        float: left;
        width: 32%
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr.phone .wrap-select select {
        width: 100%
    }

    /*.section-mypage.member .section div.content .tbl-row.form tbody tr.phone td input:not([type=checkbox]):not([type=radio]),*/
    .section-mypage.member .section div.content .tbl-row.form tbody tr.address th {
        padding-top: 16px
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr.phone td input:not([type=checkbox]):not([type=radio]) {
        margin-left: 2%
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr.address td input:not([type=checkbox]):not([type=radio]) {
        width: 49%;
        margin-right: 2%
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr.address td input[type="text"] + [class*='btn-'] {
        width: 49%
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td .devide {
        padding-top: 0
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) {
        float: none;
        width: 100%;
        margin: 0
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td .devide.d2 input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]) {
        margin: 7px 0 0 0
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr.address td .devide {
        margin-top: 7px
    }

    .section-mypage.member .section div.content .tbl-row.form tbody tr td input[type="radio"] + label {
        margin-top: 7px;
        margin-bottom: 7px
    }

    .section-mypage.member .btns-submit {
        position: relative;
        margin: 0 15px;
        padding-top: 15px;
        border-top: 1px solid #ddd
    }

    .section-mypage.member .btns-submit:after {
        content: "";
        display: block;
        clear: both
    }

    .section-mypage.member .btns-submit a.go {
        float: left;
        width: calc(50% - 5px)
    }

    .section-mypage.member .btns-submit a.go ~ a.go {
        margin-left: 10px
    }

    .section-mypage.member .btns-submit a.link-blk {
        position: static;
        margin-top: 25px
    }

    /* 두산사우 인증 팝업 */
    .popup-certify .popup-section {
        width: 100%;
        height: 100%
    }

    .popup-certify .popup-section h4, html.eng .popup-certify .popup-section h4 {
        padding: 120px 0 29px;
        font-size: 17px;
        text-align: center
    }

    .popup-certify .popup-section .tbl-row table {
        border-bottom: none
    }

    .popup-certify .popup-section .tbl-row table tbody th {
        display: none
    }

    .popup-certify .popup-section .tbl-row table tbody td {
        width: 100%;
        padding: 16px 0
    }

    .popup-certify .popup-section .tbl-row table tbody td input[type="text"] {
        width: 63.79%;
        height: 35px;
        line-height: 35px
    }

    .popup-certify .popup-section .tbl-row table tbody td span, html.eng .popup-certify .popup-section .tbl-row table tbody td span {
        font-size: 11px
    }

    .popup-certify .popup-section .btns-submit {
        margin: 0;
        padding-top: 20px
    }

    .popup-certify .popup-section .btns-submit a {
        width: 100px
    }

    /* 예매내역 */
    .section-mypage.history .note {
        padding: 0 15px 25px;
        text-align: center
    }

    .section-mypage.history .note ul {
        margin: 0 0 20px;
        text-align: left
    }

    .section-mypage.history .note ul li, .section-mypage.history .note ul li span {
        line-height: 1.3
    }

    .section-mypage.history .note a {
        width: 150px
    }

    .section-mypage.history .note ul li em {
        color: #000;
        text-decoration: none
    }

    .section-mypage.history .note ul li em:before {
        content: "["
    }

    .section-mypage.history .note ul li em:after {
        content: "]"
    }

    .section-mypage.history .tbl-col {
        border-color: #ddd
    }

    .section-mypage.history .tbl-col table, .section-mypage.history .tbl-col table tbody, .section-mypage.history .tbl-col table tbody tr, .section-mypage.history .tbl-col table tbody td {
        display: block
    }

    .section-mypage.history .tbl-col table thead th {
        display: none
    }

    .section-mypage.history .tbl-col table tbody td {
        height: auto
    }

    .section-mypage.history .tbl-col table {
        border-color: #ddd
    }

    .section-mypage.history .tbl-col table tbody td.name {
        width: 100%;
        padding: 18px 15px 0;
        font-family: "RixSGo B";
        font-size: 11px;
        text-align: left;
        border-bottom: none
    }

    html.eng .section-mypage.history .tbl-col table tbody td.name {
        font-family: 'Montserrat';
        font-size: 11px
    }

    .section-mypage.history .tbl-col table tbody td.date, html.eng .section-mypage.history .tbl-col table tbody td.date {
        width: 100%;
        padding: 7px 15px 18px;
        font-size: 10px;
        color: #767676;
        text-align: left
    }

    /* Quick 메뉴 */
    /* 뉴스레터 */
    .section-quick.newsletter .section header.content {
        padding-bottom: 20px
    }

    html.eng .section-quick.newsletter header.content h3 {
        font-weight: 500
    }

    .section-quick.newsletter .section div.content {
        padding-right: 15px;
        padding-left: 15px
    }

    .section-quick.newsletter .tbl-row table, .section-quick.newsletter .tbl-row table tbody, .section-quick.newsletter .tbl-row table tbody tr, .section-quick.newsletter .tbl-row table tbody tr th, .section-quick.newsletter .tbl-row table tbody tr td {
        display: block
    }

    .section-quick.newsletter .tbl-row table th {
        width: 16%
    }

    html.eng .section-quick.newsletter .tbl-row table th {
        width: 28%;
        font-weight: 500
    }

    .section-quick.newsletter .tbl-row table td, .section-quick.newsletter section.section ~ section.section .tbl-row table td {
        width: 84%
    }

    html.eng .section-quick.newsletter .tbl-row table td, html.eng .section-quick.newsletter section.section ~ section.section .tbl-row table td {
        width: 72%
    }

    .section-quick.newsletter .tbl-row table td input[type="text"] {
        width: 100%
    }

    .section-quick.newsletter .tbl-row table td .inp {
        margin-right: 10px
    }

    .section-quick.newsletter .tbl-row table td .inp input[type="checkbox"] + label {
        margin-top: 7px;
        font-size: 11px
    }

    .section-quick.newsletter .tbl-row table td .inp input[type="checkbox"] + label ~ label {
        margin-left: 30px
    }

    html.eng .section-quick.newsletter .tbl-row table td .inp input[type="checkbox"] + label {
        font-size: 11px
    }

    html.eng .section-quick.newsletter .tbl-row table td .inp input[type="checkbox"] + label ~ label {
        margin-left: 13px
    }

    html.eng .section-quick.newsletter .tbl-row table td .inp {
        padding-bottom: 5px
    }

    html.eng .section-quick.newsletter .tbl-row table td .inp .m {
        display: block;
        margin-top: 10px;
        margin-left: 0
    }

    .section-quick.newsletter .tbl-row table td .inp + .guide {
        margin-left: 0;
        margin-top: 7px;
        vertical-align: middle
    }

    html.eng .section-quick.newsletter .tbl-row table td .inp .guide {
        line-height: 19px;
        margin-left: 22px;
        vertical-align: bottom
    }

    .section-quick.newsletter .tbl-row table td.agree {
        padding-bottom: 0
    }

    .section-quick.newsletter .tbl-row table td.agree label {
        margin-top: 7px;
        padding-left: 23px;
        font-size: 11px
    }

    .section-quick.newsletter .tbl-row table td.agree label a {
        font-size: 11px
    }

    .section-quick.newsletter .btns-submit {
        margin-top: 17px
    }

    .section-quick.newsletter .btns-submit .list-text {
        margin: 0 0 15px;
        text-align: left
    }

    .section-quick.newsletter section.section ~ section.section {
        margin-top: 35px
    }

    html.eng .section-quick.newsletter section.section ~ section.section {
        margin-top: 5px
    }

    .section-quick.newsletter .btns-submit a, html.eng .section-quick.newsletter .btns-submit a {
        width: 140px
    }

    .section-quick.newsletter section.section ~ section.section .tbl-row table td input[type="text"] {
        width: 100%
    }

    /*.section-quick.newsletter .btns-submit a.cancel {background:#767676}
    .section-quick.newsletter .btns-submit a.cancel span {color:#fff; background:url(/images/common/ico-arrow-wht-m.png) 100% 50% no-repeat; background-size:25px 5.5px}*/
    html.eng .section-quick.newsletter h3 + .list-text li {
        line-height: 1.5;
        font-size: 11px
    }

    html.eng .section-quick.newsletter h3 + .list-text li ~ li {
        margin-top: 7px
    }

    /* 개인정보취급방침 팝업 */
    .popup-clause .popup-section {
        width: 100%
    }

    .popup-clause .popup-section .popup-content {
        height: auto
    }

    .popup-clause .popup-content .clause-content h4 {
        font-size: 12px
    }

    .popup-clause .popup-section .popup-content .bx-scroll {
        height: 150px;
        padding-right: 15px;
        font-size: 10px
    }

    .popup-clause .popup-section .popup-content .bx-scroll strong {
        padding-bottom: 10px
    }

    /* 통합검색 */
    .section-quick.search header.section {
        margin-bottom: 23px
    }

    .section-quick.search .search-basic .search-bar input[type="text"] {
        font-size: 12px
    }

    html.eng .section-quick.search .search-basic .search-bar input[type="text"] {
        font-size: 12px
    }

    .section-quick.search .result-content {
        padding: 0 15px
    }

    .section-quick.search .result-content ~ .result-content {
        margin-top: 40px
    }

    .section-quick.search .result-content .related-contents .list {
        float: none;
        width: 100%
    }

    .section-quick.search .searched-artists .artist:first-child {
        border-top-color: #ddd
    }

    .section-quick.search .searched-artists .artist {
        border-bottom-color: #ddd
    }

    .section-quick.search .searched-artists .artist .inner .img, .section-quick.search .searched-artists .artist .inner .name, .section-quick.search .searched-artists .artist .inner .info {
        padding: 25px 0
    }

    .section-quick.search .searched-artists .artist .inner .img {
        width: 99px;
        padding-right: 20px
    }

    .section-quick.search .searched-artists .artist .inner .img img {
        width: 79px
    }

    .section-quick.search .searched-artists .artist .inner .name {
        position: relative;
        padding-right: 0
    }

    .section-quick.search .searched-artists .artist .inner .name em {
        min-width: auto;
        padding-bottom: 10px;
        font-size: 10px
    }

    html.eng .section-quick.search .searched-artists .artist .inner .name em {
        font-size: 10px
    }

    .section-quick.search .searched-artists .artist .inner .name strong {
        min-width: 0;
        padding-bottom: 0;
        font-size: 17px
    }

    html.eng .section-quick.search .searched-artists .artist .inner .name strong, html.eng .section-quick.search .searched-artists .artist .inner .name strong span, html.eng .section-quick.search .searched-artists .artist .inner .name strong a {
        font-size: 17px
    }

    .section-quick.search .searched-artists .artist .inner .name .eng {
        position: absolute;
        left: 0;
        bottom: 25px;
        font-weight: 400;
        font-size: 11px
    }

    html.eng .section-quick.search .searched-artists .artist .inner .name .eng {
        font-size: 11px
    }

    .section-quick.search .searched-artists .artist .inner .info {
        width: 35px
    }

    .section-quick.search .searched-artists .artist .inner .info *:not(a) {
        display: none
    }

    .section-quick.search .searched-artists .artist .inner .info a.more {
        bottom: 19px
    }

    .section-quick.search .searched-artists .artist .inner .info a.more span {
        background-position: 100% 50%
    }

    .section-quick.search .result-content .works-list > ul {
        margin-top: 0
    }

    .section-quick.search .result-content .works-list > ul > li {
        width: calc(50% - 10px);
        margin-top: 0
    }

    .section-quick.search .result-content .works-list > ul > li:nth-child(even) {
        margin-left: 20px
    }

    .section-quick.search .result-content .works-list > ul > li > .img {
        float: none;
        width: 100%;
        height: auto
    }

    .section-quick.search .result-content .works-list > ul > li > .img > a {
        padding-bottom: 56.25%;
        height: 0
    }

    .section-quick.search .result-content .works-list > ul > li > .info {
        float: none;
        width: 100%;
        max-height: 73px;
        padding: 20px 0 0 0
    }

    .section-quick.search .result-content .works-list > ul > li > .info strong {
        max-height: 15px;
        margin: 0 0 9px
    }

    .section-quick.search .result-content .works-list > ul > li > .info strong a {
        line-height: 1.3em;
        font-size: 13px
    }

    .section-quick.search .result-content .works-list > ul > li > .info strong a span {
        line-height: 1.3em
    }

    html.eng .section-quick.search .result-content .works-list > ul > li > .info strong a {
        font-size: 13px
    }

    .section-quick.search .result-content .works-list > ul > li > .info span {
        display: block;
        line-height: 1.2em;
        height: 30px
    }

    .section-quick.search .result-content .works-list > ul > li > .info span a {
        line-height: 1.3;
        font-size: 10px
    }

    html.eng .section-quick.search .result-content .works-list > ul > li > .info span a {
        font-size: 10px
    }

    .section-quick.search .result-content .tbl-basic {
        border-bottom: 1px solid #ddd
    }

    .section-quick.search .result-content .tbl-basic table {
        border-top-width: 2px
    }

    .section-quick.search .result-content.all .paginate-nav {
        position: relative;
        margin-top: 0
    }

    .section-quick.search .result-content.all .paginate-nav .more {
        margin: 20px 0 0
    }

    .section-quick.search .result-content.all + .result-content.works {
        margin: 40px 15px 0;
        padding-top: 25px;
        border-top: 1px solid #ddd
    }

    .section-quick.search .result-content.works {
        margin-top: 40px
    }

    .section-quick.search .result-content.works .paginate-nav {
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .section-quick.search .result-content.doc .tbl-basic table td.tit, html.eng .section-quick.search .result-content.doc .tbl-basic table td.tit {
        width: calc(100% - 43px)
    }

    html.eng .section-quick.search .result-content.doc .tbl-basic table td.tit span {
        font-size: 11px
    }

    .section-quick.search .result-content.doc .tbl-basic table td.down {
        width: 43px;
        padding: 0;
        vertical-align: middle
    }

    html.eng .section-quick.search .result-content.doc .tbl-basic table td.down {
        width: 43px
    }

    .section-quick.search .result-content.notice .tbl-basic table td {
        padding: 20px 15px
    }

    .section-quick.search .result-content.notice .tbl-basic table td p.title {
        line-height: 1.7;
        padding-bottom: 10px;
        font-size: 11px
    }

    html.eng .section-quick.search .result-content.notice .tbl-basic table td p.title {
        font-size: 11px
    }

    html.eng .section-quick.search .result-content.notice .tbl-basic table td p.title span {
        font-size: 11px
    }

    .section-quick.search .result-content.notice .tbl-basic table td p.cont {
        overflow: hidden;
        height: 32px;
        line-height: 1.8;
        font-size: 10px
    }

    html.eng .section-quick.search .result-content.notice .tbl-basic table td p.cont {
        font-size: 10px
    }

    /* 고객센터 */
    /* 공지사항 */
    .section-customer.notice.list .tbl-basic table {
        border-top: none;
        border-bottom-color: #ddd
    }

    .section-customer.notice.list .tbl-basic table, .section-customer.notice.list .tbl-basic table tbody, .section-customer.notice.list .tbl-basic table tbody tr, .section-customer.notice.list .tbl-basic table tbody tr th, .section-customer.notice.list .tbl-basic table tbody tr td {
        display: block
    }

    .section-customer.notice.list .tbl-basic table tbody tr {
        position: relative
    }

    .section-customer.notice.list .tbl-basic table tbody tr:after {
        content: "";
        display: block;
        clear: both
    }

    .section-customer.notice.list .tbl-basic table tbody tr td {
        display: none
    }

    .section-customer.notice.list .tbl-basic table tbody tr td.tit, .section-customer.notice.list .tbl-basic table tbody tr td.num {
        display: block
    }

    .section-customer.notice.list .tbl-basic table tbody tr td {
        float: left;
        height: auto;
        min-height: 71px;
        padding: 17px 0;
        vertical-align: middle;
        border-top: 1px solid #ddd
    }

    .section-customer.notice.list .tbl-basic table tbody tr td:first-child {
        border-left: none
    }

    .section-customer.notice.list .tbl-basic table tbody tr td:last-child {
        border-right: none
    }

    .section-customer.notice.list .tbl-basic table tbody tr td.num ~ td.num {
        border-top: none
    }

    .section-customer.notice.list .tbl-basic table tbody tr:hover td, .section-customer.notice.list .tbl-basic table tbody tr:last-child:hover td {
        padding-top: 17px
    }

    .section-customer.notice.list .tbl-basic table tbody tr:last-child:hover td.num {
        padding-top: 25px
    }

    .section-customer.notice.list .tbl-basic table tbody tr:hover td.num ~ td.num {
        border-top: none
    }

    .section-customer.notice.list .tbl-basic table tbody tr:hover td, .section-customer.notice.list .tbl-basic table tbody tr:hover td:first-child, .section-customer.notice.list .tbl-basic table tbody tr:hover td:last-child {
        border: none
    }

    .section-customer.notice.list .tbl-basic table tbody tr td.num {
        width: 66px;
        padding-top: 25px;
        font-size: 11px
    }

    .section-customer.notice.list .tbl-basic table tbody tr:first-child ~ tr:hover td {
        border-top: 1px solid #ddd
    }

    .section-customer.notice.list .tbl-basic table tbody tr:first-child:hover td {
        border-top: 1px solid #ddd
    }

    .section-customer.notice.list .tbl-basic table tbody tr:hover + tr td {
        border-top-color: #ddd
    }

    html.eng .section-customer.notice.list .tbl-basic table tbody tr td.num {
        font-size: 11px
    }

    .section-customer.notice.list .tbl-basic table tbody tr td.num ~ .num {
        position: absolute;
        left: 66px;
        bottom: 17px;
        width: auto;
        height: auto;
        min-height: inherit;
        padding: 0;
        font-size: 10px;
        color: #767676
    }

    html.eng .section-customer.notice.list .tbl-basic table tbody tr td.num ~ .num {
        font-size: 10px
    }

    .section-customer.notice.list .tbl-basic table tbody tr td.tit {
        width: calc(100% - 66px);
        padding-left: 0;
        padding-right: 15px
    }

    .section-customer.notice.list .tbl-basic table tbody tr td.tit a {
        display: block;
        width: 100%;
        line-height: 19px;
        font-size: 11px
    }

    html.eng .section-customer.notice.list .tbl-basic table tbody tr td.tit a {
        font-size: 11px
    }

    .section-customer.notice.list .tbl-basic table tbody tr.noti td {
        min-height: 48px
    }

    .section-customer.notice.list .tbl-basic table tbody tr.noti td.num {
        padding-top: 15px
    }

    .section-customer.notice.list .tbl-basic table tbody tr.noti td.num span {
        width: 36px;
        height: 18px;
        line-height: 20px;
        font-size: 9px
    }

    html.eng .section-customer.notice.list .tbl-basic table tbody tr.noti td.num span {
        font-size: 9px
    }

    /* 습득물 */
    .section-customer.acquire header.section {
        margin-bottom: 0
    }

    .section-customer .tbl-col.grey {
        padding: 0 15px
    }

    .section-customer .tbl-col.grey table {
        border-color: #ddd
    }

    .section-customer .tbl-col.grey table thead tr th {
        padding: 15px 0;
        font-size: 11px;
        border-bottom: 1px solid #000
    }

    .section-customer .tbl-col.grey table tbody tr td {
        padding: 20px 0;
        font-size: 11px
    }

    html.eng .section-customer .tbl-col.grey table thead tr th, html.eng .section-customer .tbl-col.grey table thead tr td {
        font-size: 11px
    }

    .section-customer .tbl-col.grey table tbody tr:first-child td {
        border-top: none
    }

    .section-customer .tbl-col.grey table tbody tr td.num {
        width: 24.82%;
        font-size: 10px;
        color: #767676;
        text-align: center
    }

    html.eng .section-customer .tbl-col.grey table tbody tr td.num {
        font-size: 10px
    }

    .section-customer .tbl-col.grey table tbody tr td.subj {
        width: 40.86%;
        padding: 0 10px
    }

    .section-customer.acquire .note {
        margin-bottom: 25px;
        padding: 25px 15px;
        text-align: left;
        border: none;
        background: #f4f4f4
    }

    .section-customer.acquire .note p {
        display: block;
        line-height: 1.6em;
        margin-bottom: 15px;
        font-size: 11px
    }

    html.eng .section-customer.acquire .note p {
        font-size: 11px
    }

    .section-customer.acquire .note a {
        width: calc(100% - 30px);
        height: 35px;
        line-height: 35px;
        margin: 0 15px;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0;
        background: #fff
    }

    .section-customer.acquire .note a span {
        display: block;
        line-height: 35px;
        text-align: left;
        background-position: right center
    }

    html.eng .section-customer.acquire .note a, html.eng .section-customer.acquire .note a span {
        font-size: 11px
    }

    .section-customer.acquire .note a, .section-customer.acquire .note a span {
        font-size: 11px;
        transition: all .4s ease;
        -webkit-transition: all .4s ease
    }

    .section-customer.acquire .note a:hover, .section-customer.acquire .note a:focus {
        border-color: #b5b5b5
    }

    .section-customer.acquire .note a:hover span, .section-customer.acquire .note a:focus span {
        color: #000
    }

    .section-customer.acquire .note a:hover .ico-down, .section-customer.acquire .note a:focus .ico-down {
        background-image: url(/images/common/ico-down.png)
    }

    /* 자주 묻는 질문 */
    .section-customer .list-faq .set {
        border-left: none;
        border-right: none
    }

    .section-customer .list-faq .set:first-child, .section-customer .list-faq .set:last-child {
        border-color: #ddd
    }

    .section-customer .list-faq .set:hover, .section-customer .list-faq .set:focus {
        border-color: #ddd;
        border-left: none;
        border-right: none
    }

    .section-customer .list-faq .set.active {
        border-left: none;
        border-right: none
    }

    .section-customer .list-faq .set.active + .set:hover, .section-customer .list-faq .set.active + .set:focus, .section-customer .list-faq .set:first-child.active:hover, .section-customer .list-faq .set:first-child.active:focus, .section-customer .list-faq .set:last-child.active:hover, .section-customer .list-faq .set:last-child.active:focus, .section-customer .list-faq .set:first-child.active, .section-customer .list-faq .set:first-child.active, .section-customer .list-faq .set:last-child.active, .section-customer .list-faq .set:last-child.active {
        border-color: #ddd
    }

    .section-customer .list-faq .set:last-child {
        border-bottom: none
    }

    .section-customer .list-faq .set header {
        height: 50px;
        line-height: 50px;
        padding: 0 0 0 35px
    }

    .section-customer .list-faq .set header:after {
        left: 15px;
        font-size: 12px
    }

    html.eng .section-customer .list-faq .set header:after {
        font-size: 12px
    }

    .section-customer .list-faq .set header a.tit {
        font-size: 11px
    }

    html.eng section-customer .list-faq .set header a.tit {
        font-size: 11px
    }

    .section-customer .list-faq .set header a.tog-arr {
        right: 0;
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background: none
    }

    .section-customer .list-faq .set header a.tog-arr:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 9.5px;
        height: 5px;
        margin: -2.5px 0 0 -2.5px;
        background: url(/images/common/btn-toggle-m.png) no-repeat;
        background-size: 9.5px 10px;
        background-position: 0 0;
    }

    .section-customer .list-faq .set.active header a.tog-arr:after {
        background-position: 50% 100%
    }

    .section-customer .list-faq .set .detail .inner {
        padding: 20px 35px 25px
    }

    .section-customer .list-faq .set .detail .inner:after {
        top: 20px;
        left: 15px;
        width: 8.5px;
        height: 12px;
        background: url(/images/common/ico-faq-detail-m.png)0 0 no-repeat;
        background-size: 8.5px 12px
    }

    .section-customer .list-faq .set .detail .inner > ul > li > strong, .section-customer .list-faq .set .detail .inner > ul > li > p, .section-customer .list-faq .set .detail .inner > ul > li > ul > li {
        font-size: 10px
    }

    html.eng .section-customer .list-faq .set .detail .inner > ul > li > ul > li {
        font-size: 10px
    }

    /* 오시는길 */
    .section-customer.directions .map {
        height: 240px;
        margin-top: 16px
    }

    /*
    .section-customer.directions .tab-content ul li {height:53px}
    html.eng .section-customer.directions .tab-content ul li a,
    html.eng .section-customer.directions .tab-content ul li a span {font-size:9px; white-space:nowrap}
    html.eng .section-customer.directions .tab-content ul li:nth-child(2) a {padding-left:0; padding-right:0}
    .section-customer.directions .view-content {padding:0 15px}
    .section-customer.directions .map {height:116px; margin-top:16px}
    .section-customer.directions .map img,
    .section-customer.directions .map > div {width:100%}
    .section-customer.directions .sub-section,
    .section-customer.directions .sub-section.subway,
    .section-customer.directions .sub-section.bus,
    .section-customer.directions .sub-section.car {padding:28px 0 30px}
    html.eng .section-customer.directions .sub-section,
    html.eng .section-customer.directions .sub-section.subway,
    html.eng .section-customer.directions .sub-section.bus,
    html.eng .section-customer.directions .sub-section.car {padding:28px 0 25px}
    .section-customer.directions .sub-section h3 {padding-bottom:20px; font-size:15px}
    html.eng .section-customer.directions .sub-section h3 {font-size:15px}
    .section-customer.directions .sub-section .cont {width:100%}
    .section-customer.directions .sub-section .cont:after {content:""; display:block; clear:both}
    .section-customer.directions .sub-section .cont.info1,
    .section-customer.directions .sub-section .cont.info2 {clear:both}
    .section-customer.directions .sub-section .cont p {line-height:1.6; font-size:11px; color:#767676}
    .section-customer.directions .sub-section .cont strong.tit + p {margin-top:12px}
    html.eng .section-customer.directions .sub-section .cont p {font-size:11px}
    .section-customer.directions .sub-section .cont strong.tit,
    html.eng .section-customer.directions .sub-section .cont strong.tit {line-height:1.4; font-size:13px}
    html.eng html.eng .section-customer.directions .sub-section.bus {padding-bottom:14px}
    .section-customer.directions .sub-section.bus .cont strong.tit {float:left; width:25.17%; margin-top:3px}
    html.eng .section-customer.directions .sub-section.bus .cont strong.tit {float:none; display:block; width:100%; margin-top:0}
    .section-customer.directions .sub-section.bus .cont strong.tit + p {float:left; width:74.83%; margin-top:0; margin-bottom:15px}
    html.eng .section-customer.directions .sub-section.bus .cont strong.tit + p {float:none; display:block; width:100%; margin-top:8px; margin-bottom:12px}
    .section-customer.directions .sub-section.bus .cont strong.tit.bus3 + p {margin-bottom:0}
    .section-customer.directions .sub-section.bus .cont p:after {content:""; display:block; width:100%; height:0}
    .section-customer.directions .sub-section.subway h3 > a {display:none}
    .section-customer.directions .sub-section.subway .cont p {color:#e1002a}
    html.eng .section-customer.directions .sub-section.subway .cont p {color:#000}
    html.eng .section-customer.directions .sub-section.subway .cont p span {display:block; line-height:1.6; font-size:11px; color:#e1002a}
    .section-customer.directions .sub-section.car .cont strong.tit + p {margin-top:10px}
    .section-customer.directions .sub-section.car .cont strong.tit + p span.m {display:block; line-height:1.7}
    html.eng .section-customer.directions .sub-section.car .cont strong.tit + p span.m {font-size:11px}
    .section-customer.directions .sub-section.car .cont ~ .cont {margin-top:15px}
    .section-customer.directions .sub-section.car .cont ul li {display:inline; float:none; line-height:1.7; font-size:11px; color:#767676}
    html.eng .section-customer.directions .sub-section.car .cont ul li {font-size:11px}
    .section-customer.directions .sub-section.car .cont ul li span.arr {width:11px; height:15px; margin:0 10px; background:url(/images/common/bg-directions-arr-m.png) 50% 50% no-repeat; background-size:11px 6px}
    html.eng .section-customer.directions .sub-section.car .cont ul li span.arr {height:14px; margin:0 7px; vertical-align:middle}
    .section-customer.directions .sub-section.car .cont ul li br,
    .section-customer.directions .sub-section.parking .cont ul li br {display:block}
    html.eng .section-customer.directions .sub-section.car .cont.info1 p {width:100%}
    html.eng .section-customer.directions .sub-section.car .cont.info2 li {float:none; display:inline}
    .section-customer.directions .sub-section.parking .cont ~ .cont {margin-top:20px}
    html.eng .section-customer.directions .sub-section.parking p {line-height:1.7}
    .section-customer.directions .sub-section.parking .cont p + strong {margin-top:20px}
    .section-customer.directions .sub-section.parking .cont ul li {line-height:1.7; margin-top:12px; padding-left:28px; font-size:11px; color:#767676; text-indent:-28px}
    html.eng .section-customer.directions .sub-section.parking .cont ul li {font-size:11px}
    .section-customer.directions .sub-section.parking .cont ul li span {color:#000}
    html.eng .section-customer.directions .sub-section.parking .cont ul li span {font-size:11px}
    .section-customer.directions .sub-section.parking .cont span.refer {line-height:1.7; margin-top:12px; font-size:11px}
    html.eng .section-customer.directions .sub-section.parking .cont span.refer {font-size:11px}
    .section-customer.directions .sub-section.parking .cont span.refer:after {top:7px; margin-top:0}
    html.eng .section-customer.directions .sub-section.etc {padding-bottom:0}
    .section-customer.directions .sub-section.etc .cont ul {margin-top:20px}
    html.eng .section-customer.directions .sub-section.etc .cont ul li ~ li,
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li:nth-child(2) ~ li {margin-top:14px}
    .section-customer.directions .sub-section.etc .cont strong.tit {font-size:13px}
    html.eng .section-customer.directions .sub-section.etc .cont strong.tit {font-size:13px}
    .section-customer.directions .sub-section.etc .cont ul li.num {font-size:12px; color:#767676}
    html.eng .section-customer.directions .sub-section.etc .cont ul li.num {font-size:11px}
    .section-customer.directions .sub-section.etc .cont ul li.num a {color:#767676}
    html.eng .section-customer.directions .sub-section.etc .cont ul li.num a {font-size:11px}
    .section-customer.directions .sub-section.etc .cont ul li strong.tit {font-size:12px; color:#000}
    html.eng .section-customer.directions .sub-section.etc .cont ul li strong.tit {font-size:11px}
    .section-customer.directions .sub-section.etc .cont ul li span.mail {display:block; margin-left:0; margin-top:10px; padding-left:18px; background:url(/images/common/bg-mail-m.png) 0 50% no-repeat; background-size:13px auto}
    html.eng .section-customer.directions .sub-section.etc .cont ul li span.mail a {font-weight:400; font-size:11px}
    .section-customer.directions .sub-section.etc .cont ul li:first-child + li span.mail {margin-left:0}
    .section-customer.directions .sub-section.etc .cont.info1 ul li ~ li,
    html.eng .section-customer.directions .sub-section.etc .cont.info1 ul li ~ li {margin-top:18px}
    .section-customer.directions .sub-section.etc .cont.info1 ul li strong.tit {width:auto; margin-right:18px}
    html.eng .section-customer.directions .sub-section.etc .cont.info1 ul li strong.tit {width:auto; margin-bottom:0}
    .section-customer.directions .sub-section.etc .cont.info2 {position:relative; margin-top:28px; padding:30px 0; border-top:1px solid #e9e8e8}
    .section-customer.directions .sub-section.etc .cont.info2 ul {width:100%}
    .section-customer.directions .sub-section.etc .cont.info2 ul li,
    .section-customer.directions .sub-section.etc .cont.info2 ul li.num {display:block; font-size:11px; color:#767676}
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li,
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li.num {font-size:11px}
    .section-customer.directions .sub-section.etc .cont.info2 ul li:first-child,
    .section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li {float:none; clear:both; margin-top:0}
    .section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li {margin-top:15px}
    .section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li span.refer {position:absolute; left:0; bottom:0; color:#000}
    .section-customer.directions .sub-section.etc .cont.info2 ul li strong.tit span {padding:0 19px}
    html.eng .section-customer.directions .sub-section.etc .cont ul li.num {font-size:11px}
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li strong.tit,
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li:nth-child(2) strong.tit {width:50%; font-size:11px}
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li:first-child + li span.refer {font-size:11px}
    .section-customer.directions .view-content.newyork .sub-section.etc {position:relative; padding:30px 0 165px}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont ul li {display:block; font-size:11px}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 {position:absolute; left:0; top:167px; padding-top:30px; border-top:1px solid #e9e8e8}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li strong,
    html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li strong.tit {display:block; width:auto; margin-right:0; font-size:11px; padding-bottom:10px}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont.info1 ul li:last-child {margin-top:20px}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 {width:100%; margin-top:0; padding-top:0; border-top:none}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul {margin-top:17px}
    html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li {font-weight:400}
    html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 ul li strong.tit {margin-right:10px; font-weight:500}
    .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 .refer {font-size:11px}
    html.eng .section-customer.directions .view-content.newyork .sub-section.etc .cont.info2 .refer {font-size:11px}
    .section-customer.directions .view-content.newyork .sub-section.etc a.btn-wht.ssmall {display:none}
    html.eng .section-customer.directions .sub-section.etc .cont.info2 ul li {width:100%}
    */
    /* 회원/예매안내 */
    .section-customer.booking .section header.content {
        margin-bottom: 0;
        padding-bottom: 40px
    }

    .section-customer.booking .section header.content > img {
        display: none
    }

    .section-customer.booking .section header.content > img.m {
        display: block;
        max-width: 100%
    }

    .section-customer.booking .section header.content > strong {
        margin-top: 20px;
        line-height: 1.5;
        font-size: 12px
    }

    html.eng .section-customer.booking .section header.content > strong {
        font-size: 12px
    }

    .section-customer.booking .section header.content > strong > span {
        display: none
    }

    .section-customer.booking .section header.content > strong > span.m {
        display: block;
        line-height: 1.5
    }

    html.eng .section-customer.booking .section header.content > strong > span.m {
        font-size: 12px
    }

    .section-customer.booking .section div.content {
        padding-right: 15px;
        padding-left: 15px
    }

    .section-customer.booking .tab-linear {
        margin-bottom: 30px
    }

    .section-customer.booking .list-border > ul {
        margin-top: 25px
    }

    .section-customer.booking .list-border > ul > li {
        width: 100%;
        margin-top: 0
    }

    .section-customer.booking .list-border > ul > li ~ li {
        margin-top: 40px
    }

    /* 공연 */
    .section-performance .nodata {
        height: auto;
        padding: 80px 0
    }

    .section-performance .nodata p {
        margin-top: 17px
    }

    /* 공연소개 */
    .section-performance.list .section div.content {
        padding: 0 15px 30px
    }

    /* 공연정보 */
    .section-performance.info {
        padding-bottom: 0
    }

    .section-performance.info header.section {
        margin-bottom: 0
    }

    .section-performance.info .section div.content {
        padding-bottom: 0
    }

    .section-performance.info .list-basic.view {
        margin: 0
    }

    .section-performance.info .list-basic.view .img {
        width: 100%;
        padding: 0
    }

    .section-performance.info .list-basic.view .txt {
        padding: 30px 15px 0
    }

    html.eng .section-performance.info .list-basic.view .txt {
        padding-bottom: 20px
    }

    html.eng .section-performance.info .list-basic.view .list .txt .info {
        padding-bottom: 10px
    }

    /*html.eng .section-performance.info .list-basic.view .list .txt .btns {display:block; position:absolute; top:-44px; bottom:inherit; width:100%; height:44px; padding-top:0; text-align:center; background:rgba(0, 0, 0, 0.8)}
    html.eng .section-performance.info .list-basic.view .list .txt .btns a {display:inline-block; float:none; width:auto; height:44px; line-height:44px}
    html.eng .section-performance.info .list-basic.view .list .txt .btns a span {display:inline-block; padding-right:0; font-size:11px; color:#fff; vertical-align:middle}*/
    .section-performance.info .list-basic.view .list .txt > h3 {
        line-height: 1.3
    }

    .section-performance.info .list-basic.view .list .txt .info .links, html.eng .section-performance.info .list-basic.view .list .txt .info .links {
        padding-right: 0
    }

    html.eng .section-performance.info .list-basic.view .list .txt .info .links strong, html.eng .section-performance.info .list-basic.view .list .txt .info .links a, html.eng .section-performance.info .list-basic.view .list .txt .info .links a span {
        font-size: 12px
    }

    html.eng .section-performance.info .follow-menu ul.btn2 li {
        width: 100%
    }

    .section-performance.info .slide-thumb {
        margin-bottom: 30px
    }

    .section-performance.info .list-basic.view + .slide-thumb {
        margin-top: 0;
        margin-bottom: 40px
    }

    .section-performance.info .tab-content {
        margin-left: 15px;
        padding-left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        text-align: left
    }

    .section-performance.info .tab-content ul {
        text-align: center
    }

    .section-performance.info .view-content {
        margin: 0 15px;
        padding: 11px 0 0;
        border-bottom-color: #ddd
    }

    .section-performance.info .view-content p {
        font-size: 11px
    }

    .section-performance.info .view-content img {
        max-width: 100%;
        height: auto !important
    }

    .section-performance.info .related-contents {
        margin: 0 15px;
        padding: 27px 0 0;
        border-top: 1px solid #ddd;
        border-bottom: none
    }

    /*.section-performance.info .related-contents .list:first-child {border-top:none}*/
    .section-performance.info .related-contents .slick-slide > div:first-child .list {
        border-top: none
    }

    .section-performance.info .related-contents .slide-cont {
        margin-top: 0
    }

    .section-performance.info .view-content + .related-contents {
        margin-top: 30px
    }

    .section-performance.info .paginate-nav {
        height: auto;
        min-height: 45px;
        margin: 0 15px 30px;
        padding: 20px 0 0
    }

    .section-performance.info .tbl-basic table tbody td {
        width: calc(100% - 60px);
        padding: 11px 15px
    }

    html.eng .section-performance.info .tbl-basic table tbody td {
        width: calc(100% - 60px)
    }

    .section-performance.info .tbl-basic table td.down, html.eng .section-performance.info .tbl-basic table td.down {
        width: 60px
    }

    /* 할인정보 팝업 */
    .popup-discount .popup-section {
        width: 100%
    }

    .popup-discount .popup-section .popup-content {
        height: 100%
    }

    .popup-discount .popup-section div.list-info {
        margin-top: 0
    }

    .popup-discount .popup-section div.list-info ul li ~ li {
        margin-top: 20px
    }

    .popup-discount .popup-section div.list-info ul li strong.tit, html.eng .popup-discount .popup-section div.list-info ul li strong.tit {
        line-height: 1.5;
        margin-right: 10px;
        padding-right: 10px;
        font-size: 11px
    }

    .popup-discount .popup-section div.list-info ul li strong.tit:after {
        top: 50%;
        height: 10px;
        margin-top: -5px
    }

    .popup-discount .popup-section div.list-info ul li p.cont, html.eng .popup-discount .popup-section div.list-info ul li p.cont {
        width: 52%;
        line-height: 1.5;
        font-size: 11px
    }

    .popup-discount .popup-section div.list-info ul li p.cont span, html.eng .popup-discount .popup-section div.list-info ul li p.cont span {
        font-size: 11px
    }

    /* 공유하기 팝업 */
    .popup-share .popup-section {
        width: 100%;
        height: 100%
    }

    .popup-share .popup-section .list-sns {
        margin-top: 175px
    }

    .popup-share .popup-section .list-sns ul li {
        width: 20%;
        height: 40px;
        border: none;
        text-align: center
    }

    .popup-share .popup-section .list-sns ul li ~ li {
        margin-left: 0
    }

    .popup-share .popup-section .list-sns ul li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        border: 1px solid #ddd;
        vertical-align: top
    }

    .popup-share .popup-section .list-sns ul li.s3 {
        display: none
    }

    .popup-share .popup-section .list-sns ul li.s1 a {
        background: url(/images/content/btn-sns-s1-m.png) 50% 50% no-repeat;
        background-size: 6.5px 14px
    }

    .popup-share .popup-section .list-sns ul li.s2 a {
        background: url(/images/content/btn-sns-s2-m.png) 50% 50% no-repeat;
        background-size: 11px 14px
    }

    .popup-share .popup-section .list-sns ul li.s4 a {
        background: url(/images/content/btn-sns-s4-m.png) 50% 50% no-repeat;
        background-size: 17px 15px
    }

    .popup-share .popup-section .list-sns ul li.s5 a {
        background: url(/images/content/btn-sns-s5-m.png) 50% 50% no-repeat;
        background-size: 18px 16px
    }

    .popup-share .popup-section .list-sns ul li.s6 a {
        background: url(/images/content/btn-sns-s6-m.png) 50% 50% no-repeat;
        background-size: 18px 16px
    }

    .popup-share .popup-section .list-sns .copy-url {
        margin-top: 38px
    }

    .popup-share .popup-section .list-sns .copy-url label {
        float: left
    }

    .popup-share .popup-section .list-sns .copy-url input[type="text"].url {
        float: left;
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0 10px
    }

    .popup-share .popup-section .list-sns .copy-url a.btn-blk.small {
        display: none;
        margin-left: 5px;
        width: 100px
    }

    /* 좌석배치 팝업 / 좌석배치 신규 팝업*/
    .popup-arrange .popup-section {
        width: 100%;
        height: 100%
    }

    .popup-arrange .popup-section .popup-content {
        height: auto;
        overflow: auto
    }

    .popup-arrange .popup-section .seat p.info-stage {
        padding-bottom: 30px
    }

    .popup-arrange .popup-section .seat p.info-stage img {
        max-width: 100%
    }

    .popup-arrange .popup-section .seat p.info-stage strong.tit, html.eng .popup-arrange .popup-section .seat p.info-stage strong.tit {
        margin-bottom: 13px;
        padding-bottom: 5px;
        font-size: 10px;
        border-bottom-width: 2px
    }

    .popup-arrange .popup-section .seat p.info-stage span.floor, html.eng .popup-arrange .popup-section .seat p.info-stage span.floor {
        margin-bottom: 18px;
        font-size: 9px
    }

    .popup-arrange .popup-section .seat p.info-stage ~ p.info-stage {
        padding: 30px 0 0
    }

    .popup-arrange .popup-section .seat p.info-stage ~ p.info-stage img {
        margin-top: 0
    }

    .popup-arrange .popup-section .seat-new img {
        max-width: 100%
    }

    .popup-arrange .popup-section .btns-submit {
        display: none
    }

    .popup-arrange .popup-section .btns-submit a.print {
        background: none
    }

    .popup-arrange .popup-section .btns-submit a.print:hover, .popup-arrange .popup-section .btns-submit a.print:focus {
        border-color: #b5b5b5
    }

    .popup-arrange .popup-section .btns-submit a.print:hover span, .popup-arrange .popup-section .btns-submit a.print:focus span {
        color: #000
    }

    .popup-arrange .popup-section .btns-submit a.print:hover .ico-print, .popup-arrange .popup-section .btns-submit a.print:focus .ico-print {
        background-image: url(/images/common/ico-print.png)
    }

    /* 좌석배치 비지정석 팝업 */
    .popup-unspecify .popup-section {
        width: 100%;
        height: 100%
    }

    .popup-unspecify .popup-section p.desc, html.eng .popup-unspecify .popup-section p.desc {
        margin-top: 132px;
        padding-bottom: 98px;
        font-size: 17px
    }

    .popup-unspecify .popup-section p.desc.unspecify {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        /*background:url(/images/common/ico-unspecify-m.png) 50% bottom no-repeat; background-size:60px 60px*/
    }

    .popup-unspecify .popup-section p.desc span {
        font-size: 11px
    }

    .popup-unspecify .popup-section .popup-content {
        height: 80%;
        height: calc(100% - 80px);
        text-align: center
    }

    .popup-unspecify .popup-section .popup-content:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

    .popup-unspecify .popup-section .popup-content p.desc.unspecify {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
        margin-top: -80px
    }

    /* 공연갤러리 팝업 */
    .popup-gallery .popup-section {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .95)
    }

    .popup-gallery .popup-section header h3 {
        color: #fff
    }

    .popup-gallery .popup-section header .close {
        background: url(/images/common/btn-close-w-m.png) 50% 50% no-repeat;
        background-size: 12px 12px
    }

    .popup-gallery .popup-section .popup-content {
        height: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .popup-gallery .gallery-works {
        height: calc(100% - 190px);
        margin-bottom: 0;
        text-align: center
    }

    .popup-gallery .gallery-works:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

    .popup-gallery .gallery-works img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle
    }

    .popup-gallery .gallery-works .video-container {
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }

    .popup-gallery .slide-thumb {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
        margin: 0;
        padding: 44px 15px 0 27px
    }

    .popup-gallery .slide-thumb .slick-list {
        padding-bottom: 0
    }

    .popup-gallery .slide-thumb .thumbs {
        /*width:95px !important;*/
        /*margin-left:10px; */
        margin-left: 0;
        text-align: center
    }

    .popup-gallery .slide-thumb .thumbs .inner {
        display: inline-block;
        width: auto;
        height: auto;
        box-sizing: border-box
    }

    .popup-gallery .slide-thumb .thumbs.clicked .inner {
        border: 2px solid #e1002a
    }

    .popup-gallery .slide-thumb .thumbs .inner img {
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }

    .popup-gallery .slide-thumb .thumbs.video .inner a:after {
        opacity: 0.8;
        background-image: url(/images/common/ico-video-m.png);
        background-size: 12px 15px
    }

    .popup-gallery .slide-thumb .slick-arrow {
        top: 0;
        bottom: inherit
    }

    .popup-gallery .slide-thumb .slick-arrow.slick-prev {
        background: url(/images/common/btn-slide-prev-w-m.png) 50% 50% no-repeat;
        background-size: 22px 15px
    }

    .popup-gallery .slide-thumb .slick-arrow.slick-next {
        background: url(/images/common/btn-slide-next-w-m.png) 50% 50% no-repeat;
        background-size: 22px 15px
    }

    /* 아티스트 */
    .section-performance.artist {
        height: auto
    }

    .section-performance.artist header.section {
        margin-bottom: 23px
    }

    .section-performance.artist div.section {
        min-height: auto;
        padding: 0;
        background: none
    }

    .section-performance.artist .artist-info .inner .img img {
        width: 80px
    }

    .section-performance.artist .artist-detail .artist-spec .related-contents {
        margin-bottom: -30px
    }

    .section-performance.artist .artist-detail .artist-spec .related-contents + .paginate-nav {
        margin-top: 50px
    }

    /* 지난공연 */
    .section-performance.past .paginate-nav {
        margin-top: 30px;
        margin-bottom: 0
    }

    .section-performance.past .art-contents {
        margin-bottom: -30px;
        padding: 0 15px
    }

    .section-performance.past .art-contents .list-basic.type2 .list, .section-performance.past .art-contents .list-basic.type2 .list:nth-child(3n) {
        width: 100%
    }

    /*.section-performance.past .art-contents .list-basic.type2 .list:last-child {border-bottom:1px solid #ddd}*/
    .section-performance.past .art-contents .list-basic.type2 .list .txt > span.place > span {
        padding-top: 13px
    }

    /* 전시 */
    .section-exhibition .nodata {
        height: auto;
        padding: 80px 0
    }

    .section-exhibition .nodata p {
        margin-top: 17px
    }

    /* 전시소개 */
    .section-exhibition.list .section div.content {
        padding: 0 15px 30px
    }

    /* 전시정보 */
    .section-exhibition.info header.section {
        margin-bottom: 0
    }

    .section-exhibition.info .related-contents {
        padding: 0 15px;
        border-bottom: none
    }

    .section-exhibition.info .slide-thumb {
        margin-bottom: 40px
    }

    .section-exhibition.info .exhibition-data {
        margin: 25px 0 0;
        padding: 0 15px;
        border-bottom: none
    }

    .section-exhibition.info .exhibition-data .data {
        float: none;
        width: 100%;
        height: auto
    }

    .section-exhibition.info .exhibition-data .data1 > strong, html.eng .section-exhibition.info .exhibition-data .data1 > strong {
        font-size: 17px
    }

    .section-exhibition.info .exhibition-data .data1 > strong > span, html.eng .section-exhibition.info .exhibition-data .data1 > strong > span {
        margin-top: 10px;
        font-size: 20px;
        line-height: 1.3
    }

    .section-exhibition.info .exhibition-data .data1 .place, html.eng .section-exhibition.info .exhibition-data .data1 .place {
        display: block;
        position: static;
        margin: 27px 0;
        font-size: 12px
    }

    .section-exhibition.info .exhibition-data .data1 .place > span, html.eng .section-exhibition.info .exhibition-data .data1 .place > span {
        margin-left: 20px;
        font-size: 11px
    }

    .section-exhibition.info .exhibition-data .data2 {
        position: relative;
        text-align: left;
        padding-bottom: 94px
    }

    .section-exhibition.info .exhibition-data .data2 .links {
        position: static
    }

    .section-exhibition.info .exhibition-data .data2 .links li ~ li {
        margin-top: 15px
    }

    .section-exhibition.info .exhibition-data .data2 .links li > strong, html.eng .section-exhibition.info .exhibition-data .data2 .links li > strong {
        float: left;
        padding-left: 0;
        padding-right: 15px;
        margin-right: 11px;
        margin-left: 0;
        font-size: 12px;
        color: #000;
        background: url(/images/common/bg-list-arr-right-m.png) right 50% no-repeat;
        background-size: 4px auto
    }

    .section-exhibition.info .exhibition-data .data2 .links li.artists a, html.eng .section-exhibition.info .exhibition-data .data2 .links li.artists a {
        margin-right: 11px;
        vertical-align: top;
        font-size: 12px
    }

    .section-exhibition.info .exhibition-data .data2 .links li.artists a ~ a {
        margin-left: 0
    }

    .section-exhibition.info .exhibition-data .data2 .links li.artists:after {
        content: "";
        display: block;
        clear: both
    }

    .section-exhibition.info .exhibition-data .data2 .links li.artists > span {
        float: left;
        width: calc(100% - 102px);
        line-height: 1.7
    }

    .section-exhibition.info .exhibition-data .data2 .btn-lgry {
        position: absolute;
        left: 35px;
        right: inherit;
        top: inherit;
        bottom: 30px;
        width: calc(100% - 70px);
        height: 35px;
        line-height: 35px;
        margin-left: 0;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0;
        background: none
    }

    html.eng .section-exhibition.info .exhibition-data .data2 .btn-lgry {
        font-size: 11px
    }

    .section-exhibition.info .exhibition-data .data2 .btn-lgry span {
        display: block;
        height: 35px;
        line-height: 35px;
        text-align: left;
        background-position: 100% 50%
    }

    html.eng .section-exhibition.info .exhibition-data .data2 .btn-lgry span {
        font-size: 11px
    }

    .section-exhibition.info .exhibition-data .data2 .btn-lgry:hover, .section-exhibition.info .exhibition-data .data2 .btn-lgry:focus {
        border-color: #b5b5b5
    }

    .section-exhibition.info .exhibition-data .data2 .btn-lgry:hover span, .section-exhibition.info .exhibition-data .data2 .btn-lgry:focus span {
        color: #000
    }

    .section-exhibition.info .exhibition-data .data2 .btn-lgry:hover .ico-share, .section-exhibition.info .exhibition-data .data2 .btn-lgry:focus .ico-share {
        background-image: url(/images/common/ico-share.png)
    }

    .section-exhibition.info .list-basic {
        margin-bottom: 40px;
        padding: 0 15px
    }

    .section-exhibition.info .list-basic .list .img {
        padding-right: 0
    }

    .section-exhibition.info .list-basic .list .img img {
        max-width: 100%
    }

    .section-exhibition.info .list-basic .list .txt {
        width: 100%;
        min-width: auto;
        padding-top: 20px
    }

    .section-exhibition.info .list-basic .list .txt > em, html.eng .section-exhibition.info .list-basic .list .txt > em {
        margin-bottom: 10px;
        font-size: 15px
    }

    .section-exhibition.info .list-basic .list .txt > h3 {
        padding-bottom: 0
    }

    .section-exhibition.info .list-basic .list .txt > h3, html.eng .section-exhibition.info .list-basic .list .txt > h3 {
        font-size: 15px
    }

    .section-exhibition.info .list-basic.view .list .txt .info, html.eng .section-exhibition.info .list-basic.view .list .txt .info {
        min-height: auto;
        padding: 20px 0
    }

    .section-exhibition.info .list-basic .list .txt p {
        font-size: 11px
    }

    html.eng .section-exhibition.info .list-basic .list .txt p {
        font-size: 11px
    }

    .section-exhibition.info .list-basic .list .txt .expl {
        margin-bottom: 0;
        padding-top: 20px
    }

    .section-exhibition.info .tab-content {
        margin: 0 15px;
        padding: 0
    }

    .section-exhibition.info .tab-content ul {
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .section-exhibition.info .tab-content ul li {
        width: 33.33%
    }

    html.eng .section-exhibition.info .tab-content ul li a {
        padding: 6px 10px 9px
    }

    .section-exhibition.info .view-content {
        margin: 0 15px 30px;
        padding: 20px 0 0;
        font-size: 11px;
        border-bottom-color: #ddd
    }

    html.eng .section-exhibition.info .view-content p {
        font-size: 11px
    }

    .section-exhibition.info .view-content img {
        max-width: 100%
    }

    .section-exhibition.info .view-content .btn {
        margin-bottom: 30px;
        text-align: center
    }

    .section-exhibition.info .view-content .btn a.btn-lgry {
        width: calc(100% - 70px);
        height: 35px;
        line-height: 35px;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0
    }

    html.eng .section-exhibition.info .view-content .btn a.btn-lgry {
        width: calc(100% - 70px);
        font-size: 11px
    }

    .section-exhibition.info .view-content .btn a.btn-lgry span {
        display: block;
        height: 35px;
        line-height: 35px;
        text-align: left;
        background-position: 100% 50%
    }

    html.eng .section-exhibition.info .view-content .btn a.btn-lgry span {
        font-size: 11px
    }

    .section-exhibition.info .view-content .btn .btn-lgry, html.eng .section-exhibition.info .view-content .btn .btn-lgry {
        background: none
    }

    .section-exhibition.info .view-content .btn a.btn-lgry:hover, .section-exhibition.info .view-content .btn a.btn-lgry:focus {
        border-color: #b5b5b5
    }

    .section-exhibition.info .view-content .btn a.btn-lgry:hover span, .section-exhibition.info .view-content .btn a.btn-lgry:focus span {
        color: #000
    }

    .section-exhibition.info .view-content .btn a.btn-lgry:hover .ico-down, .section-exhibition.info .view-content .btn a.btn-lgry:focus .ico-down {
        background-image: url(/images/common/ico-down.png)
    }

    .section-exhibition.info .view-content .poster {
        padding: 0 0 30px
    }

    .section-exhibition.info .view-content .tbl-basic table, .section-exhibition.info .view-content .tbl-basic table tbody, .section-exhibition.info .view-content .tbl-basic table tbody tr, .section-exhibition.info .view-content .tbl-basic table tbody tr td {
        display: block;
        padding: 0
    }

    .section-exhibition.info .view-content .tbl-basic table tbody tr {
        position: relative
    }

    .section-exhibition.info .view-content .tbl-basic table tbody tr:nth-child(odd) {
        background: #f4f4f4
    }

    .section-exhibition.info .view-content .tbl-basic table tbody tr td {
        padding: 0 0 0 15px
    }

    .section-exhibition.info .view-content .tbl-basic table tr:after {
        content: "";
        display: block;
        clear: both
    }

    .section-exhibition.info .view-content.news-data .tbl-basic table td.tit, .section-exhibition.info .view-content.etc-data .tbl-basic table td.tit {
        clear: both;
        width: 100%;
        padding-top: 15px;
        padding-right: 50px
    }

    .section-exhibition.info .view-content .tbl-basic table td.tit a, .section-exhibition.info .view-content.etc-data .tbl-basic table td.tit {
        display: inline-block;
        overflow: hidden;
        width: 100%;
        line-height: 12px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.tit {
        width: 100%
    }

    html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.tit a {
        font-size: 11px
    }

    .section-exhibition.info .view-content.news-data .tbl-basic table td.date, .section-exhibition.info .view-content.news-data .tbl-basic table td.name, .section-exhibition.info .view-content.etc-data .tbl-basic table td.name {
        float: left;
        width: auto;
        padding-top: 8px;
        padding-bottom: 15px;
        font-size: 10px;
        color: #767676;
        text-align: left
    }

    html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.date, html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.name, html.eng .section-exhibition.info .view-content.etc-data .tbl-basic table td.name {
        font-size: 10px
    }

    .section-exhibition.info .view-content .tbl-basic table td.down {
        position: absolute;
        right: 0;
        top: 50%;
        width: auto;
        margin-top: -21px;
        padding: 0
    }

    html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.date, html.eng .section-exhibition.info .view-content.news-data .tbl-basic table td.name, html.eng .section-exhibition.info .view-content.etc-data .tbl-basic table td.name html.eng .section-exhibition.info .view-content .tbl-basic table td.down {
        width: auto
    }

    .section-exhibition.info .view-content.news-data .tbl-basic table td.date {
        position: relative
    }

    .section-exhibition.info .view-content.news-data .tbl-basic table td.date:after {
        content: "";
        position: absolute;
        left: 7.5px;
        top: 10px;
        width: 1px;
        height: 9px;
        background: #ddd
    }

    .section-exhibition.info .paginate-nav {
        height: auto;
        min-height: 45px;
        margin: 0 15px 30px;
        padding: 20px 0 0
    }

    .section-exhibition.info .related-contents {
        margin: 0 15px;
        padding: 27px 0 0;
        border-top: 1px solid #ddd;
        border-bottom: none
    }

    .section-exhibition.info .related-contents .slick-slide > div:first-child .list {
        border-top: none
    }

    .section-exhibition.info .related-contents .slide-cont {
        margin-top: 0
    }

    .section-exhibition.info .view-content + .related-contents {
        margin-top: 30px
    }

    /* 아티스트 */
    .section-exhibition.artist {
        height: auto
    }

    .section-exhibition.artist header.section {
        margin-bottom: 23px
    }

    .section-exhibition.artist div.section {
        min-height: auto;
        padding: 0;
        background: none
    }

    .section-exhibition.artist .artist-info .inner .img img {
        width: 80px
    }

    .section-exhibition.artist .artist-info .inner .txt .person:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 79px;
        vertical-align: middle
    }

    .section-exhibition.artist .artist-info .inner .txt .person strong {
        height: auto;
        margin-top: -62px;
        margin-bottom: 17px;
        vertical-align: middle
    }

    .section-exhibition.artist .artist-info .inner .txt .person strong + span {
        display: inline-block;
        vertical-align: middle
    }

    .section-exhibition.artist .artist-detail .artist-spec {
        padding-top: 30px
    }

    .section-exhibition.artist .artist-detail .artist-spec .works-list + .paginate-nav {
        margin: 20px 0 0 0;
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .section-exhibition.artist .artist-detail .artist-spec .paginate-nav {
        margin-top: 50px
    }

    .popup-exhibition-works .popup-section {
        width: 100%;
        height: auto;
        min-height: 100%
    }

    .popup-exhibition-works .popup-section .popup-content {
        height: auto;
        padding-left: 0;
        padding-right: 0
    }

    .popup-exhibition-works .popup-section .popup-content.mCustomScrollbar {
        margin-right: 0
    }

    .popup-exhibition-works .popup-section .mCSB_inside > .mCSB_container {
        margin-right: 0 !important
    }

    .popup-exhibition-works .popup-section .page-anc {
        display: none
    }

    .popup-exhibition-works .popup-section .page-anc.m {
        display: block
    }

    .popup-exhibition-works .popup-section .popup-content .works-image {
        position: relative
    }

    .popup-exhibition-works .popup-section .popup-content .works-image .page-anc.m {
        top: 50%;
        margin-top: -9px
    }

    /* 지난전시 */
    .section-exhibition.past .art-contents {
        padding: 0 15px
    }

    .section-exhibition.past .paginate-nav {
        margin-top: 30px
    }

    .section-exhibition.past .art-contents {
        padding: 0 15px
    }

    .section-exhibition.past .art-contents .list-basic.type2 .list, .section-exhibition.past .art-contents .list-basic.type2 .list:nth-child(3n) {
        width: 100%
    }

    .section-exhibition.past .art-contents .list-basic.type2 .list:last-child {
        border-bottom: 1px solid #ddd
    }

    .section-exhibition.past .art-search-frm .inp.place ul {
        margin-top: 10px
    }

    .section-exhibition.past .art-search-frm .inp.place ul li {
        float: left;
        width: 50%;
        text-align: left
    }

    .section-exhibition.past .art-search-frm .inp.place ul li ~ li {
        margin-left: 0
    }

    .section-exhibition.past .art-search-frm .inp.place ul li:nth-child(3) {
        width: 100%;
        margin-top: 20px
    }

    .section-exhibition.past .art-search-frm .inp.place ul li label {
        line-height: 18px
    }

    html.eng .section-exhibition.past .art-search-frm .row .set .inp.place input[type="radio"] + label ~ input[type="radio"] + label ~ input[type="radio"] + label {
        margin-left: 0
    }

    /* 교육 */
    .section-education .nodata {
        height: auto;
        padding: 80px 0
    }

    .section-education .nodata p {
        margin-top: 17px
    }

    .section-education.list .section div.content {
        padding: 0 15px 30px
    }

    .section-education.list .list-basic.type3 .list .txt > strong > a {
        color: #000
    }

    .section-education.list .art-contents .cont.past .list-basic {
        position: relative
    }

    .section-education.list .paginate-nav {
        margin: 20px 0 0;
        padding-top: 25px
    }

    .section-education.info .list-basic.view .list .txt > h3 {
        line-height: 1.3
    }

    .section-education.info .list-basic.view + .slide-thumb {
        margin-top: 0;
        margin-bottom: 40px
    }

    /* 신청하기 */
    .section-education.info {
        padding-bottom: 0
    }

    .section-education.info header.section {
        margin-bottom: 0
    }

    .section-education.info .section div.content {
        padding-bottom: 0
    }

    .section-education.info .list-basic {
        margin: 0
    }

    .section-education.info .list-basic .list {
        margin-top: 0
    }

    .section-education.info .list-basic .list .img {
        width: 100%;
        padding-right: 0
    }

    .section-education.info .list-basic .list .txt {
        padding: 30px 15px 0
    }

    .section-education.info .list-basic .list .txt > .badge {
        position: static;
        margin-bottom: 10px
    }

    .section-education.info .list-basic .list .txt .info {
        padding-bottom: 30px
    }

    .section-education.info .list-basic .list .txt .info .guide li {
        padding: 0
    }

    .section-education.info .list-basic.view .list .txt .info ul:first-child li {
        width: 100%
    }

    .section-education.info .list-basic .list .txt .info .guide li ~ li {
        margin-top: 12px
    }

    .section-education.info .list-basic .list .txt .info .guide li strong {
        line-height: 1.7
    }

    .section-education.info .list-basic .list .txt .info .guide li span {
        line-height: 1.7
    }

    .section-education.info .list-basic .list .txt .info .guide li span > span {
        width: auto
    }

    .section-education.info .list-basic .list .txt .info .links {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        border-top: none
    }

    .section-education.info .list-basic .list .txt .btns {
        position: absolute;
        margin-top: 0;
        padding-top: 0
    }

    .section-education.info .list-basic .list .txt .btns a {
        display: block;
        width: 100%;
        text-align: center
    }

    .section-education.info .tab-content {
        margin-left: 15px;
        padding-left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        text-align: left
    }

    .section-education.info .tab-content ul {
        text-align: center
    }

    .section-education.info .view-content {
        margin: 0 15px 30px;
        padding: 20px 0 0;
        border-bottom-color: #ddd
    }

    .section-education.info .view-content p, html.eng .section-education.info .view-content p {
        font-size: 11px
    }

    .section-education.info .view-content img {
        max-width: 100%;
        height: auto !important
    }

    .section-performance.info .view-content + .related-contents {
        margin-top: 30px
    }

    .section-education.info .related-contents {
        margin: 0 15px;
        padding: 20px 0 0;
        border-top: 1px solid #ddd;
        border-bottom: none
    }

    .section-education.info .paginate-nav {
        height: auto;
        min-height: 45px;
        margin: 0 15px 30px;
        padding: 20px 0 0
    }

    .section-education.info .tbl-basic table tbody td {
        width: calc(100% - 60px);
        padding: 11px 15px
    }

    html.eng .section-education.info .tbl-basic table tbody td {
        width: calc(100% - 60px)
    }

    .section-education.info .tbl-basic table td.down, html.eng .section-education.info .tbl-basic table td.down {
        width: 60px
    }

    .section-education.info .slide-thumb {
        margin-bottom: 40px
    }

    .section-education.info .slide-thumb .thumbs .inner a:hover > span, .section-education.info .slide-thumb .thumbs .inner a:focus > span {
        display: none
    }

    .section-education.info .related-contents {
        margin: 0 15px;
        padding: 27px 0 0;
        border-top: 1px solid #ddd;
        border-bottom: none
    }

    .section-education.info .related-contents .slick-slide > div:first-child .list {
        border-top: none
    }

    .section-education.info .related-contents .slide-cont {
        margin-top: 0
    }

    .section-education.info .follow-menu {
        display: block
    }

    .section-education.info .follow-menu .inner li {
        width: 100%;
        text-align: center
    }

    /* 프로그램 */
    .section-program header.section {
        margin-bottom: 0
    }

    .section-program .section header.content {
        padding-bottom: 40px
    }

    .section-program .section header.content > img {
        display: none
    }

    .section-program .section header.content > img.m {
        display: block;
        max-width: 100%
    }

    .section-program .section header.content > strong {
        font-size: 12px
    }

    html.eng .section-program .section header.content > strong {
        font-size: 12px
    }

    .section-program .section header.content > strong span {
        display: inline
    }

    .section-program .section header.content > strong br {
        display: block;
        font-size: 0;
        line-height: 0
    }

    html.eng .section-program .section header.content > strong span {
        font-size: 12px
    }

    .section-program .section header.content > strong span.m {
        display: block
    }

    .section-program .section header.content > .cont > .inner strong.tit {
        margin-right: 12px;
        padding-right: 15px;
        font-size: 12px;
        background: url(/images/common/bg-list-arr-right-m.png) right center no-repeat;
        background-size: 4px 6.5px
    }

    html.eng .section-program .section header.content > .cont > .inner strong.tit {
        font-size: 12px
    }

    html.eng .section-program .section header.content > .cont > .inner ul.list-text {
        width: calc(100% - 77px)
    }

    .section-program .section header.content > .cont > .inner ul.list-text li {
        font-size: 11px
    }

    html.eng .section-program .section header.content > .cont > .inner ul.list-text li {
        font-size: 11px
    }

    .section-program .section header.content > .cont > .inner ul.list-text li:after {
        top: 0.6em
    }

    .section-program .section header.content > .cont > .inner ul.list-text li ~ li {
        margin-top: 4px
    }

    .section-program .section header.content > p.desc {
        font-size: 11px
    }

    html.eng .section-program .section header.content > p.desc {
        font-size: 11px
    }

    .section-program .section header.content > p.desc span {
        display: inline
    }

    .section-program .section header.content > p.desc span.m {
        display: block
    }

    html.eng .section-program .section header.content > p.desc span {
        font-size: 11px
    }

    html.eng .section-program .section header.content em {
        font-size: 12px
    }

    .section-program .section div.content {
        padding-left: 15px;
        padding-right: 15px
    }

    .section-program .nodata {
        padding: 100px 0;
        border-top: 1px solid #ddd
    }

    /* 프로그램 소개 */
    .section-program.program-intro header.section {
        margin-bottom: 0
    }

    .section-program.program-intro .section div.content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .section-program.program-intro .list-bx ul li {
        opacity: 1
    }

    .section-program.program-intro .list-bx ul li .bx-area {
        height: auto;
        padding: 20px 15px
    }

    html.eng .section-program.program-intro .list-bx ul li .bx-area {
        height: auto
    }

    .section-program.program-intro .list-bx ul li .bx-area strong.tit {
        font-size: 17px
    }

    .section-program.program-intro .list-bx ul li .bx-area strong.tit span.tit-eng {
        margin-top: 10px;
        font-size: 10px
    }

    html.eng .section-program.program-intro .list-bx ul li .bx-area strong.tit {
        font-size: 15px
    }

    .section-program.program-intro .list-bx ul li .bx-area span.cont {
        position: static;
        margin-top: 20px;
        padding-right: 25px;
        font-size: 11px
    }

    html.eng .section-program.program-intro .list-bx ul li .bx-area span.cont {
        padding-right: 45px;
        font-size: 11px
    }

    .section-program.program-intro .list-bx ul li .bx-area span.cont span {
        display: inline
    }

    .section-program.program-intro .list-bx ul li .bx-area:hover, .section-program.program-intro .list-bx ul li .bx-area:focus {
        box-shadow: none
    }

    /* 창작자육성프로그램 */
    .section-program.creator-promote .paginate-nav {
        margin: 0 0 30px 0;
        border: none
    }

    .section-program.creator-promote .section div.content {
        padding-bottom: 0
    }

    .section-program.creator-promote .section header.content > strong span {
        display: block
    }

    .section-program.creator-promote .section header.content {
        margin-bottom: 0
    }

    .section-program.creator-promote .sub-section:first-child {
        margin-bottom: 30px;
        padding-top: 30px
    }

    .section-program.creator-promote .sub-section h3 {
        margin-bottom: 20px;
        font-size: 15px
    }

    html.eng .section-program.creator-promote .sub-section h3 {
        font-size: 15px
    }

    .section-program.creator-promote .sub-section ~ .sub-section {
        margin-top: 0;
        padding-top: 30px
    }

    .section-program.creator-promote .related-contents.artist {
        margin-top: -23px;
        border-bottom: none
    }

    .section-program.creator-promote .related-contents.artist .slick-slide:after {
        content: "";
        display: block;
        clear: both
    }

    .section-program.creator-promote .related-contents.artist .slick-slide > div {
        float: left;
        height: 79px;
        margin-top: 23px
    }

    .section-program.creator-promote .related-contents.artist .slick-slide > div:nth-child(2n) {
        width: calc(100% - 90px)
    }

    html.eng .section-program.creator-promote .related-contents.artist .slick-slide > div {
        width: 100%;
        text-align: center
    }

    html.eng .section-program.creator-promote .related-contents.artist .slick-slide > div:nth-child(2n) {
        width: 100%;
        height: 34px;
        margin-top: 13px
    }

    .section-program.creator-promote .related-contents.artist .slick-slide > div:nth-child(2n):before {
        content: "";
        display: inline-block;
        width: 0;
        height: 81px;
        vertical-align: middle
    }

    .section-program.creator-promote .related-contents.artist .img {
        width: 90px !important;
        padding-right: 11px
    }

    html.eng .section-program.creator-promote .related-contents.artist .img {
        width: 79px !important;
        padding-right: 0
    }

    .section-program.creator-promote .related-contents.artist .img a {
        width: 79px;
        height: 79px
    }

    .section-program.creator-promote .related-contents.artist .img a img {
        width: 100%
    }

    .section-program.creator-promote .related-contents.artist .txt {
        vertical-align: middle
    }

    html.eng .section-program.creator-promote .related-contents.artist .txt {
        vertical-align: top
    }

    .section-program.creator-promote .related-contents.artist .txt em {
        line-height: 1.2em;
        font-style: normal;
        font-size: 10px;
        color: #767676
    }

    html.eng .section-program.creator-promote .related-contents.artist .txt em {
        font-size: 10px
    }

    .section-program.creator-promote .related-contents.artist .txt strong {
        display: block;
        margin-top: 7px
    }

    html.eng .section-program.creator-promote .related-contents.artist .txt strong {
        margin-top: 5px
    }

    .section-program.creator-promote .related-contents.artist .txt strong a {
        font-family: 'RixSGo B';
        font-size: 12px
    }

    html.eng .section-program.creator-promote .related-contents.artist .txt strong a {
        line-height: 1.3;
        font-family: 'Montserrat';
        font-size: 12px;
        white-space: nowrap
    }

    .section-program.creator-promote .related-contents.artist .slick-arrow {
        top: -19px;
        left: inherit;
        bottom: inherit;
        width: 32px;
        height: 32px
    }

    .section-program.creator-promote .related-contents.artist .slick-arrow.slick-prev {
        right: 19.5px;
        margin-left: 0;
        background: url(/images/common/btn-arrow-left-m.png) 50% 50% no-repeat;
        background-size: 7px 12.5px
    }

    .section-program.creator-promote .related-contents.artist .slick-arrow.slick-next {
        right: -12.5px;
        margin-right: 0;
        background: url(/images/common/btn-arrow-right-m.png) 50% 50% no-repeat;
        background-size: 7px 12.5px
    }

    .section-program.creator-promote .related-contents .list {
        width: 100%
    }

    .section-program.creator-promote .related-contents .list:first-child {
        border-top: none
    }

    /* 두산아트랩 */
    .section-program.art-lab .paginate-nav {
        margin: 0 0 30px 0;
        border: none
    }

    .section-program.art-lab .section div.content {
        padding-bottom: 0
    }

    .section-program.art-lab .section header.content {
        margin-bottom: 0
    }

    .section-program.art-lab .section header.content > .cont {
        margin-top: 25px
    }

    .section-program.art-lab .section header.content > .cont > .inner {
        width: calc(100% - 30px)
    }

    .section-program.art-lab .section header.content > .cont > .inner ul.list-text {
        width: 75%
    }

    .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry {
        float: none;
        width: 100%;
        height: 35px;
        line-height: 35px;
        margin: 25px 0 0 0;
        padding: 0 20px;
        font-size: 11px;
        text-indent: 0;
        text-align: left;
        border-radius: 0
    }

    html.eng .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry {
        font-size: 11px
    }

    html.eng .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry span {
        font-size: 11px
    }

    .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry span.ico-register {
        display: block;
        height: 33px;
        line-height: 35px;
        padding-left: 0;
        background-position: 100% 50%
    }

    .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry {
        background: none
    }

    .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:hover, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:focus {
        border-color: #b5b5b5
    }

    .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:hover span, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:focus span {
        color: #000
    }

    .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:hover .ico-register, .section-program.art-lab .section header.content > .cont > .inner a.btn-lgry:focus .ico-register {
        background-image: url(/images/common/ico-register.png)
    }

    .section-program.art-lab .sub-section {
        padding-top: 25px
    }

    .section-program.art-lab .related-contents .list:first-child {
        border-top: none
    }

    /* 두산인문극장 */
    .section-program.humanities-theater .paginate-nav {
        margin: 0 0 30px 0;
        border: none
    }

    .section-program.humanities-theater .section div.content {
        padding-bottom: 0
    }

    .section-program.humanities-theater .section div.content {
        padding-right: 0;
        padding-left: 0
    }

    .section-program.humanities-theater .sub-section ~ .sub-section {
        padding-top: 25px
    }

    .section-program.humanities-theater .related-contents {
        margin-left: 15px;
        margin-right: 15px
    }

    .section-program.humanities-theater .related-contents .list {
        float: none;
        width: 100%
    }

    .section-program.humanities-theater .related-contents .list:first-child {
        border-top: none
    }

    .section-program.humanities-theater .list-board .set {
        padding: 18px 15px
    }

    .section-program.humanities-theater .list-board .set.active, .section-program.humanities-theater .list-board .set.active + .set {
        border-color: #ddd
    }

    .section-program.humanities-theater .list-board .set header {
        height: auto
    }

    .section-program.humanities-theater .list-board .set header > span.year {
        float: none;
        margin-top: 0;
        font-size: 13px
    }

    html.eng .section-program.humanities-theater .list-board .set header > span.year {
        font-size: 13px
    }

    .section-program.humanities-theater .list-board .set header > strong.tit {
        float: none;
        display: block;
        line-height: 1.7;
        margin-top: 7px;
        padding-right: 40px;
        font-size: 13px
    }

    html.eng .section-program.humanities-theater .list-board .set header > strong.tit {
        font-size: 13px
    }

    .section-program.humanities-theater .list-board .set header > strong.tit a {
        font-size: 13px
    }

    html.eng .section-program.humanities-theater .list-board .set header > strong.tit a {
        font-size: 13px
    }

    .section-program.humanities-theater .list-board .set .detail {
        margin-top: 0
    }

    .section-program.humanities-theater .list-board .set .detail .inner, html.eng .section-program.humanities-theater .list-board .set .detail .inner {
        padding: 20px 0 0 0
    }

    html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont strong {
        font-weight: 500;
        font-size: 11px
    }

    .section-program.humanities-theater .list-board .set .detail .inner p.cont {
        font-size: 11px;
        word-break: keep-all;
    }

    html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont {
        font-size: 11px
    }

    html.eng .section-program.humanities-theater .list-board .set .detail .inner p.cont span.m {
        font-size: 11px
    }

    .section-program.humanities-theater .list-board .set header a.tog-arr {
        display: inline-block;
        position: absolute;
        right: -15px;
        top: 50%;
        width: 53px;
        height: 53px;
        margin-top: -26.5px;
        font-size: 0;
        text-indent: -9999em;
        background: none
    }

    .section-program.humanities-theater .list-board .set header a.tog-arr:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        width: 23px;
        height: 23px;
        margin-top: -11.5px;
        border-radius: 100%;
        background: none
    }

    .section-program.humanities-theater .list-board .set header a.tog-arr:after {
        content: "";
        position: absolute;
        right: 50%;
        top: 50%;
        width: 14px;
        height: 8px;
        margin: -4px -7px 0 0;
        background: url(/images/common/btn-toggle-b-m.png) 0 0;
        background-size: 14px 8px
    }

    .section-program.humanities-theater .list-board .set.active header a.tog-arr {
        background: none
    }

    .section-program.humanities-theater .list-board .set.active header a.tog-arr:before {
        background: #767676
    }

    .section-program.humanities-theater .list-board .set.active header a.tog-arr:after {
        background: url(/images/common/btn-toggle-up-b-m.png) 0 0 no-repeat;
        background-size: 14px 8px
    }

    .section-program.humanities-theater .list-board .set .inner strong {
        line-height: 1.7em
    }

    .section-program.humanities-theater .list-board .set #detailSeq0 .inner strong {
        display: block
    }

    .section-program.humanities-theater .list-board .set #detailSeq0 .inner p:first-child + p span {
        display: inline
    }

    .section-program.humanities-theater .list-board .set #detailSeq3 .inner strong {
        display: block
    }

    .section-program.humanities-theater .list-board .set #detailSeq3 .inner p:first-child span {
        display: inline
    }

    .section-program.humanities-theater .list-board .set:nth-child(5) header strong.tit span {
        display: block;
        line-height: 1.5em;
        padding-left: 0
    }

    .section-program.humanities-theater .list-board .set #detailSeq4 .inner p:first-child span {
        display: inline
    }

    .section-program.humanities-theater .list-board .set:last-child.active {
        border-bottom: 1px solid #ddd
    }

    /* 두산아트스쿨 / 두산청소년아트스쿨 */
    .section-program.art-school .paginate-nav {
        margin-bottom: 30px
    }

    .section-program.art-school .section div.content {
        padding-bottom: 0
    }

    .section-program.art-school .section header.content {
        margin-right: 0;
        margin-left: 0
    }

    .section-program.art-school .section header.content strong, .section-program.art-school .section header.content .desc {
        padding: 0 15px
    }

    .section-program.art-school .section div.content {
        padding-right: 0;
        padding-left: 0
    }

    .section-program .tbl-basic.type2 table, .section-program .tbl-basic.type2 table tbody, .section-program .tbl-basic.type2 table tbody tr, .section-program .tbl-basic.type2 table tbody tr th, .section-program .tbl-basic.type2 table tbody tr td {
        display: block
    }

    .section-program .tbl-basic.type2 table {
        border-bottom-color: #ddd
    }

    .section-program .tbl-basic.type2 table tbody tr {
        padding: 15px 15px 20px;
        border-top: 1px solid #ddd
    }

    .section-program .tbl-basic.type2 table tbody tr:after {
        content: "";
        display: block;
        clear: both
    }

    .section-program .tbl-basic.type2 table tbody tr td {
        height: auto;
        border: none
    }

    .section-program .tbl-basic.type2 table tbody tr td.tit {
        width: 100%;
        padding: 0 0 10px 0
    }

    .section-program .tbl-basic.type2 table tbody tr td.tit a {
        line-height: 1.6;
        padding: 5px 0;
        font-size: 11px
    }

    html.eng .section-program .tbl-basic.type2 table tbody tr td.tit a {
        font-size: 11px
    }

    .section-program .tbl-basic.type2 table tbody tr td.num {
        float: right;
        font-size: 11px
    }

    html.eng .section-program .tbl-basic.type2 table tbody tr td.num {
        font-size: 11px
    }

    .section-program .tbl-basic.type2 table tbody tr td.name {
        display: inline-block;
        overflow: hidden;
        width: 50%;
        line-height: 1.3;
        font-size: 11px;
        color: #767676;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left
    }

    html.eng .section-program .tbl-basic.type2 table tbody tr td.name {
        font-size: 11px
    }

    .section-program .tbl-basic.type2 table tbody tr td:first-child.num {
        display: none
    }

    /* 두산어린이아트스쿨 / 프로젝트 빅보이 / 상주예술단체 */
    .section-program .list-year {
        padding: 0 15px;
        border-bottom: none
    }

    .section-program .list-year.list2 > ul > li {
        width: 100%
    }

    .section-program .list-year.list3 > ul > li {
        width: 50%
    }

    .section-program .list-year > ul > li > ul {
        margin-top: 20px
    }

    .section-program .list-year > ul > li > ul > li {
        font-weight: 400;
        font-size: 11px
    }

    html.eng .section-program .list-year > ul > li > ul > li {
        font-size: 11px
    }

    html.eng .section-program .list-year > ul > li > ul > li ~ li {
        margin-top: 7px
    }

    .section-program .list-year > ul > li > strong.year {
        display: block;
        width: 100%;
        font-size: 15px
    }

    html.eng .section-program .list-year > ul > li > strong.year {
        font-size: 15px
    }

    .section-program .list-year > ul > li > ul > li strong {
        font-size: 12px
    }

    html.eng .section-program .list-year > ul > li > ul > li strong {
        font-size: 12px
    }

    html.eng .section-program .list-year > ul > li > ul > li > a {
        line-height: 1.6
    }

    /* 두산어린이아트스쿨 */
    .section-program.art-school.child .paginate-nav {
        margin-bottom: 0
    }

    .section-program.art-school.child .section div.content {
        padding-bottom: 20px
    }

    .section-program.art-school.child .list-year > ul {
        padding-top: 10px
    }

    .section-program.art-school.child .list-year > ul > li, html.eng .section-program.art-school.child .list-year > ul > li {
        width: 100%;
        height: auto;
        padding: 20px 0;
        border-bottom: none
    }

    html.eng .section-program.art-school.child .list-year > ul > li:nth-child(3) ~ li {
        height: auto
    }

    .section-program.art-school.child .list-year > ul > li:first-child ~ li, .section-program.art-school.child .list-year > ul > li:nth-child(2) ~ li, .section-program.art-school.child .list-year > ul > li:nth-child(4) ~ li {
        height: auto
    }

    html.eng .section-program.art-school.child .list-year > ul > li > ul > li {
        line-height: 1em
    }

    /* 프로젝트 빅보이 */
    .section-program.project-bigboy .section header.content {
        margin-right: 0;
        margin-left: 0
    }

    .section-program.project-bigboy .section header.content strong, .section-program.project-bigboy .section header.content .desc {
        padding: 0 15px
    }

    .section-program.project-bigboy .list-year {
        padding: 30px 0 0 0;
        border-top: 1px solid #ddd
    }

    .section-program.project-bigboy .list-year > ul {
        padding: 0;
        border-top: none
    }

    .section-program.project-bigboy .list-year > ul ~ ul, .section-program.project-bigboy .list-year > ul > li ~ li {
        margin-top: 40px
    }

    /* 상주예술단체 */
    .section-program.reside-art-group .list-year {
        padding: 30px 0 0 0;
        border-top: 1px solid #ddd
    }

    .section-program.reside-art-group .list-year > ul {
        padding: 0;
        border-top: none
    }

    .section-program.reside-art-group .list-year > ul ~ ul, .section-program.reside-art-group .list-year > ul > li ~ li {
        margin-top: 40px
    }

    /* 밤의 낭독회 */
    .section-program.night-public-reading .paginate-nav {
        margin-bottom: 30px
    }

    .section-program.night-public-reading .section div.content {
        padding-bottom: 0
    }

    .section-program.night-public-reading .section header.content {
        margin-right: 0;
        margin-left: 0
    }

    .section-program.night-public-reading .section header.content strong, .section-program.night-public-reading .section header.content .desc {
        padding: 0 15px
    }

    .section-program.night-public-reading .section div.content {
        padding-right: 0;
        padding-left: 0
    }

    /* 백스테이지 투어 */
    .section-program.backstage-tour .paginate-nav {
        margin-bottom: 30px
    }

    .section-program.backstage-tour .section div.content {
        padding-bottom: 0
    }

    .section-program.backstage-tour .section header.content {
        margin-right: 0;
        margin-left: 0
    }

    .section-program.backstage-tour .section header.content strong, .section-program.backstage-tour .section header.content .desc {
        padding: 0 15px
    }

    .section-program.backstage-tour .section div.content {
        padding-right: 0;
        padding-left: 0
    }

    .section-program.backstage-tour .tbl-basic.type2 table tbody tr td.num {
        float: left
    }

    .section-program.backstage-tour .tbl-basic.type2 table tbody tr td.tit {
        padding-bottom: 3px
    }

    /* 두산레지던시 뉴욕 */
    .section-program.residency .section div.content {
        padding-bottom: 0
    }

    .section-program.residency .section header.content {
        margin-bottom: 0
    }

    .section-program.residency .list-program {
        margin-top: 0;
        margin-bottom: 50px
    }

    .section-program.residency .list-program ul li {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
        text-align: center
    }

    .section-program.residency .list-program ul li ~ li {
        margin-top: 35px
    }

    .section-program.residency .list-program ul li strong.tit {
        min-height: auto;
        line-height: 1.3em;
        /*padding-top:40px;*/
        font-size: 11px
    }

    html.eng .section-program.residency .list-program ul li strong.tit {
        font-size: 11px
    }

    /*.section-program.residency .list-program ul li.list1 strong.tit {background:url(/images/content/bg-ny-program1-m.png) 50% 0 no-repeat; background-size:29px 25px}
    .section-program.residency .list-program ul li.list2 strong.tit {background:url(/images/content/bg-ny-program2-m.png) 50% 0 no-repeat; background-size:31.5px 25px}
    .section-program.residency .list-program ul li.list3 strong.tit {background:url(/images/content/bg-ny-program3-m.png) 50% 0 no-repeat; background-size:27.5px 25px}*/
    .section-program.residency .list-program ul li strong.tit span.tit-eng {
        margin-top: 10px;
        font-size: 10px
    }

    html.eng .section-program.residency .list-program ul li strong.tit span.tit-eng {
        font-size: 10px
    }

    .section-program.residency .list-program ul li p.cont {
        margin-top: 18px;
        font-size: 10px
    }

    html.eng .section-program.residency .list-program ul li p.cont {
        margin-top: 15px;
        font-size: 10px
    }

    .section-program.residency .list-program ul li p.cont span.m {
        display: block;
        line-height: 1.4
    }

    .section-program.residency .residency-content .related-contents {
        border-bottom: none
    }

    .section-program.residency .residency-content .related-contents .list {
        float: none;
        width: 100%
    }

    .section-program.residency .residency-content .related-contents .list:first-child {
        border-top: none
    }

    .section-program.residency .residency-content .related-contents .list .img {
        width: 100px;
        padding-right: 20px
    }

    .section-program.residency .residency-content .related-contents .list .img a {
        width: 79px;
        height: auto
    }

    .section-program.residency .residency-content .related-contents .list .img img {
        width: 100%
    }

    .section-program.residency .residency-content .related-contents .list .txt {
        vertical-align: middle
    }

    .section-program.residency .residency-content .related-contents .list .txt strong {
        margin: 0 0 5px 0;
        height: auto;
        max-height: 34px
    }

    .section-program.residency .residency-content .related-contents .list .txt strong a {
        font-size: 13px
    }

    html.eng .section-program.residency .residency-content .related-contents .list .txt strong a {
        font-size: 13px
    }

    .section-program.residency .residency-content .related-contents .list .txt span {
        position: static;
        font-size: 10px
    }

    html.eng .section-program.residency .residency-content .related-contents .list .txt span {
        font-size: 10px
    }

    .section-program.residency .residency-content .list-program {
        margin-bottom: 0
    }

    .section-program.residency-view .program-view .head .info .date {
        position: absolute
    }

    .section-program.residency-view .program-view .head .info .date:after {
        display: none
    }

    .section-program.residency-view .program-view .head .info .list-arrow {
        display: block;
        margin-right: 0
    }

    .section-program.residency-view .program-view .head .info .list-arrow li.artists:after {
        content: "";
        display: block;
        clear: both
    }

    .section-program.residency-view .program-view .head .info .list-arrow li.artists strong {
        float: left
    }

    .section-program.residency-view .program-view .head .info .list-arrow li.artists a {
        margin-right: 11px;
        vertical-align: top;
        display: inline-block;
        white-space: nowrap
    }

    .section-program.residency-view .program-view .head .info .list-arrow li.artists a ~ a {
        margin-left: 0
    }

    .section-program.residency-view .program-view .head .info .list-arrow li.artists > span {
        float: left;
        width: calc(100% - 102px);
        line-height: 1.7
    }

    .section-program.residency-view .program-view .slide-thumb {
        margin: 0;
        padding-bottom: 0
    }

    .section-program.residency-view .program-view .slide-thumb button ~ .slick-list {
        margin-bottom: 0
    }

    .section-program.residency .residency-content .related-contents {
        margin-top: 0
    }

    .section-program.residency .residency-content .bx-period {
        margin-bottom: 10px
    }

    /* 두산 큐레이터 워크샵 */
    .section-program.curator section.section div.content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .section-program.curator .tab-linear {
        margin-left: 15px;
        margin-right: 15px
    }

    html.eng .section-program.curator .tab-linear li:nth-child(3) a {
        line-height: 1.5
    }

    /*html.eng .section-program.curator .tab-linear li:nth-child(3) a:after {left:69px; margin-top:-9px}*/
    .section-program.curator .curator-content.participate {
        padding: 0 15px 30px
    }

    .section-program.curator .curator-content.participate .note {
        padding-bottom: 30px
    }

    .section-program.curator .curator-content.participate .note p {
        line-height: 1.6;
        margin-bottom: 18px;
        font-size: 12px
    }

    .section-program.curator .curator-content.participate .note p span {
        display: inline
    }

    html.eng .section-program.curator .curator-content.participate .note p, html.eng .section-program.curator .curator-content.participate .note p span {
        font-size: 12px
    }

    .section-program.curator .curator-content.participate .note ul li:after {
        content: "";
        display: block;
        clear: both
    }

    .section-program.curator .curator-content.participate .note ul li .tit {
        float: left
    }

    .section-program.curator .curator-content.participate .note ul li .email {
        float: left;
        width: calc(100% - 88px);
        margin-right: 0
    }

    .section-program.curator .curator-content.participate .note ul li .email strong {
        display: block;
        margin-bottom: 9px
    }

    .section-program.curator .curator-content.participate .note ul li .contact {
        display: block;
        float: left;
        margin-top: 7px;
        padding-left: 88px
    }

    .section-program.curator .curator-content.participate .note ul li .contact a {
        font-size: 13px
    }

    html.eng .section-program.curator .curator-content.participate .note ul li .contact a {
        font-size: 13px
    }

    .section-program.curator .curator-content .list-border {
        margin-top: 0
    }

    .section-program.curator .curator-content .list-border ul li:nth-child(3n-1), .section-program.curator .curator-content .list-border ul li:nth-child(3n) {
        width: auto
    }

    html.eng .section-program.curator .curator-content .list-border > ul > li:first-child {
        margin-top: 30px
    }

    html.eng .section-program.curator .curator-content .list-border > ul > li > div p {
        line-height: 1.6em
    }

    html.eng .section-program.curator .curator-content .list-border > ul > li > div p span {
        display: inline;
        line-height: 1.6em
    }

    .section-program.curator .curator-content .list-border ul li > div > span.period {
        font-size: 13px
    }

    html.eng .section-program.curator .curator-content .list-border ul li > div > span.period {
        font-size: 11px
    }

    .section-program.curator .curator-content .list-border ul li > div > .list-text > li > strong {
        font-size: 11px
    }

    html.eng .section-program.curator .curator-content .list-border ul li > div > .list-text > li {
        line-height: 1.6em
    }

    html.eng .section-program.curator .curator-content .list-border ul li > div > .list-text > li ~ li {
        margin-top: 5px
    }

    html.eng .section-program.curator .curator-content .list-border ul li > div > .list-text > li > strong {
        font-sizE: 11px
    }

    .section-program.curator .curator-content .list-border ul li > div a.down {
        display: block;
        width: calc(100% - 30px);
        height: 33px;
        line-height: 33px;
        margin: 15px 15px 0;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0;
        background: none
    }

    html.eng .section-program.curator .curator-content .list-border ul li > div a.down {
        font-size: 11px
    }

    .section-program.curator .curator-content .list-border ul li > div a.down span {
        text-align: left;
        line-height: 33px;
        background-position: right 50%
    }

    html.eng .section-program.curator .curator-content .list-border ul li > div a.down span {
        font-size: 11px
    }

    .section-program.curator .curator-content .list-border ul li > div a.down:hover, .section-program.curator .curator-content .list-border ul li > div a.down:focus {
        border-color: #b5b5b5
    }

    .section-program.curator .curator-content .list-border ul li > div a.down:hover span, .section-program.curator .curator-content .list-border ul li > div a.down:focus span {
        color: #000
    }

    .section-program.curator .curator-content .list-border ul li > div a.down:hover .ico-down, .section-program.curator .curator-content .list-border ul li > div a.down:focus .ico-down {
        background-image: url(/images/common/ico-down.png)
    }

    .section-program.curator .curator-content.dcw-part .list-program, .section-program.curator .curator-content.dcw-part .list-program .list, .section-program.curator .curator-content.dcw-part .list-program .list .inner, .section-program.curator .curator-content.dcw-part .list-program .list .inner .info, .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .desc {
        display: block;
        width: 100%
    }

    .section-program.curator .curator-content.dcw-part .list-program {
        margin-top: 25px
    }

    .section-program.curator .curator-content.dcw-part .list-program .list {
        padding: 0;
        border-bottom: none
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner {
        position: relative;
        border-top: 1px solid #ddd
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .img {
        display: none;
        position: absolute;
        left: 50%;
        top: 62px;
        overflow: hidden;
        width: 79px;
        height: 79px;
        margin-left: -35px;
        padding-right: 0
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info, html.eng .section-program.curator .curator-content.dcw-part .list-program .list .info {
        padding: 0 15px
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .tit {
        display: block;
        position: relative;
        height: 53px;
        line-height: 53px;
        font-size: 13px;
        color: #767676
    }

    html.eng .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .tit {
        font-size: 13px
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .tit .toggle-btn {
        display: inline-block;
        position: absolute;
        right: -15px;
        top: 0;
        width: 53px;
        height: 53px;
        font-size: 0;
        text-indent: -9999em
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .tit .toggle-btn:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        width: 23px;
        height: 23px;
        margin-top: -10px;
        border-radius: 100%;
        background: none
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .tit .toggle-btn:after {
        content: "";
        position: absolute;
        right: 50%;
        top: 50%;
        width: 14px;
        height: 8px;
        margin: -4px -7px 0 0;
        background: url(/images/common/btn-toggle-b-m.png) 0 0;
        background-size: 14px 8px
    }

    .section-program.curator .curator-content.dcw-part .list-program .list.on .inner .info .tit .toggle-btn:before {
        background: #767676
    }

    .section-program.curator .curator-content.dcw-part .list-program .list.on .inner .info .tit .toggle-btn:after {
        background: url(/images/common/btn-toggle-up-b-m.png) 0 0 no-repeat;
        background-size: 14px 8px
    }

    .section-program.curator .curator-content.dcw-part .list-program .list.on .inner .info .tit {
        color: #000
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .desc {
        display: none;
        margin-top: 113px;
        padding-bottom: 20px;
        font-size: 11px
    }

    html.eng .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .desc {
        font-size: 10px
    }

    .section-program.curator .curator-content.dcw-part .list-program .list:first-child .inner .img, .section-program.curator .curator-content.dcw-part .list-program .list:first-child .inner .info .desc {
        display: block
    }

    .section-program.curator .curator-content.dcw-part .list-program .list .inner .info .desc p {
        display: block
    }

    .section-program.curator .curator-content.workshop {
        padding: 0 15px
    }

    .section-program.curator .curator-content.workshop .list-program .list .inner .info span.people span.date {
        margin-top: 6px
    }

    html.eng .section-program.curator .tab-linear.tab3 ul li ~ li {
        margin-left: 0
    }

    /* 두산연강예술상 */
    .section-program.award .list-border > ul {
        margin-top: 0
    }

    .section-program.award .list-border > ul > li {
        width: 100%;
        margin-top: 0
    }

    .section-program.award .list-border > ul > li ~ li, .section-program.award .list-border > ul > li:last-child {
        margin-top: 35px
    }

    .section-program.award .list-border > ul > li > div > p span {
        display: inline
    }

    .section-program.award .list-border ul li.steps {
        min-height: auto
    }

    .section-program.award .list-border ul li.steps > div {
        padding-top: 15px
    }

    .section-program.award .list-border ul li.steps .award-steps {
        margin-left: -2px
    }

    .section-program.award .list-border ul li.steps .award-steps .step {
        float: none
    }

    .section-program.award .list-border ul li.steps .award-steps .step ~ .step {
        margin: 10px 0 0 0
    }

    .section-program.award .list-border ul li.steps .award-steps .step em {
        width: 15px;
        font-size: 13px
    }

    .section-program.award .list-border ul li.steps .award-steps .step em:after {
        content: "."
    }

    html.eng .section-program.award .list-border ul li.steps .award-steps .step em {
        font-size: 13px
    }

    .section-program.award .list-border ul li.steps .award-steps .step em span {
        font-size: 0;
        text-indent: -9999em
    }

    .section-program.award .list-border ul li.steps .award-steps .step strong {
        position: relative;
        font-family: "RixSGo M";
        font-size: 11px
    }

    html.eng .section-program.award .list-border ul li.steps .award-steps .step strong {
        font-family: 'Montserrat';
        line-height: 1.3;
        font-size: 11px
    }

    html.eng .section-program.award .list-border ul li.steps .award-steps .step strong span {
        font-size: 11px
    }

    .section-program.award .list-border ul li.steps .award-steps .step strong:after {
        display: none
    }

    html.eng .section-program.award .list-border ul li.steps .award-steps {
        margin-left: -4px
    }

    html.eng .section-program.award .list-border ul li.steps .award-steps .step:nth-child(3) {
        margin-left: 0
    }

    html.eng .section-program.award .list-border ul li.steps .award-steps .step:nth-child(2) ~ .step {
        margin-top: 14px
    }

    .section-program.award .award-content.artist .list-program > .list, .section-program.award .award-content.artist .list-program > .list .inner, .section-program.award .award-content.artist .list-program > .list .inner .sort, .section-program.award .award-content.artist .list-program > .list .inner .img, .section-program.award .award-content.artist .list-program > .list .inner .info, .section-program.award .award-content.artist .list-program > .list .plural {
        display: block
    }

    .section-program.award .award-content.artist .list-program > .list {
        border-bottom: none
    }

    .section-program.award .award-content.artist .list-program > .list .inner, .section-program.award .award-content.artist .list-program > .list .plural .list .inner {
        position: relative
    }

    .section-program.award .award-content.artist .list-program > .list .sort {
        width: 100%;
        padding-bottom: 20px
    }

    .section-program.award .award-content.artist .list-program > .list .sort > strong {
        padding-bottom: 10px;
        font-size: 13px
    }

    html.eng .section-program.award .award-content.artist .list-program > .list .sort > strong {
        font-size: 13px
    }

    .section-program.award .award-content.artist .list-program > .list .sort > strong:after {
        width: 15px
    }

    .section-program.award .award-content.artist .list-program > .list .inner .img {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 44px;
        z-index: 1;
        padding-right: 0
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info {
        width: 100%
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info .tit {
        display: block;
        position: static
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info .desc {
        display: block;
        line-height: 2;
        padding: 25px 0 0 0;
        font-size: 11px
    }

    html.eng .section-program.award .award-content.artist .list-program > .list .inner .info .desc {
        font-size: 11px
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info .link-detail {
        display: inline-block;
        bottom: inherit
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info .link-detail span {
        padding-right: 0
    }

    .section-program.award .award-content.artist .list-program > .list .plural .list ~ .list {
        border-top: 1px solid #ddd
    }

    .section-program.award .award-content.artist .list-program > .list .plural .list .inner .img {
        top: 0
    }

    .section-program.award .award-content.artist .list-program > .list .inner .img {
        width: 79px;
        height: 79px
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info .tit {
        height: 79px;
        padding-left: 99px
    }

    .section-program.award .award-content.artist .list-program > .list .inner .info .link-detail {
        top: 65px;
        width: 48px;
        height: 22px;
        font-size: 0;
        background-position: right 50%
    }

    /*.section-program.award .award-content.artist .list-program > .list.art .inner .img {width:100px; height:56px}
    .section-program.award .award-content.artist .list-program > .list.art .inner .info .tit {height:56px; padding-left:120px}
    .section-program.award .award-content.artist .list-program > .list.art .inner .info .link-detail {top:34px}*/
    .section-program.award-view .awarded-artist {
        padding-top: 25px
    }

    .section-program.award-view .awarded-artist .artist {
        float: none;
        position: relative;
        width: 100%
    }

    .section-program.award-view .awarded-artist .artist:after {
        content: "";
        display: block;
        clear: both
    }

    .section-program.award-view .awarded-artist .artist .img {
        float: left;
        position: relative
    }

    .section-program.award-view .awarded-artist .artist .img strong {
        display: inline-block;
        margin-left: 20px;
        padding-top: 0;
        font-size: 17px;
        vertical-align: top
    }

    html.eng .section-program.award-view .awarded-artist .artist .img strong {
        font-size: 17px
    }

    .section-program.award-view .awarded-artist .artist a {
        position: absolute;
        bottom: 0;
        margin-top: 0;
        font-size: 13px
    }

    html.eng .section-program.award-view .awarded-artist .artist a {
        font-size: 13px
    }

    .section-program.award-view .awarded-artist .artist .img {
        width: 100%;
        height: 79px
    }

    .section-program.award-view .awarded-artist .artist .img img {
        width: 79px;
        height: 79px
    }

    .section-program.award-view .awarded-artist .artist a {
        left: 99px
    }

    /*.section-program.award-view .awarded-artist .artist.art .img {width:100%; height:56px}
    .section-program.award-view .awarded-artist .artist.art .img img {width:100px; height:56px}
    .section-program.award-view .awarded-artist .artist.art a {left:120px}*/
    .section-program.award-view .awarded-artist .detail {
        float: none;
        width: 100%;
        margin-top: 30px
    }

    .section-program.award-view .awarded-artist .detail .info img {
        max-width: 100%
    }

    .section-program.award-view .awarded-artist .detail .commentary {
        padding-top: 25px;
        font-size: 11px
    }

    html.eng .section-program.award-view .awarded-artist .detail .commentary {
        font-size: 11px
    }

    .section-program.award-view .awarded-artist .detail .commentary h3 {
        font-size: 13px;
        padding-bottom: 15px
    }

    html.eng .section-program.award-view .awarded-artist .detail .commentary h3 {
        font-size: 13px
    }

    html.eng .section-program.award-view .awarded-artist .detail .commentary p {
        font-size: 11px
    }

    .section-program.award-view .awarded-artist .detail .commentary p ~ p {
        margin-top: 20px
    }

    .section-program.award-view .paginate-nav.foot {
        margin-left: 0;
        margin-right: 0
    }

    /* 푸터 */
    /* 개인정보취급방침 */
    .section-footer.personal-policy header.section {
        margin-bottom: 25px
    }

    .section-footer.personal-policy p.cont {
        padding: 0 15px;
        font-size: 11px
    }

    html.eng .section-footer.personal-policy p.cont {
        font-size: 11px;
    }

    .section-footer.personal-policy p.cont ~ p.cont {
        margin-top: 17px
    }

    .section-footer.personal-policy .tab-detail {
        overflow: hidden;
        position: relative;
        height: 46px;
        margin: 30px 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #ddd
    }

    .section-footer.personal-policy .tab-detail > a {
        display: inline-block;
        position: absolute;
        top: 0;
        z-index: 1;
        width: 46px;
        height: 46px;
        font-size: 0;
        text-indent: -9999em
    }

    .section-footer.personal-policy .tab-detail > a.prev {
        left: 0;
        background: url(/images/common/btn-arrow-left-m.png) 50% 50% no-repeat;
        background-size: 5px auto
    }

    .section-footer.personal-policy .tab-detail > a.next {
        right: 0;
        background: url(/images/common/btn-arrow-right-m.png) 50% 50% no-repeat;
        background-size: 5px auto
    }

    .section-footer.personal-policy .tab-detail ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 300%
    }

    .section-footer.personal-policy .tab-detail ul li {
        text-align: center
    }

    .section-footer.personal-policy .tab-detail ul li a {
        display: inline-block;
        font-family: "RixSGo B";
        background: none;
        border: none;
    }

    html.eng .section-footer.personal-policy .tab-detail ul li a {
        font-family: 'Montserrat';
    }

    .section-footer.personal-policy .tab-detail ul li.on a {
        color: #000;
        background: none
    }

    .section-footer.personal-policy .view-content {
        padding: 0 15px
    }

    .section-footer.personal-policy .view-content .cont {
        padding: 0
    }

    .section-footer.personal-policy .view-content > ul.list-policy > li > h4 {
        font-size: 12px
    }

    html.eng .section-footer.personal-policy .view-content > ul.list-policy > li > h4 {
        font-size: 12px
    }

    .section-footer.personal-policy .view-content > ul.list-policy li, .section-footer.personal-policy .view-content > ul.list-policy > li > ul > li, .section-footer.personal-policy .view-content > ul.list-policy > li > ul > li strong.tit {
        line-height: 1.6;
        font-size: 11px
    }

    html.eng .section-footer.personal-policy .view-content > ul.list-policy li, html.eng .section-footer.personal-policy .view-content > ul.list-policy > li > ul > li, html.eng .section-footer.personal-policy .view-content > ul.list-policy > li > ul > li strong.tit {
        font-size: 11px
    }

    .section-footer.personal-policy .view-content span.refer {
        margin-left: 0
    }

    .section-footer.personal-policy a.btn-wht {
        width: 100%;
        height: 33px;
        line-height: 33px;
        padding: 0 20px;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0
    }

    html.eng .section-footer.personal-policy a.btn-wht {
        font-size: 11px
    }

    .section-footer.personal-policy a.btn-wht span {
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 0;
        text-align: left;
        background-position: right 50%
    }

    html.eng .section-footer.personal-policy a.btn-wht span {
        font-size: 11px
    }

    .section-footer.personal-policy a.btn-wht span.ico-down {
        padding-left: 0
    }

    .section-footer.personal-policy .view-content.policy2 {
        margin-top: -10px
    }

    .section-footer.personal-policy .view-content.policy2 ul.list-text.type2 > li > ul {
        margin-left: 0
    }

    .section-footer.personal-policy .view-content.policy2 a.link-blk span {
        line-height: 1.5
    }

    .section-footer.personal-policy .view-content.policy2 a.link-blk span em {
        display: block;
        line-height: 1.5
    }

    html.eng .section-footer.personal-policy .view-content.policy2 a.link-blk span em {
        font-size: 11px
    }

    /* 이메일무단수집거부 팝업 */
    .popup-refuse-email .popup-section {
        width: 100%;
        height: 100%
    }

    .popup-refuse-email .popup-section header {
        padding: 20px 0 30px 15px
    }

    .popup-refuse-email .popup-section header h3 {
        display: block;
        font-family: 'Montserrat', 'RixSGo B';
        font-size: 13px;
        line-height: 27px
    }

    html.eng .popup-refuse-email .popup-section header h3 {
        font-size: 13px
    }

    .popup-refuse-email .popup-section p.desc {
        margin-top: 120px;
        padding-top: 58px;
        font-size: 11px;
        background: url(/images/common/ico-refuse-email.png) 50% 0 no-repeat;
        background-size: 55px 35px
    }

    html.eng .popup-refuse-email .popup-section p.desc {
        font-size: 11px
    }

    .popup-refuse-email .popup-section p.desc strong.tit {
        padding-bottom: 20px;
        font-size: 17px
    }

    html.eng .popup-refuse-email .popup-section p.desc strong.tit {
        font-size: 17px
    }

    .popup-refuse-email .popup-section p.desc span {
        display: inline
    }

    .popup-refuse-email .popup-section p.desc span.m {
        display: block
    }

    html.eng .popup-refuse-email .popup-section p.desc span.m {
        font-size: 11px
    }

    .popup-refuse-email .popup-section p.desc span.date {
        display: block;
        padding-top: 25px
    }

    html.eng .popup-refuse-email .popup-section p.desc span.date {
        font-size: 11px
    }

    /* 기타 */
    /* 404, 500 */
    #container.section-etc.etc-error {
        padding: 0 15px
    }

    .etc-error .section .content {
        padding: 123px 0;
        text-align: center
    }

    .etc-error .subj {
        padding-bottom: 30px;
        border-bottom: none
    }

    .etc-error .subj h1 {
        padding-bottom: 35px
    }

    .etc-error .subj h1 a img {
        width: 89px
    }

    .etc-error .subj h2 {
        font-size: 20px;
        font-weight: 600
    }

    .etc-error .subj h2 > span {
        display: block;
        margin-top: 6px
    }

    .etc-error .subj h2 span.m {
        display: block
    }

    .etc-error .subj h2 em {
        display: none
    }

    .etc-error .subj p.eng {
        padding-top: 13px;
        font-size: 11px;
        color: #767676
    }

    .etc-error .cont {
        padding-top: 0
    }

    .etc-error .cont p {
        line-height: 1.7;
        font-size: 11px
    }

    .etc-error .cont p > span {
        display: inline;
        line-height: 1.7
    }

    .etc-error .cont p span.m {
        display: block;
        line-height: 1.7
    }

    .etc-error .cont p ~ p {
        margin-top: 20px
    }

    .etc-error .cont .btns-submit {
        margin-top: 46px;
        text-align: center
    }

    .etc-error .cont .btns-submit a {
        width: 161px
    }

    /* 비밀번호 변경 */
    #container.section-etc.etc-change {
        padding: 25px 15px 0
    }

    .etc-change header.section {
        margin-bottom: 10px;
        border-bottom: none
    }

    .etc-change .section .header {
        padding-bottom: 25px
    }

    .etc-change .section .header h3 {
        padding-bottom: 22px;
        font-size: 15px
    }

    .etc-change .section .header h3 > span {
        margin-top: 7px
    }

    .etc-change .section .header p {
        line-height: 1.7;
        font-size: 11px
    }

    .etc-change .section .header p ~ p {
        margin-top: 15px
    }

    .etc-change .section .header p > span {
        line-height: 1.7
    }

    .etc-change .section .header p.clr-caution span {
        display: inline
    }

    .etc-change .tbl-row.form table tbody th {
        width: 80px
    }

    .etc-change .tbl-row.form table tbody th label {
        display: inline-block;
        width: 78%;
        line-height: 1.5
    }

    .etc-change .tbl-row.form table tbody td {
        width: calc(100% - 80px)
    }

    .etc-change .tbl-row.form table tbody td input[type="password"] {
        width: 100%
    }

    .etc-change .tbl-row.form table tbody td input[type="password"] + .guide {
        display: none
    }

    .etc-change .btns-submit a {
        width: calc(50% - 5px)
    }

    .etc-change .btns-submit a ~ a {
        margin-left: 5px
    }

    /* 두산아트센터 */
    .section-center .tab-linear {
        margin-bottom: 30px
    }

    .section-center .tab-linear {
        padding-bottom: 9px
    }

    .section-center .tab-linear ul li a {
        font-size: 12px
    }

    .section-center .tab-linear.tab3 ul li.on a:after {
        width: 10px
    }

    /* 소개 */
    .section-center.introduction .intro-head {
        padding: 20px 0 40px
    }

    .section-center.introduction .intro-head h3 {
        line-height: 1.4;
        padding-top: 19px;
        font-size: 20px;
        background-size: 95px auto
    }

    html.eng .section-center.introduction .intro-head h3 {
        font-size: 20px
    }

    html.eng .section-center.introduction .intro-head h3 span {
        font-size: 20px
    }

    .section-center.introduction .intro-head h3 span {
        display: inline;
        line-height: 1.4
    }

    .section-center.introduction .intro-head h3 span.m {
        display: block
    }

    html.eng .section-center.introduction .intro-head strong span {
        display: block
    }

    .section-center.introduction .intro-head .eng-desc {
        line-height: 1.7;
        padding-top: 10px;
        font-size: 10px
    }

    html.eng .section-center.introduction .intro-head .eng-desc {
        font-size: 10px
    }

    .section-center.introduction .intro-head .eng-desc span {
        display: block;
        line-height: 1.7
    }

    html.eng .section-center.introduction .intro-head .eng-desc span {
        display: block;
        font-size: 10px;
        line-height: 1.7
    }

    .section-center.introduction .intro-area {
        margin: 0;
        padding: 0 15px;
        text-align: center
    }

    .section-center.introduction .intro-area .img {
        position: static;
        margin-bottom: 25px
    }

    .section-center.introduction .intro-area .img img {
        width: 100%
    }

    .section-center.introduction .intro-area strong {
        font-size: 15px
    }

    html.eng .section-center.introduction .intro-area strong {
        font-size: 15px
    }

    html.eng .section-center.introduction .intro-area strong span {
        font-size: 15px
    }

    .section-center.introduction .intro-area strong span {
        display: inline
    }

    .section-center.introduction .intro-area strong span.m {
        display: block
    }

    .section-center.introduction .intro-area strong br {
        display: block
    }

    .section-center.introduction .intro-area p {
        line-height: 1.7;
        padding-top: 15px;
        font-size: 11px
    }

    html.eng .section-center.introduction .intro-area p {
        font-size: 11px
    }

    html.eng .section-center.introduction .intro-area p span {
        font-size: 11px
    }

    .section-center.introduction .intro-area p span {
        line-height: 1.7;
        display: inline
    }

    .section-center.introduction .intro-area p span.m {
        display: block
    }

    .section-center.introduction .intro-area.intro1 {
        height: auto;
        padding-left: 15px
    }

    .section-center.introduction .intro-area.intro2 {
        height: auto;
        margin-top: 40px;
        padding-right: 15px;
        text-align: center
    }

    html.eng .section-center.introduction .intro-area.intro2 {
        margin-bottom: 0
    }

    .section-center.introduction .intro-area.intro1 p {
        padding-bottom: 0;
        background: none
    }

    .section-center.introduction .intro-area.intro2 strong {
        padding-top: 0;
        background: none
    }

    .section-center.introduction .intro-space {
        padding-top: 30px;
        margin-top: 30px;
        margin-left: 15px;
        margin-right: 15px
    }

    .section-center.introduction .intro-space ul li {
        float: none;
        width: 100%;
        text-align: center
    }

    .section-center.introduction .intro-space ul li ~ li {
        margin-left: 0;
        margin-top: 38px
    }

    .section-center.introduction .intro-space ul li strong {
        margin-top: 19px;
        font-size: 15px
    }

    .section-center.introduction .intro-space ul li p {
        margin-top: 12px;
        font-size: 11px
    }

    .section-center.introduction .link {
        margin: 30px 15px 12px;
        padding: 20px 15px 0;
        text-align: center
    }

    .section-center.introduction .link a {
        padding: 5px 0 5px 43px;
        background: url(/images/common/bg-doosan-m.png) 0 50% no-repeat;
        background-size: 35px 16px
    }

    html.eng .section-center.introduction .link a .link-blk span {
        background-position: 100% 50%
    }

    /* 수상내역 */
    .section-center.award-details header.section {
        margin-bottom: 0
    }

    .section-center.award-details .section div.content {
        padding-bottom: 0
    }

    .section-center.award-details .list-basic {
        display: none;
        margin-top: 10px;
        padding: 0 15px
    }

    .section-center.award-details .list-basic .list {
        width: 100%
    }

    .section-center.award-details .list-basic .list:last-child {
        padding-bottom: 30px
    }

    .section-center.award-details .list-basic .list .img {
        overflow: hidden;
        width: 99px;
        height: auto
    }

    .section-center.award-details .list-basic .list .txt > strong {
        line-height: 1.3em;
        padding-bottom: 14px;
        font-size: 13px
    }

    html.eng .section-center.award-details .list-basic .list .txt > strong {
        padding-bottom: 17px;
        font-size: 13px
    }

    .section-center.award-details .list-basic .list .txt p {
        line-height: 1.5;
        font-size: 10px
    }

    html.eng .section-center.award-details .list-basic .list .txt p {
        font-size: 10px
    }

    html.eng .section-center.award-details .list-basic .list .txt p span {
        font-size: 10px
    }

    .section-center.award-details .list-basic .list .txt p ~ p {
        margin-top: 6px
    }

    .section-center.award-details .list-basic.type2 .list .txt {
        padding: 0
    }

    .section-center.award-details .awarded-section:first-child .list-basic {
        display: block
    }

    .section-center.award-details .awarded-section h3 {
        height: 50px;
        line-height: 50px;
        padding: 0 15px
    }

    .section-center.award-details .awarded-section h3 a {
        position: relative;
        line-height: 50px;
        margin-bottom: 0;
        padding: 0;
        font-size: 13px;
        pointer-events: inherit
    }

    html.eng .section-center.award-details .awarded-section h3 a {
        font-size: 13px
    }

    .section-center.award-details .awarded-section h3 a:after {
        content: "";
        position: absolute;
        right: 4.5px;
        top: 50%;
        width: 14px;
        height: 8px;
        margin-top: -5px;
        background: url(/images/common/btn-toggle-b-m.png) no-repeat;
        background-size: 14px 8px
    }

    .section-center.award-details .awarded-section h3.on a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 23px;
        height: 23px;
        margin-top: -11.6px;
        border-radius: 100%;
        background: #767676
    }

    .section-center.award-details .awarded-section h3.on a:after {
        background: url(/images/common/btn-toggle-up-b-m.png) no-repeat;
        background-size: 14px 8px
    }

    .section-center.award-details .awarded-section ~ .awarded-section {
        margin-top: 0;
        padding-top: 0
    }

    .section-center.award-details .awarded-section.y-2009 .list-basic .list {
        height: auto
    }

    /* 두산컬렉션 */
    .section-center.collection header.section {
        margin-bottom: 0
    }

    .section-center.collection header.content {
        margin-bottom: 10px
    }

    .section-center.collection header.content img {
        display: none
    }

    .section-center.collection header.content img.m {
        display: block;
        width: 100%
    }

    .section-center.collection header.content p > span.m {
        display: block;
        line-height: 1.95
    }

    .section-center.collection .collection-content {
        margin: 0 15px;
        padding: 30px 0 10px
    }

    .section-center.collection .collection-content > ul > li {
        width: calc(50% - 10px);
        margin-top: 0
    }

    .section-center.collection .collection-content > ul > li:nth-child(even) {
        margin-left: 20px
    }

    .section-center.collection .collection-content > ul > li:nth-child(2) ~ li {
        margin-top: 13px
    }

    .section-center.collection .collection-content > ul > li > .img {
        float: none;
        width: 100%;
        height: auto;
        max-height: 24vw;
    }

    .section-center.collection .collection-content > ul > li > .img > a {
        height: auto
    }

    .section-center.collection .collection-content > ul > li > .info {
        float: none;
        width: 100%;
        max-height: 68px;
        padding: 20px 0 0 0
    }

    .section-center.collection .collection-content > ul > li > .info strong {
        margin: 0 0 4px
    }

    .section-center.collection .collection-content > ul > li > .info strong a {
        font-size: 13px
    }

    html.eng .section-center.collection .collection-content > ul > li > .info strong a {
        font-size: 13px
    }

    .section-center.collection .collection-content > ul > li > .info span {
        display: block;
        line-height: 1.2em;
        height: 30px
    }

    .section-center.collection .collection-content > ul > li > .info span a {
        line-height: 1.3;
        font-size: 10px
    }

    html.eng .section-center.collection .collection-content > ul > li > .info span a {
        font-size: 10px
    }

    .section-center.collection .paginate-nav {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .popup-collection .popup-section {
        width: 100%;
        height: auto;
        min-height: 100%
    }

    .popup-collection .popup-section .popup-content {
        height: auto;
        padding-left: 0;
        padding-right: 0
    }

    .popup-collection .popup-section .popup-content.mCustomScrollbar {
        margin-right: 0
    }

    .popup-collection .popup-section .mCSB_inside > .mCSB_container {
        margin-right: 0 !important
    }

    .popup-collection .popup-section .page-anc {
        display: none
    }

    .popup-collection .popup-section .page-anc.m {
        display: block
    }

    .popup-collection .popup-section .popup-content .works-image {
        position: relative
    }

    .popup-collection .popup-section .popup-content .works-image .page-anc.m {
        top: 50%;
        margin-top: -9px
    }

    /* 작품공모 */
    .section-center.contest .tab-linear {
        margin-right: 15px;
        margin-left: 15px
    }

    .section-center.contest .list-border {
        float: none;
        width: 100%;
        padding: 0 15px
    }

    .section-center.contest .contest-content .list-border a {
        background: none
    }

    .section-center.contest .contest-content .list-border a ~ a {
        margin-top: 10px
    }

    .section-center.contest .contest-content .list-border a:hover, .section-center.contest .contest-content .list-border a:focus {
        border-color: #b5b5b5
    }

    .section-center.contest .contest-content .list-border a:hover span, .section-center.contest .contest-content .list-border a:focus span {
        color: #000
    }

    .section-center.contest .contest-content .list-border a:hover .ico-down, .section-center.contest .contest-content .list-border a:focus .ico-down {
        background-image: url(/images/common/ico-down.png)
    }

    .section-center.contest .list-border > ul > li ~ li {
        margin-top: 34px
    }

    .section-center.contest .list-border > ul > li > div p.type2 {
        font-size: 12px
    }

    .section-center.contest .contest-content.rent .list-border {
        width: 100%
    }

    .section-center.contest .list-border > ul > li > div a {
        width: calc(100% - 30px);
        height: 35px;
        line-height: 35px;
        margin: 0 15px;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0
    }

    .section-center.contest .list-border > ul > li > div a span {
        display: block;
        line-height: 35px;
        text-align: left;
        background-position: right center
    }

    .section-center.contest .list-border > ul > li > div a.btn-lgry ~ a {
        margin-left: 15px
    }

    .section-center.contest .list-border > ul > li > div a.btn-lgry.down1, .section-center.contest .list-border > ul > li > div a.btn-lgry.down2 {
        width: calc(100% - 30px);
        margin-top: 5px
    }

    .section-center.contest .list-border > ul > li > div a.btn-lgry.down1 span, .section-center.contest .list-border > ul > li > div a.btn-lgry.down2 span {
        padding-left: 0
    }

    .section-center.contest .contest-content.rent .list-border ~ .list-border {
        width: 100%
    }

    .section-center.contest .list-border > ul > li > div ul.list-text + a {
        margin-top: 10px
    }

    .section-center.contest .contest-content.rent .list-border > ul > li > div .submit a.btn-lgry.down2, .section-center.contest .contest-content.art-lab .list-border > ul > li > div .submit a.btn-lgry.down2, .section-center.contest .contest-content.plan .list-border > ul > li > div .submit a.btn-lgry.down2 {
        position: static;
        width: calc(100% - 30px)
    }

    .section-center.contest .contest-content.rent .list-wrapper {
        display: flex;
        flex-flow: row wrap
    }

    .section-center.contest .contest-content.rent .list-wrapper .list-border:first-child {
        order: 2;
        margin-top: 34px
    }

    .section-center.contest .contest-content.art-lab .list-border ~ .list-border, .section-center.contest .contest-content.plan .list-border ~ .list-border {
        margin-top: 34px
    }

    /* 슬라이드 */
    .section-center .center-slide-area {
        position: relative;
        height: auto;
        margin-bottom: 30px;
        border-bottom: 1px solid #ddd
    }

    .section-center .center-slide-area .slide-artcenter {
        height: auto
    }

    .section-center .center-slide-area div.bx-info {
        position: static;
        height: auto;
        padding: 23px 15px;
        color: #000;
        background: none
    }

    .section-center .center-slide-area div.bx-info .left, .section-center .center-slide-area div.bx-info .right {
        height: auto;
        line-height: 1em
    }

    .section-center .center-slide-area div.bx-info .left *, .section-center .center-slide-area div.bx-info .right * {
        vertical-align: middle
    }

    .section-center .center-slide-area div.bx-info .left, .section-center .center-slide-area div.bx-info .right {
        float: none
    }

    .section-center .center-slide-area div.bx-info .right {
        margin-top: 20px;
        text-align: center
    }

    .section-center .center-slide-area div.bx-info strong.tit {
        margin-right: 5px;
        padding-right: 14px;
        font-size: 12px;
        background: url(/images/common/bg-list-arr-right-m.png) right 2px no-repeat;
        background-size: 4px auto
    }

    .section-center .center-slide-area div.bx-info em {
        padding-right: 5px;
        font-size: 11px
    }

    .section-center .center-slide-area div.bx-info span.num {
        padding-right: 0;
        font-size: 12px
    }

    .section-center .center-slide-area div.bx-info span.num a {
        color: #000
    }

    .section-center .center-slide-area div.bx-info a.btn-trs {
        width: 151px;
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        font-size: 11px;
        color: #fff;
        text-indent: 0;
        text-align: left;
        border-radius: 0;
        border-color: #000;
        background: #000 url(/images/common/ico-arrow-wht-m.png) 84% 50% no-repeat;
        background-size: 25px auto
    }

    .section-center .center-slide-area div.bx-info a.email {
        display: block;
        margin-top: 8px;
        padding-left: 70px;
        color: #000
    }

    .section-center .center-slide-area .slide-artcenter .slick-arrow {
        width: 11px;
        height: 18.5px;
        /*margin-top:-9px*/
        margin-top: -1000px
    }

    .section-center .center-slide-area .slide-artcenter .slick-arrow.slick-prev {
        left: 15px;
        background-size: 11px 18.5px
    }

    .section-center .center-slide-area .slide-artcenter .slick-arrow.slick-next {
        right: 15px;
        background-size: 11px 18.5px
    }

    .section-center .center-slide-area .wrap-btns {
        display: none
    }

    /* 대관 */
    .section-center.rent .tab-linear {
        margin-right: 15px;
        margin-left: 15px
    }

    .section-center.rent .slide {
        height: auto
    }

    .section-center.rent .sub-section ~ .sub-section {
        margin-top: 35px
    }

    .section-center.rent .sub-section h3 {
        margin-bottom: 15px;
        font-size: 15px
    }

    .section-center.rent .sub-section h3 strong {
        float: none;
        display: block;
        margin-top: 10px;
        font-size: 11px
    }

    .section-center.rent ul.list-text {
        margin-top: 15px
    }

    .section-center.rent ul.list-etc {
        height: auto;
        margin-top: 0;
        padding: 0;
        border-top: none;
        border-bottom: none
    }

    .section-center.rent ul.list-etc li {
        float: none;
        position: relative;
        width: 100%;
        padding-left: 20px;
        font-size: 11px
    }

    .section-center.rent ul.list-etc li ~ li {
        margin-top: 12px
    }

    .section-center.rent ul.list-etc li span {
        display: inline
    }

    .section-center.rent ul.list-etc li strong.num {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 15px
    }

    .section-center.rent a.btn-lgry {
        position: static;
        width: calc(100% - 30px);
        height: 35px;
        line-height: 35px;
        margin: 0 15px;
        padding: 0 20px;
        font-size: 11px;
        text-indent: 0;
        border-radius: 0;
        background: none
    }

    .section-center.rent a.btn-lgry span {
        display: block;
        padding-left: 0;
        line-height: 35px;
        text-align: left;
        background-position: right center
    }

    .section-center.rent a.btn-lgry:hover, .section-center.rent a.btn-lgry:focus {
        border-color: #b5b5b5
    }

    .section-center.rent a.btn-lgry:hover span, .section-center.rent a.btn-lgry:focus span {
        color: #000
    }

    .section-center.rent a.btn-lgry:hover .ico-down, .section-center.rent a.btn-lgry:focus .ico-down {
        background-image: url(/images/common/ico-down.png)
    }

    .section-center.rent .rent-content.hall {
        padding: 0 15px
    }

    .section-center.rent .rent-content.lounge .center-slide-area div.bx-info p {
        line-height: 1.6;
        font-size: 11px;
        text-align: left
    }

    .section-center.rent .rent-content.lounge .center-slide-area div.bx-info .right {
        margin-top: 10px;
        text-align: left
    }

    .section-center.rent .list-info {
        margin-top: 0;
        padding: 0 15px;
        border-bottom: none
    }

    .section-center.rent .list-info .list-border > ul {
        margin-top: 0;
        margin-bottom: 0
    }

    .section-center.rent .list-info .list-border > ul > li {
        width: 100%;
        margin-top: 0
    }

    .section-center.rent .list-info .list-border > ul > li:nth-child(2) {
        min-height: auto
    }

    .section-center.rent .list-info .list-border > ul > li:nth-child(3), .section-center.rent .list-info .list-border > ul > li:nth-child(4), .section-center.rent .list-info .list-border > ul > li ~ li {
        margin-top: 40px
    }

    .section-center.rent .list-info .list-border > ul > li > div p {
        font-size: 12px
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li ~ li {
        margin-top: 0
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li:after {
        content: "";
        display: block;
        clear: both
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li > strong.tit {
        float: left;
        width: 96px;
        font-size: 12px
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li > ul {
        float: right;
        width: calc(100% - 96px)
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li ~ li {
        margin-top: 17px
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li , .section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li span.time {
        font-size: 11px
    }

    .section-center.rent .list-info .list-border > ul > li > div > ul > li > ul > li strong.tit {
        display: inline-block;
        width: 52px;
        font-size: 11px
    }

    .section-center.rent .tbl-col {
        display: none
    }

    .section-center.rent .tbl-col.m {
        display: block
    }

    .section-center.rent .tbl-col.m table {
        border-top-color: #000
    }

    .section-center.rent .tbl-col.m table thead tr th {
        line-height: 1.6;
        padding: 17px 0;
        font-size: 11px;
        border-bottom-color: #000
    }

    .section-center.rent .tbl-col.m table thead tr:first-child th:last-child {
        border-bottom-color: #000
    }

    .section-center.rent .tbl-col.m table tbody tr th {
        font-size: 11px;
        background: none
    }

    .section-center.rent .tbl-col.m table tbody tr td {
        line-height: 1.6;
        padding: 20px 22px
    }

    .section-center.rent .tbl-col.m table tbody tr td .cap {
        display: inline;
        margin-top: 0;
        color: #767676
    }

    .section-center.rent .tbl-col.m table tbody tr td.detail {
        color: #767676
    }

    .section-center.rent .tbl-col.m table tbody tr td.detail strong {
        display: block;
        line-height: 1.6;
        margin-bottom: 4px;
        font-family: "RixSGo B";
        color: #000
    }

    html.eng .section-center.rent .tbl-col.m table tbody tr td.detail strong {
        font-family: "Montserrat";
        font-weight: 500
    }

    .section-center.rent .tbl-col.m table tbody tr.add td .cap {
        display: block;
        line-height: 1.6
    }

    .section-center.rent .tbl-col.m table tbody tr.event td ~ td {
        text-align: left
    }

    .section-center.rent .tbl-col.m table tbody tr.event td ~ td .cap {
        display: block;
        line-height: 1.6
    }

    .section-center.rent .tbl-col.m.fee-basic table thead tr th.tit1 {
        width: 24.8%
    }

    .section-center.rent .tbl-col.m.fee-basic table thead tr th.tit2 {
        width: 31.7%
    }

    .section-center.rent .tbl-col.m.fee-basic table thead tr th.tit3 {
        width: 43.5%
    }

    .section-center.rent .tbl-col.m table tbody tr.event ~ tr.event td, .section-center.rent .tbl-col.m.fee-basic table tbody tr td.sort {
        padding: 20px 18px
    }

    .section-center.rent .tbl-col.m.fee-add table thead tr th.tit1 {
        width: 21.4%
    }

    .section-center.rent .tbl-col.m.fee-add table thead tr th.tit2 {
        width: 28.6%
    }

    .section-center.rent .tbl-col.m.fee-add table thead tr th.tit3 {
        width: 21.4%
    }

    .section-center.rent .tbl-col.m.fee-add table thead tr th.tit4 {
        width: 28.6%
    }

    .section-center.rent .tbl-col.m.fee-add table tbody tr td {
        padding: 20px 10px
    }

    .section-center.rent .tbl-col.m.fee-add table tbody tr td.note {
        padding-right: 20px;
        padding-left: 20px
    }

    .section-center.rent .tbl-col.m.fee-add table tbody tr.num td .cap {
        margin-left: 5px
    }

    .section-center.rent .tbl-col.m.fee-add table tbody tr.practice td .cap {
        display: block
    }

    .section-center.rent .rent-content.lounge .center-slide-area .bx-info .right .email {
        padding-left: 44px
    }

    /* 영문 */
    /* Privacy Policy */
    .section-english.personal-policy div.section .content {
        padding: 0 15px 30px
    }

    .section-english.personal-policy .head {
        padding-bottom: 30px
    }

    .section-english.personal-policy .head p {
        line-height: 1.7;
        font-size: 11px
    }

    .section-english.personal-policy .head p ~ p {
        margin-top: 15px
    }

    .section-english.personal-policy .detail {
        padding-top: 30px
    }

    .section-english.personal-policy .detail .cont ~ .cont {
        margin-top: 20px
    }

    .section-english.personal-policy .detail .cont strong {
        padding-bottom: 10px;
        font-size: 12px
    }

    .section-english.personal-policy .detail .cont p {
        font-size: 11px
    }

    .section-english.personal-policy .detail .cont > ul.list-text > li {
        line-height: 1.7;
        font-size: 11px
    }

    .section-english.personal-policy .detail .cont > ul.list-text > li > ul > li {
        line-height: 1.7;
        font-size: 11px
    }

    /* Privacy Policy popup */
    .popup-clause-eng .popup-section {
        width: 100%
    }

    .popup-clause-eng .popup-section .popup-content {
        overflow: auto;
        height: 100%
    }

    .popup-clause-eng .bx-scroll {
        padding: 0
    }

    .popup-clause-eng .cont ~ .cont {
        margin-top: 15px
    }

    .popup-clause-eng .cont strong {
        font-family: "Montserrat";
        font-weight: 500;
        font-size: 11px
    }

    .popup-clause-eng .cont p {
        font-size: 11px
    }

    .popup-clause-eng .cont > ul.list-text > li {
        line-height: 1.7;
        font-size: 11px
    }

    .popup-clause-eng .cont > ul.list-text > li:after {
        top: 0.8em
    }

    /* 메인 */
    .section-main-m .holder {
        padding-bottom: 0
    }

    .section-main-m .holder .main-item .item {
        padding: 25px 15px;
        border-bottom: 1px solid #ddd
    }

    .section-main-m .holder .main-item .item section {
        position: relative
    }

    .section-main-m .holder .main-item .item section header span {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 10px
    }

    .section-main-m .holder .main-item .item section header em.label {
        position: absolute;
        right: 0;
        top: 0;
        width: 36px;
        height: 18px;
        line-height: 19px;
        text-align: center;
        font-style: normal;
        font-size: 9px;
        color: #fff;
        border-radius: 2em;
        background: #e1002a
    }

    .section-main-m .holder .main-item .item section header em.label.free {
        background: #333
    }

    .section-main-m .holder .main-item .item section header h3 {
        margin-bottom: 25px;
        font-size: 20px
    }

    .section-main-m .holder .main-item .item section header h3 a {
        display: inline-block;
        font-size: 20px
    }

    .section-main-m .holder .main-item .item section header strong {
        font-family: 'Montserrat';
        font-size: 10px
    }

    .section-main-m .holder .main-item .item section .cont {
        position: absolute;
        right: -15px;
        bottom: -15px
    }

    .section-main-m .holder .main-item .item section .cont .more {
        display: inline-block;
        width: 55px;
        height: 35px;
        font-size: 0;
        text-indent: -9999em;
        background: url(/images/common/ico-arrow-blk-m.png) 50% 50% no-repeat;
        background-size: 25px 5.5px
    }

    .section-main-m .holder .item.artist {
        border-bottom: 1px solid #ddd
    }

    .section-main-m .holder .item.artist section header {
        padding: 27px 15px
    }

    .section-main-m .holder .item.artist section header h3 {
        position: relative;
        line-height: 20px;
        font-family: "RixSGo B";
        font-size: 16px;
        color: #555
    }

    html.eng .section-main-m .holder .item.artist section header h3 {
        font-family: 'Montserrat';
        font-weight: 500
    }

    .section-main-m .holder .item.artist section header h3 a {
        position: absolute;
        right: 0;
        top: 50%;
        margin: -10px 0 0 0;
        width: 20px;
        height: 20px;
        text-indent: -999em;
        overflow: hidden;
        background: url(/images/common/bg-gnb-toggle.png) right 50% no-repeat;
        background-size: 20px 20px
    }

    .section-main-m .holder .item.artist section.on header h3 a {
        background: url(/images/common/bg-gnb-toggle-on.png) right 50% no-repeat;
        background-size: 20px 20px
    }

    .section-main-m .holder .item.artist .cont {
        padding: 0 15px
    }

    .section-main-m .holder .item.artist .cont .list {
        margin-bottom: -1px
    }

    .section-main-m .holder .item.artist .cont .list:after {
        content: "";
        display: block;
        clear: both
    }

    .section-main-m .holder .item.artist .cont .list li {
        float: left;
        width: 50%;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .section-main-m .holder .item.artist .cont .list li:nth-child(2) ~ li {
        margin-top: -1px;
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

    .section-main-m .holder .item.artist .cont .list li a {
        display: block
    }

    .section-main-m .holder .item.artist .cont .list li a strong {
        display: block;
        overflow: hidden;
        height: 15px;
        line-height: 1.2em;
        text-overflow: ellipsis;
        margin-bottom: 10px;
        font-size: 15px;
        white-space: nowrap
    }

    .section-main-m .holder .item.artist .cont .list li a span {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        height: 10px;
        padding: 1px 0;
        font-size: 10px;
        color: #767676;
        white-space: nowrap
    }

    .section-main-m .holder .item.artist .cont .list li:nth-child(even) a {
        padding-left: 15px
    }

    .section-main-m .holder .item.artist .cont .list li:nth-child(odd) a {
        padding-right: 15px
    }

    .section-main-m .holder .item.notice {
        padding: 0 15px
    }

    .section-main-m .holder .item.notice section {
        position: relative
    }

    .section-main-m .holder .item.notice section header {
        padding: 27px 0
    }

    .section-main-m .holder .item.notice section header h3 {
        line-height: 20px;
        font-family: "RixSGo B";
        font-size: 16px;
        color: #555
    }

    html.eng .section-main-m .holder .item.notice section header h3 {
        font-family: 'Montserrat';
        font-weight: 500
    }

    .section-main-m .holder .item.notice .cont .list li {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .section-main-m .holder .item.notice .cont .list li ~ li {
        padding-top: 20px
    }

    .section-main-m .holder .item.notice .cont .list li a {
        display: block;
        line-height: 1.2em
    }

    .section-main-m .holder .item.notice .cont .list li a strong {
        display: block;
        overflow: hidden;
        height: 15px;
        line-height: 1.2em;
        text-overflow: ellipsis;
        margin-bottom: 5px;
        padding-right: 30px;
        font-size: 12px;
        white-space: nowrap
    }

    .section-main-m .holder .item.notice .cont .list li a span {
        font-family: 'Montserrat';
        font-size: 10px;
        color: #767676
    }

    .section-main-m .holder .item.notice .cont .more {
        position: absolute;
        top: 13px;
        right: 0;
        margin: 10px 0;
        padding: 10px 0
    }

    .section-main-m .holder .item.notice .cont .more span {
        width: 25px;
        height: 10px;
        font-size: 0;
        text-indent: -9999em
    }

    .section-main-m .holder .item.notice .cont .links {
        margin-top: 30px;
        padding-bottom: 30px;
        text-align: center
    }

    .section-main-m .holder .item.notice .cont .links li a {
        display: inline-block;
        width: 250px;
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        font-size: 11px;
        text-align: left;
        border: 1px solid #a3a3a3;
        box-sizing: border-box
    }

    .section-main-m .holder .item.notice .cont .links li a span {
        display: block;
        line-height: 35px;
        background: url(/images/common/btn-arrow-right-m.png) right 50% no-repeat;
        background-size: 5px 9px
    }

    .section-main-m .holder .item.notice .cont .links li ~ li {
        margin-top: 10px
    }

    .section-main-m.home + .move-top {
        border-top: none
    }

    .section-main-m .paginate-nav {
        margin-bottom: 20px
    }

    /* 인트로 */
    .main-intro {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 999
    }

    .main-intro .intros {
        height: 100%
    }

    .main-intro .intros .intro {
        position: relative;
        height: 100%
    }

    /*.main-intro .intros .intro.intro1 {background:url(/images/temp/img-intro1.jpg) 0 0 no-repeat; background-size:cover}
    .main-intro .intros .intro.intro2 {background:url(/images/temp/img-intro3.jpg) 0 0 no-repeat; background-size:cover}
    .main-intro .intros .intro.intro3 {background:url(/images/temp/img-intro2.jpg) 0 0 no-repeat; background-size:cover}
    .main-intro .intros .intro.intro4 {background:url(/images/temp/img-intro4.jpg) 0 0 no-repeat; background-size:cover}*/
    .main-intro .intros .intro .cont {
        position: absolute;
        left: 0;
        bottom: 75px;
        width: 100%;
        padding: 0 15px;
    }

    .main-intro .intros .intro .cont em {
        display: inline-block;
        margin-bottom: 7px;
        font-style: normal;
        font-size: 12px;
        color: #fff
    }

    .main-intro .intros .intro .cont strong {
        display: block;
        overflow: hidden;
        width: 60%;
        max-height: 43px;
        margin-bottom: 12px;
        line-height: 1.3;
        font-family: "RixSGo M";
        font-size: 18px;
        color: #fff;
    }

    html.eng .main-intro .intros .intro .cont strong {
        width: 95%;
        font-family: 'Montserrat';
        font-weight: 400
    }

    .main-intro .intros .intro .cont strong a {
        display: block;
        line-height: 1.3;
        font-family: "RixSGo M";
        font-size: 18px;
        color: #fff
    }

    html.eng .main-intro .intros .intro .cont strong a {
        font-family: 'Montserrat';
        font-weight: 400
    }

    .main-intro .intros .intro .cont > span {
        font-family: 'Montserrat';
        font-size: 9px;
        color: #fff;
    }

    .main-intro .intros .intro .cont > span > .place {
        margin-left: 15px;
        font-family: "RixSGo M";
        font-size: 10px
    }

    html.eng .main-intro .intros .intro .cont > span > .place {
        font-family: 'Montserrat';
        text-transform: uppercase
    }

    /* 수정(2020.06.01) right15->left15 */
    .main-intro .intros .intro .cont > a {
        position: absolute;
        left: 15px;
        bottom: 0;
        width: 92px;
        height: 33px;
        line-height: 33px;
        padding: 0 15px;
        font-size: 11px;
        color: #fff;
        text-align: right;
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-sizing: border-box;
    }

    html.eng .main-intro .intros .intro .cont > a {
        display: none
    }

    .main-intro .intros .intro .cont > a span {
        display: inline-block;
        line-height: 33px;
        padding-left: 20px
    }

    .main-intro .intros .intro .cont > a.booking span {
        background: url(/images/common/ico-book-w-m.png)0 50% no-repeat;
        background-size: 13px 13px
    }

    .main-intro .intros .intro .cont > a.booking-g span {
        background: url(/images/common/ico-book-w-m.png)0 50% no-repeat;
        background-size: 13px 13px
    }

    .main-intro .intros .intro .cont > a.booking-g span {
        text-decoration: line-through;
        opacity: 0.6
    }

    .main-intro .intros .intro .cont > a.deadline span {
        background: url(/images/common/ico-deadline-w-m.png)0 50% no-repeat;
        background-size: 13px 13px
    }

    .main-intro .intros .intro .cont > a.soldout span {
        display: block;
        padding-left: 0;
        background: url(/images/common/ico-deadline-w-m.png)0 50% no-repeat;
        background-size: 13px 13px
    }

    .main-intro .intros .intro .more {
        position: absolute;
        right: 7px;
        bottom: 0;
        width: 45px;
        height: 45px;
        font-size: 0;
        text-indent: -999em;
        background: url(/images/common/ico-intro-arrow.png) 50% 50% no-repeat;
        background-size: 25px auto
    }

    .main-intro .slick-list, .main-intro .slick-slider, .main-intro .slick-track {
        height: 100%
    }

    .main-intro .slick-dots {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: calc(100% - 90px);
        margin: 0 45px;
        text-align: center
    }

    .main-intro .slick-dots:after {
        content: "";
        display: block;
        clear: both
    }

    .main-intro .slick-dots li {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        border: 1px solid #fff;
        background: none;
        box-sizing: border-box
    }

    .main-intro .slick-dots li ~ li {
        margin-left: 8px
    }

    .main-intro .slick-dots li.slick-active {
        background: #fff
    }

    .main-intro .slick-dots li button {
        font-size: 0;
        text-indent: -999em
    }

    /*.main-intro .btns {position:absolute; bottom:0; left:0; height:45px; z-index:20}
    .main-intro .btns:after {content:""; display:block; clear:both}*/
    /*.main-intro .btns:before {content:""; position:absolute; right:15px; bottom:15px; width:25px; height:5.5px; }*/
    /*.main-intro .btns a.go {display:inline-block; width:45px; height:45px; font-size:0; text-indent:-999em; vertical-align:top; background:url(/images/common/btn-intro-go.png) 50% 50% no-repeat; background-size:12px auto}*/
    /* intro */
    .mintro-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .mintro-wrapper .mintro-content {
    }

    .mintro-wrapper .mintro-content .txt strong {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 193px;
        height: 15px;
        margin: -7.5px 0 0 -96.5px;
        font-size: 0;
        text-indent: -9999em;
        background: url(/images/content/bg-logo-2560.png) no-repeat;
        background-size: 193px auto
    }

    .mintro-wrapper .mintro-content .txt p {
        position: absolute;
        z-index: 1;
        left: 50%;
        bottom: 30px;
        margin-left: -120px;
        font-size: 10px;
        color: #fff
    }

    .mintro-wrapper .mintro-content .img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .mintro-wrapper .mintro-content .img.no-transit {
        top: -50px;
        right: -50px;
        left: -50px;
        bottom: -50px
    }

    .mintro-wrapper .mintro-content .img1 {
        background: url(/images/content/pic-intro-m1.jpg) 50% 50% no-repeat;
        background-size: cover
    }

    .mintro-wrapper .mintro-content .img2 {
        background: url(/images/content/pic-intro-m2.jpg) 50% 50% no-repeat;
        background-size: cover
    }

    .mintro-wrapper .mintro-content .img3 {
        background: url(/images/content/pic-intro-m3.jpg) 50% 50% no-repeat;
        background-size: cover
    }

    .mintro-wrapper .mintro-content .img4 {
        background: url(/images/content/pic-intro-m4.jpg) 50% 50% no-repeat;
        background-size: cover
    }
}