@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

@font-face {
    font-family: 'couture';
    src: url('/fonts/couture-bld.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('/fonts/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('/fonts/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('/fonts/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
:root {
   --vh: 100%;
}
*{outline: none; text-decoration: none;box-sizing: border-box;}
body{font-family: "Noto Sans KR", sans-serif;margin: 0;min-height: 100vh;height: -webkit-fill-availableheight: fill-available;}
body.ovh{overflow: hidden;}
ul{list-style: none; padding: 0; margin: 0;}
a{text-decoration: none; color: #333;}
a:focus{text-decoration: none;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
a:hover{text-decoration: none; color: #333;}
img{max-width: 100%;height: auto;}
.pl-2{padding-left: 2px;}.pl-15{padding-left: 15px;}
.mt-10{margin-top: 10px;}.mt-30{margin-top: 30px;}.mb-30{margin-bottom: 30px;}
select { -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
/* haeder */
.slide_up_btn{display: none;}
.header{display: flex;top: 0;left: 0;align-items: center;justify-content: space-between;position: fixed;width: 100%;z-index: 103;padding: 20px 50px 20px 100px;background-color: #fff;border-bottom: 1px solid rgba(0,0,0,.15);}
.ovh .header{background-color: rgba(0,0,0,0);border-bottom: none;}
.header .logo_box{position: relative;width: 100px;}
.header .logo_box .logo_w{position: absolute;top: 0;left: 0;opacity: 0;width: 100%;}
.header.main_header .logo_box .logo_w{opacity: 1;}
.header.main_header .logo_box .logo_b{opacity: 0;}
.header.main_header.menu_on .logo_box .logo_w{opacity: 0;}
.header.main_header.menu_on .logo_box .logo_b{opacity: 1;}
.header .menu_btn{position: relative;width: 40px;height: 40px;cursor: pointer;}
.header .menu_btn img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .5s;}
.header .menu_btn .ic-menu_w{opacity: 0;}
.header .menu_btn .lang_box{position: absolute;top: 50%;left: -120px;transform: translateY(-50%);}
.header .menu_btn .lang_box ul{display: flex;align-items: center;}
.header .menu_btn .lang_box ul li{position: relative;margin: 0 15px;}
.header .menu_btn .lang_box ul li + li::before{content: '';display: block;width: 2px;height: 14px;background-color: #000;position: absolute;top: 54%;left:-16px;transform: translateY(-50%);border-radius: 2px;}
.header .menu_btn .lang_box a{color: #000;font-size: 16px;opacity: .7;}
.header .menu_btn .lang_box .on a{font-weight: 700;opacity: 1;}
.header.main_header .menu_btn .lang_box ul li + li::before{background-color: #fff;}
.header.main_header .menu_btn .lang_box a{color: #fff;}
.header.main_header .menu_btn .ic-menu_w{opacity: 1;}
.header.main_header .menu_btn .ic-menu{opacity: 0;}
.header .menu_btn .ic-close{opacity: 0;}
.header.menu_on .menu_btn .ic-close{opacity: 1;}
.header.menu_on .menu_btn .ic-menu{opacity: 0;}
.menu_wrap{position: fixed;top: 0;right: -100vw;width: 100vw;height: 100vh;background-color: #fff;padding-left: 300px;padding-top: 170px;z-index: 102;transition: .3s;}
.menu_wrap.on{right: 0;transition: ease-in-out .7s;}
.menu_wrap::before{content: '';display: block;width: 1px;height: 100%;background-color: #000;position: absolute;top: 0;left: 300px;}
.menu_wrap ul{padding-left: 40px;}
.menu_wrap li a{text-transform: uppercase;font-family: 'couture';font-size: 50px;color: #000;}
.menu_wrap li.on a{color: #878787;}
.container{width: 1300px;margin: 0 auto;}
.family_box{position: absolute;bottom: 20px;right: 50px;width: 160px;z-index: 103;color: #fff;font-family: 'couture';user-select: none;text-align: right;}
.family_box ul{display: none;position: absolute;bottom: 30px;right: 0;width: 100%;}
.family_box ul li{padding: 5px 10px;}
.family_box ul a{color: #fff;font-weight: 400;font-size: 14px;text-shadow: 1px 1px 4px rgba(0,0,0,.25);}
.family_box .family_btn{position: relative;cursor: pointer;padding: 5px 10px;font-size: 14px;text-shadow: 1px 1px 4px rgba(0,0,0,.25);}
.family_box .family_btn::after{content: '▼';display: inline-block;margin-left: 10px;font-size: 12px;}
.family_box .family_btn.on::after{transform: rotate(180deg);}
.family_box.on{color: #000;}
.family_box.on ul a{color: #000;}
/* main */
@keyframes video_iframe {
  0{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes arrow_down {
  0{transform: rotate(-90deg) translateX(0px);opacity: 0;}
  100%{transform: rotate(-90deg) translateX(-10px);opacity: 1;}
}
@keyframes arrow_up {
  0{transform: rotate(90deg) translateX(0px);opacity: 0;}
  100%{transform: rotate(90deg) translateX(-10px);opacity: 1;}
}
.main_banner{width: 100vw;height: 100vh;}
.main_banner .slick-list{height: 100%;}
.main_banner .slick-track{height: 100%;}
.main_banner .slide{position: relative;width: 100%;height: 100%;}
.main_banner .slide .video_box{position: relative;width: 100%;height: 100%;min-height: 100%;pointer-events: none;background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;}
.main_banner .slide .video_box video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;width: auto;height: auto;}
.main_banner .slide.slick-active video{opacity: 0;animation-name: video_iframe;animation-delay: 1s;animation-duration: 1.5s;animation-direction: alternate;animation-fill-mode: both;}
.main_banner .slide.slick-active .video_iframe{opacity: 0;animation-name: video_iframe;animation-delay: 2s;animation-duration: 1.5s;animation-direction: alternate;animation-fill-mode: both;}
.main_banner .slide iframe{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main_banner_wrap .popup_close{display: none; position: fixed;top: 70px;left: 50%;transform: translateX(-50%);width: 50px;height: 50px;background-color: #fff;box-shadow: 1px 1px 4px rgba(0, 0, 0, .7);border-radius: 100%;border: none;cursor: pointer;z-index: 100;}
.main_banner > .slick-arrow{position: absolute;top: 50%;z-index: 10;transform: translateY(-50%);transition: .3s;border: none;background-color: rgba(0,0,0,0);font-weight: 300;color: #fff;text-transform: uppercase;font-family: 'couture';letter-spacing: 3px;cursor: pointer;font-size: 0;}
.main_banner > .slick-prev{left: 40px;}
.main_banner > .slick-prev::before{content: 'PREV';font-size: 16px;}
.main_banner > .slick-next{right: 40px;}
.main_banner > .slick-next::after{content: 'NEXT';font-size: 16px;}
.main_banner > .slick-disabled{opacity: 0;transition: .3s;}
.main_banner .name_box{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding-bottom: 80px;cursor: pointer;z-index: 2;}
.main_banner .name_box p{font-family: 'couture';font-size: 34px;color: #fff;}
.main_banner .name_box .name_bar{display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 2px;height: 60px;background-color: #fff;}

/* 슬라이드팝업 뉴 */
.main_banner_popup{position: fixed;left: 0;bottom: -100vh;width: 100vw;height: 100vh;z-index: 100;transition: .3s;}
.main_banner_popup.on{bottom: 0;transition: ease-in-out .7s;}
.main_banner_popup_slide{height: 100%;}
.main_banner_popup .slick-list{height: 100%;}
.main_banner_popup .slick-track{height: 100%;}
.main_banner_popup .slide{position: relative;width: 100%;height: 100%;}
.main_banner_popup .slide_popup{position: relative;width: 100%;height: 100%;background-color: #fff;overflow: hidden;}
.main_banner_popup .slide_popup::before{content: '';display: block;width: 2px;height: 60px;position: absolute;top: 0;left: 50%;transform:translateX(-50%);background-color: #000;}
.main_banner_popup .slide_popup .popup_inner{display: flex;align-items: center;width: 1300px;margin:0 auto;position: absolute;;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main_banner_popup .slide_popup .img_slide_wrap{width: 450px;}
.main_banner_popup .slide_popup .img_slide_num{text-align: center;margin-top: 15px;}
.main_banner_popup .slide_popup .img_slide_num span{display: inline-block;width: 1px;height: 25px;background-color: #000;vertical-align: middle;margin: 0 20px;}
.main_banner_popup .slide_popup .img_slide > .slick-arrow{position: absolute;bottom: -40px;z-index: 10;border: none;background-color: rgba(0,0,0,0);color: #000;font-family: "Noto Sans KR", sans-serif;cursor: pointer;font-size: 0;}
.main_banner_popup .slide_popup .img_slide > .slick-prev{left: 0;}
.main_banner_popup .slide_popup .img_slide > .slick-prev::before{content: '<';font-size: 18px;font-weight: 700;}
.main_banner_popup .slide_popup .img_slide > .slick-next{right: 0;}
.main_banner_popup .slide_popup .img_slide > .slick-next::after{content: '>';font-size: 18px;font-weight: 700;}
.main_banner_popup .slide_popup .img_slide > .slick-disabled{opacity: 0.3;}
.main_banner_popup .slide_popup .text_box{position: relative;width: calc(100% - 450px);height: 400px;padding-top: 180px;padding-left: 60px;}
.main_banner_popup .slide_popup .text_box .txt_name{font-family: 'couture';font-weight: 700;font-size: 65px;color: #000;margin-bottom: 30px;}
.main_banner_popup .slide_popup .text_box .txt_name span{display: inline-block;font-family: "Noto Sans KR", sans-serif;font-weight: 400;font-size: 24px;}
.main_banner_popup .slide_popup .text_box .txt1{font-size: 18px;}
.main_banner_popup .slide_popup .text_box .txt1 + .txt1{margin-top: 5px;}
.main_banner_popup .slide_popup .text_box .txt1 + .ic-insta{margin-top: 10px;}
.main_banner_popup .slide_popup .text_box .txt_profile{position: absolute;;width: 390px;font-weight: 400;font-size: 18px;letter-spacing: 5px;bottom: 0;right: 0;transform: rotate(90deg);transform-origin: right;}
.main_banner_popup .slide_popup .text_box .txt_profile::after{display: block;content: '';width: 260px;height: 1px;background-color: #b7b7b7;position: absolute;top: 50%;right: 0;}
.main_banner_popup .slide_popup .link_film{position: absolute;bottom: 0;right: 60px;padding-bottom: 30px;font-weight: 700;font-size: 22px;}
.main_banner_popup .slide_popup .link_film::after{display: block;content: '';position: absolute;left: 50%;bottom: 4px;transform: translateX(-50%);width: 15px;height: 15px;background: url('/img/main/ic-plus.png') no-repeat center;}
/* 슬라이드팝업 뉴 */

.filmography_wrap{display: flex;padding: 200px 0 100px;}
.filmography_wrap .img_box{width: 500px;}
.filmography_wrap .text_box{position: relative;width: calc(100% - 500px);padding-left: 40px;margin-top: 70px;padding-top: 100px;}
.filmography_wrap .txt_name{font-family: 'couture';font-size: 65px;color: #676767;text-transform: uppercase;margin-bottom: 60px;}
.filmography_wrap .txt_name span{font-family: "Noto Sans KR", sans-serif;font-size: 24px;color: #000;}
.filmography_page .history_tit{font-family: 'couture';font-size: 24px;color: #000;padding-bottom: 10px;}
.filmography_page .history_wrap{margin-bottom: 50px;}
.filmography_page .history_wrap table{width: 100%;table-layout: fixed;text-align: left;}
.filmography_page .history_wrap th{width: 60px;font-size: 14px;vertical-align: top;}
.filmography_page .history_wrap td{width: calc(100% - 80px);padding-left: 5px;font-size: 14px;}
.filmography_page .txt_film{position: absolute;;width: 450px;font-weight: 400;font-size: 18px;letter-spacing: 5px;top: 0;right: -50%;transform: rotate(90deg);transform-origin: left;}
.filmography_page .txt_film::after{display: block;content: '';width: 240px;height: 1px;background-color: #b7b7b7;position: absolute;top: 50%;right: 0;}
.gallery_page{padding: 180px 0 100px;}
.gallery_page .gallery_wrap{display: flex;}
.gallery_page .gallery_tit{font-family: 'couture';font-weight: 700;font-size: 60px;padding: 0 10px 20px 10px;}
.gallery_page .gallery_tit2{font-family: 'couture';font-weight: 700;font-size: 45px;padding-bottom: 20px;}
.gallery_page .slide_wrap{position: relative;width: calc(100% - 300px);padding-right: 80px;}
.gallery_page .slide_wrap .wrap{position: relative;z-index: 1;}
.gallery_page .slide_wrap .wrap2{position: absolute;top: 92px;left: 0;opacity: 0;width: calc(100% - 80px);z-index: -1;}
/*
.gallery_page .gallery_wrap.on1 .wrap2{z-index: -1;opacity: 0;}
.gallery_page .gallery_wrap.on2 .wrap2{z-index: 2;opacity: 1;}
.gallery_page .gallery_wrap.on2 .wrap1{z-index: -1;opacity: 0;}
*/
.gallery_page .slide_stats{display: flex;align-items: center;justify-content: center;text-align: center;margin-top: 50px;}
.gallery_page .slide_stats span{display: inline-block;width: 1px;height: 25px;background-color: #000;margin: 0 15px;vertical-align: middle;}
.gallery_page .slide_stats >*{margin: 0 20px;font-size: 16px;}
.gallery_page .slide_stats >*:first-child{font-weight: 700;font-size: 18px;cursor: pointer;}
.gallery_page .slide_stats >*:last-child{font-weight: 700;font-size: 18px;cursor: pointer;}
.gallery_page .gallery_gnb{display: flex;position: relative;flex-flow:wrap column;width: 300px;padding-left: 20px;padding-top: 15px;}
.gallery_page .gallery_gnb::before{content: '';display: block;width: 1px;height: 615px;background-color: #000;position: absolute;top: 0;left: 0;}
.gallery_page .gallery_gnb span{display: inline-block;width: 180px;height: 40px;line-height: 38px;font-weight: 400;font-size: 17px;color: #000;cursor: pointer;background-color: #ddd;margin-bottom: 10px;padding: 0 20px;border-radius: 20px;text-align: center;}
.gallery_page .gallery_gnb span.on{background-color: #4a4a4a;color: #fff;}
.gallery_page .no_img{display: inline-block;width: 100%;}
.gallery_page .gallery_slide .no_img{height: 530px;}
.gallery_page .gallery_slide p{font-size: 18px;padding-top: 10px;}
.gallery_page .gallery_slide_nav{margin-top: 50px;}
.gallery_page .gallery_slide_nav .img_box{padding: 0 10px;cursor: pointer;opacity: 0.65;transition: .3s;filter: blur(1px);}
.gallery_page .gallery_slide_nav .img_box.on{opacity: 1;filter:none;}
.gallery_page .gallery_slide_nav .youtube_thum{display: inline-block;width: 100%;height: 190px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.gallery_page .gallery_slide_nav p{font-size: 16px;padding-top: 10px;}
.gallery_page .gallery_slide_nav > .slick-arrow{position: absolute;bottom: -40px;z-index: 10;border: none;background-color: rgba(0,0,0,0);color: #000;font-family: "Noto Sans KR", sans-serif;cursor: pointer;font-size: 0;}
.gallery_page .gallery_slide_nav > .slick-prev{left: 0;}
.gallery_page .gallery_slide_nav > .slick-prev::before{content: '<';font-size: 18px;font-weight: 700;}
.gallery_page .gallery_slide_nav > .slick-next{right: 0;}
.gallery_page .gallery_slide_nav > .slick-next::after{content: '>';font-size: 18px;font-weight: 700;}
.gallery_video{padding: 0 10px;}
.gallery_video .video_box{position: relative;width: 100%;height: 0;padding-bottom: 56%;}
.gallery_video .video_box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.news_page{padding: 180px 0 100px;}
.news_main{display: flex;}
.news_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.news_top .search_box{position: relative;width: 200px;height: 35px;overflow: hidden;border-radius: 20px;}
.news_top input[type="search"]{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;border: none;background-color: #f7f7f7;padding: 0 50px 0 20px;}
.news_top .btn-search{width: 35px;height: 35px;position: absolute;right: 10px;top: 0;z-index: 2;background-color: rgba(0,0,0,0);border: none;padding: 0;cursor: pointer;}
.news_page_title{font-family: 'couture';font-weight: 700;font-size: 60px;}
.news_main .news_img{width: 560px;height: 320px;background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #b5caa2;}
.news_main .news_text{width: calc(100% - 560px);padding-left: 40px;padding-top: 10px;}
.news_main .news_text1{font-weight: 700;font-size: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;}
.news_main .news_text2{font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;word-break: keep-all;}
.news_list{margin-top: 20px;border-top: 2px solid #000;}
.news_list .news_box{display: flex;align-items: center;position: relative;border-bottom: 1px solid #9f9f9f;padding: 20px 0;}
.news_list .news_box .news_date{display: flex;align-items: center;justify-content: center;flex-flow: column;width: 120px;text-align: center;}
.news_list .news_box .news_contents{width: calc(100% - 120px);padding-right: 100px;padding-left: 30px;}
.news_list .news_box .txt_day{font-family: 'GmarketSans';font-weight: 700;font-size: 60px;line-height: 1;}
.news_list .news_box .txt_month{font-family: 'GmarketSans';font-weight: 500;font-size: 18px;}
.news_list .news_box .contents_tit{font-weight: 700;font-size: 18px;margin-bottom: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.news_list .news_box .contents_txt{font-weight: 400;font-size: 14px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list .news_box .btn-more{position: absolute;right: 10px;bottom: 10px;font-weight: 500;font-size: 10px;color: #737373;letter-spacing: 1px;}
.paging_box{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.paging_box a{font-size: 18px;margin: 0 30px;}
.paging_box span{font-size: 16px;margin: 0 10px;}
.paging_box .mid_line{width: 1px;height: 25px;background-color: #0f0f0f;}
.contact_page{background-color: #f1f1f1;padding: 180px 0 70px;width: 100vw;height: 100vh;overflow: hidden;}
.contact_page::after{content: '';display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 2px;height: 60px;background-color: #a2a2a2;}
.contact_page .slide_down_btn{display: none;}
.contact_page .main_banner_popup{display: flex;align-items: center;justify-content: center;background-color: #fff;}
.contact_page .main_banner_popup::before{content: '';display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 2px;height: 60px;background-color: #000;}
.contact_page .contact_box{position: relative;min-height: 600px;padding-top: 0;}
.contact_page .contact_box .contact_txt1{margin-top: 40px;font-size: 28px;}
.contact_page .contact_box .contact_txt2{margin-top: 60px;font-size: 24px;line-height: 1.6;}
.contact_page .contact_box .contact_txt3{position: absolute;;width: 570px;font-weight: 400;font-size: 18px;letter-spacing: 5px;bottom: 0;right: 0;transform: rotate(90deg);transform-origin: right;}
.contact_page .contact_box .contact_txt3::after{display: block;content: '';width: 240px;height: 1px;background-color: #b7b7b7;position: absolute;top: 50%;right: 0;}
.contact_page .bot_logo{position: relative;bottom: -70px;left: -50px;}
.contact_page .map_box .map_text{display: flex;margin-bottom: 40px;}
.contact_page .map_box .left_text{width: 50%;}
.contact_page .map_box .right_text{width: 50%;text-align: right;}
.contact_page .map_box .map_txt1{font-family: 'couture';font-size: 40px;font-weight: 700;margin-bottom: 10px;}
.contact_page .map_box .map_txt2{font-size: 18px;line-height: 1.6;}
.copyright{text-align: center;font-size: 18px;margin-top: 80px;}

.seo_title{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
}

.seo_brand{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
}