@charset "utf-8";

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.table-wrap.mg {margin-bottom: 25px;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.25em; letter-spacing:-.04em;}
.sub-table.fixed {table-layout: fixed;}
.sub-table th {padding:12px 8px; background:#cb2b2b; border:1px solid #f07e7e; font-weight:500; color:#fff; font-size: 1.125em;}
.sub-table td {padding:12px 8px; border:1px solid #ddd; text-align:center;}
.sub-table td strong {font-weight: 700;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

.table-wrap .vat {text-align: right; font-weight: 500; margin-bottom: 5px;}

.mg-txt p {margin: .25em 0;}

/* about */
.about {position: relative; padding-bottom: 42%; background: no-repeat url("../images/sub/bg_about.jpg") center center / cover; text-align: center;}
.about .ab {position:absolute; top:44%; left:0; width: 100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.about .log {margin-bottom: 2vw;}
.about .txt strong {display: block; margin-bottom: 1.5vw; font-family: 'ChosunKm'; font-weight: normal; color: #484848; font-size: 32px; line-height: 1.2; letter-spacing: -.01em;}

/* history */
.history {position: relative;}
.history:before {content:""; position: absolute; top: 5px; bottom: 55px; left: 144px; width: 1px; background: #ddd;}
.history .group {position: relative; display: flex; margin-bottom: 45px;}
.history .group:last-child {margin-bottom: 0;}
.history .group:before {content:""; position: absolute; top: 5px; left: 135px; width: 19px; height: 19px; border:1px solid #c1c1c1; border-radius:100%; background: #c1c1c1; box-shadow: #fff 0px 0px 0px 3px inset;}
.history .group:first-child:before {border-color:#f92828; background: #f92828;}
.history .group .year {width: 144px; font-size:38px; color: #f92828; letter-spacing:-.01em;}
.history .group .list {padding-left: 60px; flex: 1 1 auto; min-width: 0; width: 1%;}
.history .group .list p {display: flex; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 12px;}
.history .group .list p strong {min-width: 88px; font-size: 1.125em; font-weight: 700;}

/* location */
.root_daum_roughmap {width:100% !important;}
.loc-info {display: flex;justify-content: space-between;align-items: center; margin-top: 10px;}
.loc-info dl {display: inline-block; letter-spacing: -.01em; padding: 0 10px;}
.loc-info dl dt {display: inline-block; margin-right: 17px; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700;}
.loc-info dl dd {display: inline-block;}

/* production */
.production .row {display: flex; margin-bottom: 60px;}
.production .row:last-child {margin-bottom: 0;}
.production .year {width: 229px; color: #f92828; font-size: 38px; line-height: 1em; letter-spacing: -.01em;}
.production .year span:after {content:''; display: inline-block; width: 32px; height: 4px; background: #f92828; margin-left: 6px;}
.production .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}


/* rent */
.doc-tit {color: #f02727; font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 20px;}
.doc-cnt {}
.doc-cnt dl {margin-bottom: 25px;}
.doc-cnt dl.flex {display: flex;}
.doc-cnt dl dt {font-size: 18px; font-weight: 600;}
.doc-cnt dl.flex dt {min-width: 135px;}
.doc-cnt dl dd {}

.art-center .group {margin-bottom: 70px;}
.art-center .group:last-child {margin-bottom: 0;}
.art-center .group .row {margin-bottom: 50px;}
.art-center .group .row:last-child {margin-bottom: 0;}
.art-center .flex-div {display: flex;}
.art-center .flex-div.align-center {align-items: center;}
.art-center .flex-div .img {width: 40.5%; margin-right: 25px;}
.art-center .flex-div .txt {flex: 1 1 auto; min-width: 0; width: 1%; font-size: 17px; line-height: 1.529em; letter-spacing: -.01em;}

.art-center-intro .txt p {margin-bottom: 1em;}
.art-center-intro .txt p:last-child {margin-bottom: 0;}

.art-center .img .title {display: table; width: 100%; min-height: 40px;}
.art-center .img p {display: table-cell; vertical-align:middle; width: 50%; border: 1px solid #ddd; font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; padding: 0 10px;}
.art-center .img .btn {display: table-cell; vertical-align:middle; width: 50%; background: #cb2b2b; color: #fff; font-weight: 500; line-height: 1.3; text-align: center; padding: 0 10px;}

.art-center .txt .t1 {}
.art-center .txt .t2 {display: flex;flex-wrap:wrap; margin: -10px;}
.art-center .txt .t2  dl {width: 50%; padding: 10px; margin-bottom: 0;}

.art-center .s-tt {font-size: 17px; margin-bottom: 5px;}
.art-center .s-tt strong {font-size: 1.059em; margin-right: 25px;}

.studio-list {display: flex;justify-content: space-between;}
.studio-list .col {width: calc(50% - 50px);}
.studio-list .txt {margin-top: 20px; font-size: 17px; line-height: 1.529em;}

.studio-list .col.x2 {width: 100%;}
.studio-list .col.x2 .img {width: calc(50% - 50px); margin-right: 100px;}

.studio-list .slider {position: relative;}
.studio-list .slider .item img {width: 100%;}
.studio-list .slider .slick-arrow {position:absolute; top:50%; width:29px; height:29px; margin-top:-15px; z-index:50; background-size: contain; background-color:transparent; opacity:.3; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.studio-list .slider .slick-prev {background-image:url("../images/main/slide_prev.png"); left:20px;}
.studio-list .slider .slick-next {background-image:url("../images/main/slide_next.png"); right:20px;}

.studio-summary {display: flex; margin-bottom: 70px;}

.studio-image {width: 50%; margin-right: 40px;}
.studio-image .items {}
.studio-image .items .item {position:relative; padding-bottom:67%; overflow:hidden; background: #fff;}
.studio-image .items .item img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.studio-image .items .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.studio-image .slider-nav {position: relative; padding: 0 80px; margin-top: 24px;}
.studio-image .slider-nav .slick-list {margin:0 -10px;}
.studio-image .slider-nav .slick-list .slick-slide {margin:0 10px;}
.studio-image .slider-nav .items .item {cursor:pointer; opacity: .3;}
.studio-image .slider-nav .items .slick-slide.slick-current .item {opacity: 1;}

.studio-image .slick-arrow {position:absolute; top:50%; width:16px; height:29px; margin-top:-15px; z-index:50; background-size: contain; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.studio-image .slick-arrow:hover {opacity:1;}
.studio-image .slick-prev {background-image:url("../images/main/m_slide_prev.png"); left:40px}
.studio-image .slick-next {background-image:url("../images/main/m_slide_next.png"); right:40px}

.studio-info {flex: 1 1 auto; min-width: 0; width: 1%;}

.studio-detail .flex-div {display: flex;justify-content: space-between;}
.studio-detail .flex-div > div {width: calc(50% - 10px);}