@charset "utf-8";
#sub .cnt {padding-bottom:80px;}

.studio {text-align:center;}
.studio .img {}
.studio .img img {}
.studio .studio-dot {margin:35px 0;}
.studio .studio-dot img {}
.studio .txt {font-size:20px; color:#242424; letter-spacing:-.03em; line-height:1.700em; margin-top:35px;}
.studio .txt strong {font-weight:600;}

.studio-link {margin-top:100px;}
.studio-link .tt {font-size:20px; color:#afafaf; letter-spacing:-.03em; font-weight:500; line-height:1.700em; text-align:center; margin-bottom:25px;}
.studio-link .studio-link-list {display:flex; justify-content:center; margin-right:-20px;}
.studio-link .studio-link-list li {margin-right:20px;}
.studio-link .studio-link-list li a {}
.studio-link .studio-link-list li a .sns-link-wrap {position:relative; width:80px; height:80px; margin:0 auto;}
.studio-link .studio-link-list li a .sns-link-wrap .img {position:absolute; top:0; right:0;}
.studio-link .studio-link-list li a .sns-link-wrap .img.hover {display:none;}
.studio-link .studio-link-list li a:hover .sns-link-wrap .img {display:none;}
.studio-link .studio-link-list li a:hover .sns-link-wrap .img.hover {display:block;}

.content-wraps .content-wrap:last-child {margin-bottom:0;}
.content-wrap {margin-bottom:100px;}
.content-wrap .tit-flex {display:flex; align-items:center; justify-content:space-between; margin-bottom:50px;}
.content-wrap .tit-flex .tit {font-size:30px; color:#242424; letter-spacing:0; line-height:1.800em; font-weight:600;}
.content-wrap .tit-flex .btn {}
.content-wrap .tit-flex .btn .btn-wrap {position:relative; width:24px; height:24px;}
.content-wrap .tit-flex .btn .btn-wrap .img {position:absolute; top:0; left:0;}
.content-wrap .tit-flex .btn .btn-wrap .img.hover {display:none;}
.content-wrap .tit-flex .btn:hover .btn-wrap .img.hover {display:block;}

.content-wrap .content-list {}
.content-wrap .content-list ul {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-25px;}
.content-wrap .content-list ul li {width:25%; padding:0 15px; margin-bottom:25px;}
.content-wrap .content-list ul li a {display:block;}
.content-wrap .content-list ul li a .img {}
.content-wrap .content-list ul li a .img .thumb {position:relative; padding-bottom:137%; overflow:hidden;}
.content-wrap .content-list ul li a .img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.content-wrap .content-list ul li a:hover .img .thumb:before {position:absolute; content:""; width:100%; top:0; left:0; height:100%; border:2px solid #000; z-index:9;}

.content-slide {}
.content-slide .items {}
.content-slide .items .item {}
.content-slide .items .item .img {}
.content-slide .items .item .img .thumb {position:relative; padding-bottom:41%; overflow:hidden;} 
.content-slide .items .item .img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} 

.content-slide .slick-arrow {position:absolute; top:50%; margin-top:-17px; width:19px; height:34px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; z-index:50;}
.content-slide .slick-prev {position:absolute; left:30px; background-image:url("../images/sub/content_slide_prev.png");}
.content-slide .slick-next {position:absolute; right:30px; background-image:url("../images/sub/content_slide_next.png");}

.content-slide .slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center; z-index:50; line-height:0;}
.content-slide .slick-dots li {position:relative; display:inline-block; padding:0 7.5px;}
.content-slide .slick-dots li button {position:relative; display:block; background:#fff; width:15px; height:15px; border:0; border-radius:100%; overflow:hidden; text-indent:-9999px;}
.content-slide .slick-dots li.slick-active button {border-color:transparent; background:#000; }

.content-detail {}
.content-detail .content-detail-flex {display:flex;}
.content-detail .content-detail-flex .img {min-width:280px; margin-right:60px;}
.content-detail .content-detail-flex .img .thumb {position:relative; padding-bottom:136%; overflow:hidden;}
.content-detail .content-detail-flex .img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.content-detail .content-detail-flex .txt-box {}
.content-detail .content-detail-flex .txt-box .tit {font-size:28px; font-weight:700; color:#000; letter-spacing:0; line-height:1.3em;}
.content-detail .content-detail-flex .txt-box .tit span {position:relative; padding-left:15px; margin-left:12px;}
.content-detail .content-detail-flex .txt-box .tit span:before {position:absolute; content:""; background:#000; top:50%; margin-top:-12.5px; left:0; width:4px; height:25px;}
.content-detail .content-detail-flex .txt-box .txt {font-size:18px; color:#454545; letter-spacing:0; line-height:1.444em; margin:25px 0 35px;}
.content-detail .content-detail-flex .txt-box .txt-list {}
.content-detail .content-detail-flex .txt-box .txt-list dl {display:flex; align-items:center; margin-bottom:2px;}
.content-detail .content-detail-flex .txt-box .txt-list dl dt {font-size:18px; color:#242424; letter-spacing:0; line-height:1.944em; font-weight:500; min-width:100px;}
.content-detail .content-detail-flex .txt-box .txt-list dl dd {color:#454545;}

.content-character .tit {text-align:center; font-size:28px; font-weight:700; color:#000; letter-spacing:0; line-height:1.3em; margin-bottom:60px;}
.content-character .content-character-list {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-55px;}
.content-character .content-character-list li {width:25%; padding:0 15px; margin-bottom:55px;}
.content-character .content-character-list li .img {}
.content-character .content-character-list li .img .thumb {position:relative; padding-bottom:116%; overflow:hidden;}
.content-character .content-character-list li .img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.content-character .content-character-list li .name {font-size:20px; color:#242424; font-weight:600; letter-spacing:0; line-height:1.3em; text-align:center; margin-top:20px;}

.video-wraps {}
.video-wraps .tit {text-align:center; font-size:28px; font-weight:700; color:#000; letter-spacing:0; line-height:1.3em; margin-bottom:60px;}
.video-wraps .item {}

.doc-cnt {margin-bottom:100px;}

.artist-wrap {}
.artist-wrap .artist-lnb {margin-bottom:60px;}
.artist-wrap .artist-lnb ul {display:flex;}
.artist-wrap .artist-lnb ul li {}
.artist-wrap .artist-lnb ul li a {position:relative; padding:0 15px; font-size:18px; color:#969696; letter-spacing:-.03em;}
.artist-wrap .artist-lnb ul li a:before {position:absolute; content:""; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; right:0;}
.artist-wrap .artist-lnb ul li:last-child a:before {display:none;}
.artist-wrap .artist-lnb ul li:first-child a {padding-left:0;}
.artist-wrap .artist-lnb ul li.active a {color:#000;}

.artist-list {}
.artist-list {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-95px;}
.artist-list li {width:25%; text-align:center; padding:0 15px; margin-bottom:95px;}
.artist-list li a {display:block;}
.artist-list li .img {}
.artist-list li .img .thumb {position:relative; padding-bottom:137%; overflow:hidden;}
.artist-list li .img .thumb  img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.artist-list li .tit {font-size:22px; color:#242424; letter-spacing:0; line-height:1.3em; font-weight:600; text-align:center; margin-top:25px;}

.artist {display:flex; padding-bottom:90px; border-bottom:1px solid #ddd;}
.artist .img {min-width:550px; margin-right:70px;}
.artist .img .thumb {position:relative; padding-bottom:137%; overflow:hidden;}
.artist .img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.artist .txt-box {width:47.5%;}
.artist .txt-box .lg-tit-flex {display:flex; justify-content:space-between; padding-bottom:30px; border-bottom:1px solid #ddd;}
.artist .txt-box .lg-tit {font-size:35px; font-weight:700; color:#000; letter-spacing:0; line-height:1.3em;}
.artist .txt-box .lg-tit span {position:relative; padding-left:20px; margin-left:15px;} 
.artist .txt-box .lg-tit span:before {position:absolute; content:""; width:6px; height:32px; background:#000; top:3px; left:0;}
.artist .txt-box .lg-tit-flex .sns-link {}
.artist .txt-box .lg-tit-flex .sns-link ul {display:flex; margin:0 -4px;}
.artist .txt-box .lg-tit-flex .sns-link ul li {padding:0 4px;}
.artist .txt-box .lg-tit-flex .sns-link ul li a {}
.artist .txt-box .txt-box-list {margin-top:25px;}
.artist .txt-box .txt-box-list .txt {font-size:18px; color:#242424; font-weight:500; letter-spacing:0; line-height:1.444em; margin-bottom:10px;}
.artist .txt-box .txt-box-list ul {}
.artist .txt-box .txt-box-list ul li {font-size:15px; line-height:1.600em;}

.photo-wrap {}
.photo-wrap .tit {text-align:center; font-size:28px; font-weight:700; color:#000; letter-spacing:0; line-height:1.3em; margin-bottom:60px;}
.photo-wrap .photo-list {}
.photo-wrap .photo-list ul {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-30px;}
.photo-wrap .photo-list ul li {width:25%; padding:0 15px; margin-bottom:30px;}
.photo-wrap .photo-list ul li a {}
.photo-wrap .photo-list ul li a .img {}
.photo-wrap .photo-list ul li a .img .thumb {position:relative; padding-bottom:137%; overflow:hidden;}
.photo-wrap .photo-list ul li a .img .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.root_daum_roughmap {width:100% !important; height:500px !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}

.contact {}
.contact .contact-list {margin-bottom:60px;}
.contact .contact-list dl {display:flex; margin-bottom:40px;}
.contact .contact-list dl dt {font-size:20px; color:#242424; letter-spacing:-.03em; font-weight:500; position:relative; min-width:135px; margin-right:15px;}
.contact .contact-list dl dt:before {position:absolute; content:""; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; right:0;}
.contact .contact-list dl dt span img {vertical-align:middle; margin-right:15px;}
.contact .contact-list dl dd {}