#content {margin-bottom:0 !important; -ms-overflow-x: hidden;}

section.wrapper_now_main_slider { width: 90%; max-width: 1560px; margin: 0 auto 100px auto; }

section.wrapper_now_main {width:90%; max-width: 1560px; margin:0 auto; }
.title_nowr {}
.title_nowr p {margin-top:12px; }
.title_nowr p.now_see_all {float:right;}
.title_nowr p.now_see_all a {color:#ccc; text-decoration: underline;}
.title_nowr p.now_see_all a:hover {color: #1f1f1f;}
ul.brand_now_list {width:100%; max-width:1560px; position: relative; font-size: 0;}
ul.brand_now_list li {display: inline-block; cursor:pointer;
    width:calc(25% - 15px);
    margin-right:20px; margin-bottom:20px; position: relative; overflow: hidden;}

ul.brand_now_list li {margin-right:0; }


/*.wrapper_iframe {pointer-events: none;}*/
.wrapper_iframe iframe {border-radius:0 !important; width:100% !important; min-width:100% !important; min-height:100% !important; margin:0 !important; margin-top:-55px !important; border:0 !important; max-height: 430px;}

/*.insta_area {pointer-events: none;}*/
/*.insta_area iframe {pointer-events: all;}*/

/*li.insta_item {pointer-events: none;}*/
.insta_area {pointer-events: none;}
.insta_area iframe {pointer-events: all;}
li.insta_item iframe {pointer-events: none;}
li.insta_item img {width:100%; position: absolute; z-index: 2}
.brand_now_list {margin-top:120px;}

ul.brand_now_list li {vertical-align: top; display: inline-block}
/*ul.brand_now_list li {vertical-align: top; display:inline-block}*/
ul.brand_now_list li:first-child {width:calc(50% - 10px); margin-right:20px;}
ul.brand_now_list li:first-child .wrapper_iframe iframe {width:calc(50% - 10px); max-height: 100%}

ul.brand_now_list li:nth-child(1) {float: left;}
/*#ins_0 {float:left;}*/

ul.brand_now_list li:nth-child(2),
ul.brand_now_list li:nth-child(4),
ul.brand_now_list li:nth-child(6),
ul.brand_now_list li:nth-child(7),
ul.brand_now_list li:nth-child(8) {margin-right:20px;}

/*#ins_1, #ins_3, #ins_5, #ins_6, #ins_7 {margin-right:20px;}*/

ul.brand_now_list li:nth-child(6) {float:left; clear:both}
ul.brand_now_list li:nth-child(7) {float: left;}
ul.brand_now_list li:nth-child(8) {float: left;}
ul.brand_now_list li:nth-child(9) {float: left;}

/*#ins_5 { float:left; clear:both}*/
/*#ins_6 { float:left;}*/
/*#ins_7 { float:left;}*/
/*#ins_8 { float:left;}*/


.wrapper_feature_main {width:100%; height:auto !important; margin-bottom:0; position:relative; margin-top:-3px; line-height: 0; clear: both}
/*.wrapper_feature_main .txt_wfm  {position:absolute; z-index: 10; width:100%; transform:translate(-50%,-50%); top:50%; left:50%; pointer-events: none; text-align: center}*/
/*.wrapper_feature_main .txt_wfm  {pointer-events:none; position:absolute; width: 100%; bottom:60px; text-align: center; z-index: 9;}*/
.wrapper_feature_main .txt_wfm  {pointer-events:none; position:absolute; right:1.5rem; top:1.25rem; z-index: 9;}

@media screen and (max-width: 768px) {
    .wrapper_feature_main .txt_wfm  {right:0.75rem; top:0.25rem;}
}

.wrapper_feature_main .txt_wfm  h2 {font-size:24px; color:#fff; line-height: 2rem;}
.wrapper_feature_main .txt_wfm  h6 {font-size:16px; color:#fff; line-height: 24px;}
.wrapper_feature_main .fa_dim {position:absolute; background:#2f2f2f; width:100%; height:100%; opacity: 0; transition: opacity 0.25s ease-out; top:0; left:0}
.wrapper_feature_main .fa_media {pointer-events: none;}
.wrapper_feature_main  img {width:100%;}
.wrapper_feature_main  video {width:100%;}

.fm_first {margin-top:0;}
.fm_lest {margin-top:-5px;}


.wpr_reel { position:relative; }
.wpr_reel .bpt {width:100%; line-height: 0;}
.wpr_reel .bpt a video {width:100%;}

@media screen and (max-width: 768px) {

}



@media screen and (max-width: 768px) {
    .wrapper_feature_main .txt_wfm h2 {font-size:0.75rem; line-height: 28px;}
    .wrapper_feature_main .txt_wfm h6 {font-size:12px; }
}


@media screen and (max-width: 768px) {
    #insta-container { margin-top:60px;}
        li.insta_item {width:100%;}
    ul.brand_now_list li:first-child {width:100%;}

    /*ul li:nth-child(2),*/
    /*ul li:nth-child(3),*/
    /*ul li:nth-child(4),*/
    /*ul li:nth-child(5),*/
    /*ul li:nth-child(6),*/
    /*ul li:nth-child(7),*/
    /*ul li:nth-child(8),*/
    /*ul li:nth-child(9)*/
    /*{ margin-right:0; }*/

    /*!*#ins_1,*!*/
    /*!*#ins_2,*!*/
    /*!*#ins_3,*!*/
    /*!*#ins_4,*!*/
    /*!*#ins_5, #ins_6,*!*/
    /*!*#ins_7,*!*/
    /*!*#ins_8*!*/
    /*!*{margin-right:0}*!*/


    /*ul.brand_now_list li:nth-child(2),*/
    /*ul.brand_now_list li:nth-child(4),*/
    /*ul.brand_now_list li:nth-child(6),*/
    /*ul.brand_now_list li:nth-child(8) {*/
    /*    margin-right:15px;*/
    /*}*/

    /*#ins_1,*/
    /*#ins_3,*/
    /*#ins_5,*/
    /*#ins_7 {margin-right:15px;}*/
}






/*미디어 대응 - 태블릿*/
@media screen and (min-width:769px) and (max-width: 1024px) {

    section {width:100%; overflow: hidden;}
    #page {padding:0;}

}


/*미디어 대응 - 모바일*/
@media screen and (max-width:768px){
    #page {padding:0 !important;}
        .wrapper_showcase_main {margin-top:0x;}

    section.wrapper_showcase_main {}
    section.wrapper_showcase_main .showcase_main_bg {overflow: hidden; }
    section.wrapper_showcase_main video {width:360%; margin-left: -130%;}
    section.wrapper_showcase_main .showcase_typing .showcase_inner {padding-bottom:30px; }
    section.wrapper_showcase_main .showcase_typing .showcase_inner .type_phrase {font-size:26px; line-height: 36px;}
    section.wrapper_showcase_main .showcase_link a {font-size:18px;}



    section.wrapper_feature_main {width: 100%; height:100vh; margin-top:-3px;}
    section.wrapper_feature_main.fm_first {}
    section.wrapper_feature_main.fm_lest {margin-top:-5px;}


    section.wrapper_now_main { clear: both;}
        .now_top_title {margin-top:40px; font-size:13px;}
        .now_txt_center {}
        .now_txt_center h2 {font-size: 24px; line-height: 46px;}
            .wrapper_insta_list {padding-top:0}
                ul.insta_list {width:360%;}
                    li.insta_item {width:300px;}
                    li.insta_item img {width:100%;}
                    /*li.insta_item:first-child {padding-left:20px;}*/

        .now_txt_now {position:absolute; z-index: 11;  margin:0 auto; text-align:center; bottom:9%; width: 100%; left:0;}
        .now_txt_now svg {height:20vw;}

        .now_txt_amore { margin:0 auto; text-align: center; margin-left:-158%;}
        .now_txt_amore svg {margin-top:58vh; height:20vw;}

    section.wrapper_now_main_slider {width:90%; margin:30px auto 30px auto;}
    ul.brand_now_list {width:100%; max-width:100%; position: relative; text-align: left; }
    ul.brand_now_list li {display: inline-block; cursor:pointer; width:calc(50% - 8px); margin:0; margin-right:15px; margin-bottom:15px; position: relative; overflow: hidden;}
    ul.brand_now_list li.insta_item:first-child {margin-left:0;}

    ul.brand_now_list li:nth-child(2n) {margin-right:15px; }

    ul.brand_now_list li:nth-child(3),
    ul.brand_now_list li:nth-child(5),
    ul.brand_now_list li:nth-child(7),
    ul.brand_now_list li:nth-child(9) {margin-right:0; }



    /*ul.brand_now_list li:nth-child(5) {display:none;}*/
    /*ul.brand_now_list li:nth-child(6) {display:none;}*/
    /*ul.brand_now_list li:nth-child(7) {display:none;}*/
    /*ul.brand_now_list li:nth-child(8) {display:none;}*/



    .wrapper_iframe iframe {width:100% !important; min-width:100% !important; min-height:100% !important; margin:0 !important; margin-top:-55px !important; border:0 !important; max-height: 420px;}
}


@media screen and (max-width:480px){

    .wrapper_content {overflow-x: hidden;}


    .wrapper_feature_title{width:calc(100% - 30px); margin-top:240px; padding:0 15px;}
    .wrapper_feature_title h2 {line-height: 150%; font-size:24px; margin-top:0;}
    .wrapper_feature_title h5 {line-height: 190%; font-size:16px; margin-top:0;}
    .wrapper_feature_title h5:last-child {margin-top:0;}

    .wrapper_talk_main{height:600px;}
        .talk_title {width:calc(100% - 30px); padding:0 15px;}
        .talk_title h2 {line-height: 150%; font-size:24px; margin-top:0;}
        .talk_title h5 {line-height: 190%; font-size:16px; margin-top:0;}
        .talk_title h5:last-child {margin-top:0;}

        .talk_main_video{}
        .talk_main_video img{width:auto;}

    section.wrapper_showcase_main .showcase_typing {height:100vh; }
    section.wrapper_showcase_main .showcase_typing .showcase_inner .type_phrase {font-size:24px; line-height: 150%;}
    section.wrapper_showcase_main .showcase_typing .showcase_inner .type_phrase h5{font-size:16px;}
    section.wrapper_showcase_main .showcase_link {height:100vh;}
    section.wrapper_showcase_main .showcase_link a {font-size: 16px;}
    section.wrapper_showcase_main .showcase_link .showcase_inner{padding-bottom:130px;}

    section.wrapper_showcase_main .showcase_main_bg {background-size: cover; }
    .title_discover p {font-size:13px; margin-top:8px;}
    .title_discover_filter form select {font-size:12px; width:60px; }
    .title_discover_filter { bottom:-10px;}

        .carousel-btn-wrapper {display:none;}

    h2.t0_discover{font-size:13px;}

    h2.t0_discover {height:14px; margin-bottom:8px;}
    h2.t1_discover {height:16px;  margin-bottom:8px;}
    h2.t2_discover {height:14px;}

    .list_discover {padding-top:00px; position:relative; margin-top:32px;}
    ul.slider_discover {}
    li.item_discover {position:relative; overflow: hidden; width:320px !important; height:240px !important; background-color: #ededed; transition: all 0.4s ease-out}
    li.item_discover img {width:120%; max-width:120%; margin-left:-10%; }
    li.item_discover:hover img {transform: scale(1.05);}
    li.item_discover:first-child {margin-left:500px;}
    .discover_dim {pointer-events:none; width:100%; height:100%; display: block; background-color: rgba(0,0,0,0.1); position:absolute; z-index: 4;}
    .txt_discover {position:absolute; left:24px; bottom:24px; z-index: 4; pointer-events: none;}
    .txt_discover h2 {color:#fff;}
    .t1_discover {font-size:25px; height:40px;}
    .t2_discover {font-size: 15px;}

    .list_discover  .bx-wrapper {width: 100%; max-width: 100% !important;}
    .list_discover  .carousel-btn-wrapper{position:absolute; top:50%; width:100%; z-index: 4;}
    .list_discover  .carousel-btn {width:44px; height:44px; display:inline-block; transition: all .2s ease; border-radius:40px; cursor: pointer;
        filter: drop-shadow(2px 1px 2px rgba(0,0,0,0.15));
    }
    .list_discover  .carousel-btn.left {margin-left:30px;}
    .list_discover  .carousel-btn.right {float:right; margin-right: 115px;}
    .list_discover .bx-controls-direction {display: none;}











    section.wrapper_now_main {width:100%;}
    .wrapper_now_main_slider {width:100%;}

    .title_nowr {}
    .title_nowr h2 {margin-left:20px;}
    .title_nowr p {margin-left:20px; margin-top:8px;}
    .title_nowr p.now_see_all {margin-right:20px;}



    .insta_area iframe {
        width:280px !important;
        min-width:280px !important;
    }

    .insta_btn_close {
        right: 24px;
    }

    .arrow_left {
        left: 1vw;
        top: 40vh;
        width: 14px;
        height: 14px;
    }

    .arrow_right {
        left: 92.5vw;
        top: 40vh;
        width: 14px;
        height: 14px;
    }
}



.wrapper_studio {
    margin:220px 0;
}
.wrapper_studio .studio {
    width:100%;
    height:100%;
    overflow: hidden;
}

.wrapper_studio .studio h2.studio_indexbanner {
    text-align: center;
    max-width:1080px;
    width:70vw;
    margin:0 auto 120px auto;
}

@media screen and (max-width:768px){
    .wrapper_studio .studio h2.studio_indexbanner {
        width: 100vw;
    }

}
@media screen and (max-width:480px){
    .wrapper_studio {
        margin:80px 0;
    }

    .wrapper_studio .studio h2.studio_indexbanner {
        max-width:100%;
        width:100vw;
        margin:0 auto 80px auto;
    }
}
.wrapper_studio .studio h2.studio_indexbanner img {
    width:100%;
}

.wrapper_studio .studio ul {
    font-size:0;
    display:flex;
    list-style: none;
}


.wrapper_studio .studio ul li {
    flex-shrink: 0;
    /*margin:0 2%;*/
    text-align: center;
}

.wrapper_studio .studio ul li a img:hover {
    border:1px solid #000;
}

.wrapper_studio .studio ul li a {}
.wrapper_studio .studio ul li a img {width:100%;  border:1px solid #fff;}
.wrapper_studio .studio ul li a .studio_info {padding-top:1rem;}
.wrapper_studio .studio ul li a .studio_info h4 {font-size:1rem; color:#000;}
.wrapper_studio .studio ul li a .studio_info:hover {text-decoration: underline}
.wrapper_studio .studio ul li a .studio_info h4.studio_title {}
.wrapper_studio .studio ul li a .studio_info h4.studio_date {margin-top:6px;}


header {background:transparent !important;}



/* main clip load more */
.list_showmore_wrapper {clear:both; width:30%; margin:0 auto; height:30px; font-size: 15px; margin-top:80px; max-width:240px; margin-bottom:100px;}
.list_showmore_wrapper h6 {text-align: center}
.list_showmore_pbar {position:relative; width:100%; height:3px; background-color: #ccc; margin-top:20px;}
.list_showmore_loaded {width:20px; height:3px; background-color: #1f1f1f; display: inline-block; position:absolute;}
.btn_loadmore {padding:20px 48px; text-align: center; border:1px solid #1f1f1f;  margin-top:40px; cursor: pointer; transition: all 0.2s ease-out; cursor: pointer}
.btn_loadmore:hover {text-decoration: underline; background-color: #1f1f1f; color:#fff;}




@media screen and (max-width:768px){

    .list_showmore_wrapper{width:100%; margin-top:40px;}
    .list_showmore_wrapper h6{font-weight:400;}
    .btn_loadmore:hover h6{color:white;}

    .btn_loadmore {    padding: 12px 10px;
        text-align: center;
        border: 1px solid #1f1f1f;
        cursor: pointer;
        transition: all 0.2s ease-out;
        margin: 0 auto;
        width: 140px;
        margin-top: 40px;}

    .btn_loadmore h6 {
        font-size: 13px;
        line-height: 24px;
        color: #181818;
        transition: color .3s ease;
    }
}
/* main clip load more END */




/* 메인 클립을 모두 불러온 다음에 나타나는 work-list로의 이동 버튼 */
#btn-worklist.show {display: block;}
#btn-worklist { display:none; clear:both; margin:0 auto; height:30px; font-size: 15px; margin-top:80px; width:240px; margin-bottom:100px;}
#btn-worklist span {padding:20px 48px; text-align: center; border:1px solid #1f1f1f;  margin-top:40px; cursor: pointer; transition: all 0.2s ease-out; cursor: pointer; color:#000;}
#btn-worklist span:hover {text-decoration: underline; background-color: #1f1f1f; color:#fff;}

@media screen and (max-width:768px){

    #btn-worklist {

        text-align: center;
        width: 140px;
        margin-top: 20px;
        margin-bottom:60px;
    }

    #btn-worklist span {
        font-size:13px;
        padding: 12px 10px;
        width: 100%;
        line-height:24px;
        display:inline-block;
    }

}


.wrapper_now_main_slider.now_ajax_loaded {
    margin-bottom:460px;
}