@charset "utf-8";
/*
 * File       : sub-bin.css
 * Author     : STUDIO-JT (BIN)
 * Guideline  : JTstyle.1.1.1
 * Guideline  : http://codex.studio-jt.co.kr/?p=746
 *
 * Dependency :
 *
 *
 * SUMMARY:
 * 1) MAIN
 */


/* **************************************** *
 * MAIN
 * **************************************** */

/* project */
.project_jumbo span.jumbo_larva {background-position:0 50px;}
.main_project.main_section_title {top:-49px;}
.main .slick-list.draggable {bottom:-66px;}
.section_project .project_slideshow {right:-82px;}
.section_project .project_slideshow figcaption {height:81px; line-height:73px; font-size:17px;}

.section_project .slick-disabled { opacity: 1; }
.section_project .slick_arrow {background:#000; width:52px; height:47px; bottom:-130px; left:79px; opacity:0.5; line-height:50px;}
.section_project .slick_arrow svg {fill: #fff; width:53px; height:16px;}
.section_project .slick_arrow:hover {background:#f97290; opacity:1;}
.section_project .slick_arrow_prev {}


/*.section_project .slick-disabled { opacity: 1; }
.section_project .slick_arrow {background:#e7e7e7; width:57px; height:57px;}
.section_project .slick_arrow:hover {background:#f97290;}
.section_project .slick_arrow svg {fill: #f97290; position: absolute; top: 23px; left: 50%; margin-left: -13px; width: 25px;}
.section_project .slick_arrow:hover svg {fill: #fff;}
.section_project .slick_arrow_prev {margin-left:-62px;}*/

.project_synopsis h2 {margin-bottom:25px;}
.project_synopsis_info {margin-top:50px;}


.postid-119 .project_characters, .postid-104 .project_characters, .postid-118 .project_characters {padding-top:0;}



.project_after_service {width:100%; max-width:842px;}
.project_after_service_info li span a {margin-right:5px; position:relative;}
.project_after_service_info li span a:before {content:'/'; display:block; position:absolute; top:0px; right:-5px;}
.project_after_service_info li span a:last-child:before {display:none;}


@media (max-width:1240px) {
.news .sns_wrap {bottom:25px; top:inherit; right:50%; margin-right:-45px; font-size:0;}
.news .sns_wrap div {display:inline-block;}
.news .sns_wrap div:first-child {margin-right:10px;}
}
@media (max-width:940px) {
.project_after_service {padding:0 5%;}
.project_after_service h2 {font-size:20px;}
.project_after_service p {font-size:12px;}
.project_after_service_info li p {font-size:13px; width:auto; min-width:145px; padding:21px 20px; word-break:keep-all;}
.project_after_service_info li span, .project_after_service_info li span a {font-size:12px;}

}
@media (max-width:640px) {
.project_after_service_info li span br {display:none;}
}

@media (max-width:480px) {
.project_after_service_info li span a {margin-right:0; display:block;}
.project_after_service_info li span a:before {display:none;}
}