/* common */

@import url('https://fonts.cdnfonts.com/css/jost');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


:root {
    --main-font: "Jost*", sans-serif;
    --sub-font: "Pretendard Variable", Pretendard, sans-serif;
    --main-color: #F0421F;

}

html {scroll-behavior: smooth;}
body {font-family: "Pretendard Variable", Pretendard, sans-serif; background: #191919; color: #fff;} 
.container {width: 100%; max-width: 1560px; margin: 0 auto;}
.sidebar {display: none;}
.mo {display: none;}


/* header */

#header {position: fixed; width: 100%; left: 0; top: 0; z-index: 100; transition: all 0.3s;}
#header.fixed {background: rgb(25,25,25); background: linear-gradient(180deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);}
#header .logo a img {transition: all 0.5s;}
#header .box {display: flex; align-items: center; justify-content: space-between; height: 93px; padding: 0px 100px; box-sizing: border-box;}
#header .box .gnb_box {display: flex; align-items: center;}
#header .box .gnb_box .gnb {margin-right: 50px;}
#header .box .gnb_box .gnb ul {display: flex;}
#header .box .gnb_box .gnb ul li {margin-right: 50px; transition: all 0.5s; height: 35px; padding: 30px 0px; box-sizing: border-box; display: flex; align-items: center; position: relative;}
#header .box .gnb_box .gnb ul li:nth-child(1) {width: 100px;}
#header .box .gnb_box .gnb ul li:nth-child(2) {width: 85px;}
#header .box .gnb_box .gnb ul li:nth-child(3) {width: 60px;}
#header .box .gnb_box .gnb ul li:nth-child(4) {width: 103px;}
#header .box .gnb_box .gnb ul li:nth-child(5) {width: 87px;}
#header .box .gnb_box .gnb ul li:last-child {margin-right: 0;}
#header .box .gnb_box .gnb ul li .dropdown {display: none; position: absolute; left: 60%; transform: translateX(-50%); top: 60px; padding: 20px; box-sizing: border-box; background: #2E2E2E; width: 170px;}
#header .box .gnb_box .gnb ul li .dropdown a {transition: all 0.5s; display: block; font-family: var(--main-font); font-weight: 700; font-size: 18px; margin-bottom: 16px;}
#header .box .gnb_box .gnb ul li .dropdown a:last-child {margin-bottom: 0;}
#header .box .gnb_box .gnb ul li .dropdown a:hover {color: #737373; text-decoration: line-through;}
#header .box .gnb_box .gnb ul li > a {position: relative; display: inline-block; font-size: 24px; font-weight: 600; font-family: var(--main-font); color: #737373;}
#header .box .gnb_box .gnb ul li > a span {position: absolute; transition: all 0.5s; width: 0; left: 7px; top: 50%; transform: translateY(-50%); white-space: nowrap;}
#header .box .gnb_box .gnb ul li > a img {transition: 0.5s; opacity: 0; padding-bottom: 10px;}
#header .box .gnb_box .gnb ul li:hover > a span {color: #fff;  left: 17px; }
#header .box .gnb_box .gnb ul li:hover > a img {opacity: 1;}
#header .box .gnb_box .gnb ul li.active > a span {color: #fff;  left: 17px; }
#header .box .gnb_box .gnb ul li.active > a img {opacity: 1;}
#header .box .gnb_box .lang_box {position: relative;  width: 96px; height: 60px; display: flex; align-items: center; justify-content: center;}
#header .box .gnb_box .lang_box button {display: flex; align-items: center; justify-content: center;}
#header .box .gnb_box .lang_box button span {font-size: 17px; font-weight: 600; margin: 0px 10px;}
#header .box .gnb_box .lang_box .dropdown {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 60px; padding: 20px; box-sizing: border-box; border-radius: 10px; background: #2E2E2E;}
#header .box .gnb_box .lang_box .dropdown a {transition: all 0.5s; display: block; font-family: var(--main-font); font-weight: 700; font-size: 15px; margin-bottom: 16px;}
#header .box .gnb_box .lang_box .dropdown a:last-child {margin-bottom: 0;}
#header .box .gnb_box .lang_box .dropdown a:hover {color: #737373; text-decoration: line-through;}
#header .box .gnb_box #moBtn {margin-left: 14px; display: none;}


/* main */

.main_visual {width: 100%; background: url(/web/img/main_bg.jpg) no-repeat center / cover;}
.main_visual .container {height: 1080px; display: flex; align-items: flex-end;}
.main_visual .container .text_box {margin-bottom: 67px; width: 100%;}
.main_visual .container .text_box .slogan {margin-bottom: 150px;}
.main_visual .container .text_box .slogan h2 {font-size: 100px; font-weight: 800; font-family: var(--main-font); transition: all 0.5s;}
.main_visual .container .text_box .slogan h2 p, .main_visual .container .text_box .slogan h2 span {line-height: 1.45;}
.main_visual .container .text_box .slogan h2 p {--fill-color: #fff; -webkit-text-stroke: 1px #fff; color: transparent; animation: fill_bg 2s forwards; animation-delay: 1s;}
.main_visual .container .text_box .slogan h2 span {color: #fff; animation: fill_bg_down 2s forwards; animation-delay: 2s; animation-delay: 2s;-webkit-text-stroke: 1px #fff;}
.main_visual .container .text_box .slogan .top {text-align: center;}
.main_visual .container .text_box .slogan .middle {display: flex; justify-content: flex-end;}
.main_visual .container .text_box .slogan .middle h2 {display: flex;}
.main_visual .container .text_box .slogan .middle h2 p {margin-right: 28px;}
.main_visual .container .text_box .slogan .bottom {display: flex; justify-content: center;}
.main_visual .container .text_box a {display: flex; align-items: center; justify-content: center;}
.main_visual .container .text_box a span {font-size: 18px; font-weight: 400; font-family: var(--main-font); margin-right: 20px;}

@keyframes fill_bg {
    from {
        background: linear-gradient(to top, #fff 0 100%) bottom / 100% 0 no-repeat;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        -webkit-text-fill-color: transparent; /* Safari의 텍스트 색상을 투명으로 설정 */
    }
    to {
        background: linear-gradient(to top, #fff 0 100%) bottom / 100% 100% no-repeat;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        -webkit-text-fill-color: transparent; /* Safari의 텍스트 색상을 투명으로 설정 */
    }
}

@keyframes fill_bg_down {
    from {
        background: linear-gradient(to top, #fff 0 100%) bottom / 100% 100% no-repeat;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-box-decoration-break: clone;
        -webkit-text-fill-color: transparent; /* Safari의 텍스트 색상을 투명으로 설정 */
    }
    to {
        background: linear-gradient(to top, #fff 0 100%) bottom / 100% 0% no-repeat;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        --fill-color: #fff;
        -webkit-text-stroke: 1px #fff;
        color: transparent;
        -webkit-box-decoration-break: clone;
        -webkit-text-fill-color: transparent; /* Safari의 텍스트 색상을 투명으로 설정 */
    }
}


.mc_1 {padding: 250px 0px; box-sizing: border-box; position: relative;}
.mc_1 .text_box_1 {margin-bottom: 160px;}
.mc_1 .text_box_1 p {font-size: 24px; font-weight: 600; margin-bottom: 50px; font-family: var(--main-font);}
.mc_1 .text_box_1 h3 {font-size: 55px; font-weight: 800; font-family: var(--main-font); line-height: 1.4;}
.mc_1 .text_box_2 {text-align: right;}
.mc_1 .text_box_2 article {font-size: 20px; font-weight: 400; line-height: 1.8;}
.mc_1 .text_box_2 .divide {margin-bottom: 70px;}
.mc_1 .mc_1_item {position: absolute; left: 0; bottom: 75px;}

.mc_2 {padding-bottom: 250px;}
.mc_2 ul {display: flex;}
.mc_2 ul li {width: calc(33.3% - 10px); margin-right: 20px;}
.mc_2 ul li {background: #1F1F1F; padding: 70px 40px; box-sizing: border-box; border-radius: 30px;}
.mc_2 ul li:last-child {margin-right: 0; background: #2f2f2f; box-shadow: 0px 4px 34px 0px #00000040;}
.mc_2 ul li .img_box {margin-bottom: 77px;}
.mc_2 ul li p {font-size: 45px; font-weight: 800; font-family: var(--main-font); line-height: 1.4; margin-bottom: 60px;}
.mc_2 ul li p span {color: var(--main-color);}
.mc_2 ul li article {font-size: 18px; font-weight: 400; line-height: 1.5;}

.mc_3 .mc_3_title {margin-bottom: 100px; text-align: center;}
.mc_3 .mc_3_title h3 {font-size: 100px; font-family: var(--main-font); font-weight: 800;}
.mc_3 ul {display: flex; justify-content: space-between;}
.mc_3 ul li {width: calc(33.3% - 30px); margin-right: 30px;}
.mc_3 ul li:last-child {margin-right: 0;}
.mc_3 ul li .wrapper {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
.mc_3 ul li:nth-child(1) {background: url(/web/img/mc_3_bg_1.jpg) no-repeat center / cover;}
.mc_3 ul li:nth-child(2) {background: url(/web/img/mc_3_bg_2.jpg) no-repeat center / cover;}
.mc_3 ul li:nth-child(3) {background: url(/web/img/mc_3_bg_3.jpg) no-repeat center / cover;}
.mc_3 ul li .text_box {position:absolute; z-index: 10; left: 70px; top:50%; transform:translateY(-50%); height: 100%; display: flex; align-items: center; max-width: 460px;}
.mc_3 ul li .text_box .title {transition: all 0.5s; position: absolute; width: 100%; min-width: 470px;}
.mc_3 ul li .text_box .title p {font-size: 45px; font-weight: 700; line-height: 1.5; font-family: var(--main-font);}
.mc_3 ul li .text_box .title span {transition: all 0.5s; font-size: 18px; font-weight: 700; line-height: 1.5; display: block;}
.mc_3 ul li .text_box article {transition: all 0.5s; opacity: 0; height: 0; font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 0px; position:absolute; width:100%; min-width:470px;top:50%;}
.mc_3 ul li:hover .text_box .title {padding-bottom: 150px;}
.mc_3 ul li:hover .text_box article {opacity: 1;}
.mc_3 ul li .bg_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s;}
.mc_3 ul li .bg_box iframe {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.8); width: 100%; height: 100%;}
.mc_3 ul li:first-child .bg_box iframe {left: 15%; transform: translateY(-50%) scale(1.8);}
.mc_3 ul li .bg_box::before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mc_3 ul li:hover .bg_box {opacity: 1;}

.mc_4 {padding: 200px 0px; background: url(/web/img/mc_4_bg.jpg) no-repeat center / cover;}
.mc_4 .box {width: 100%; max-width: 984px; margin: 0 auto;}
.mc_4 .box .title {margin-bottom: 90px;}
.mc_4 .box .title p {font-size: 18px; font-family: var(--main-font); font-weight: 400; margin-bottom: 50px;}
.mc_4 .box .title h3 {font-size: 34px; font-family: var(--main-font); font-weight: 800; line-height: 1.5;}
.mc_4 .box .item_box {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.mc_4 .box .item_box .map {width: calc(100% - 60px); height: 550px; border-radius: 20px; overflow: hidden; margin-right: 60px;}
.mc_4 .box .item_box .map iframe {width: 100%; height: 550px;}
.mc_4 .box .item_box .text_box {min-width: 385px; font-family: var(--main-font);}
.mc_4 .box .item_box .text_box h4 {font-size: 24px; font-weight: 600; margin-bottom: 50px; font-family: var(--main-font);}
.mc_4 .box .item_box .text_box .addr {margin-bottom: 50px;}
.mc_4 .box .item_box .text_box .addr span {display: block; font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 20px;}
.mc_4 .box .item_box .text_box .addr p {font-size: 16px; font-weight: 700; line-height: 1.5; font-family: var(--sub-font);}
.mc_4 .box .item_box .text_box .contact_info {display: flex; margin-bottom: 50px;}
.mc_4 .box .item_box .text_box .contact_info li span {display: block; font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 10px;}
.mc_4 .box .item_box .text_box .contact_info li p {font-size: 18px; font-weight: 700;}
.mc_4 .box .item_box .text_box .contact_info li:first-child {margin-right: 50px;}
.mc_4 .box .item_box .text_box .global p {font-size: 15px; font-weight: 400; line-height: 2;}
.mc_4 .box .item_box .text_box .global ul li {padding-left: 15px; margin-left: 7.5px; position: relative; font-size: 15px; font-weight: 400; line-height: 2;}
.mc_4 .box .item_box .text_box .global ul li::before {display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; background: #fff; border-radius: 100%;}
.mc_4 .box .item_box .text_box .global .divide {margin-bottom: 15px;}

/* footer */

#footer {background: #191919; border-top: 1px solid #2B2B2B; padding: 100px 0px;}
#footer .ft_content {display: flex; justify-content: space-between; margin-bottom: 80px;}
#footer .ft_content .ft_main h4 {font-size: 24px; font-weight: 600; margin-bottom: 20px; font-family: var(--main-font); line-height: 1.5;}
#footer .ft_content .ft_main p {font-size: 18px; font-weight: 400; font-family: var(--main-font); color: rgba(255,255,255,0.5); line-height: 1.5;}
#footer .ft_content .ft_info {display: flex;}
#footer .ft_content .ft_info .item {margin-right: 100px;}
#footer .ft_content .ft_info .item li {margin-bottom: 20px;}
#footer .ft_content .ft_info .item li span {display: block; font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 10px; font-family: var(--main-font);}
#footer .ft_content .ft_info .item li p {font-size: 18px; font-weight: 700; line-height: 1.5; font-family: var(--main-font);}

#footer .ft_content .ft_info .item .global p {display: block; font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 10px; font-family: var(--main-font);}
#footer .ft_content .ft_info .item .global ul li {font-size: 15px; font-weight: 400; line-height: 2; margin-bottom: 0;}
#footer .ft_content .ft_info .item .global .divide {margin-bottom: 20px;}

#footer .ft_content .ft_info .family {width: 230px; position: relative;}
#footer .ft_content .ft_info .family button {transition: all 0.5s; font-size: 24px; font-weight: 600; font-family: var(--main-font); line-height: 1.5; padding: 10px 0px; background: url(/web/img/family_arrow.svg) no-repeat center right; border-bottom: 1px solid #fff; display: block; width: 100%; text-align: left;}
#footer .ft_content .ft_info .family.active button {background: url(/web/img/family_arrow_on.svg) no-repeat center right; opacity: 0.3;}
#footer .ft_content .ft_info .family ul {display: none; position: absolute; top: -67px; width: 100%; left: 0;}
#footer .ft_content .ft_info .family ul li a {padding: 20px;  background: #2E2E2E; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
#footer .ft_content .ft_info .family ul li a span {display: block; font-size: 17px; font-weight: 400; line-height: 1.6;}
#footer .ft_content .ft_info .family ul li a p {font-size: 15px; font-family: var(--main-font); opacity: 0.5; font-weight: 400;}
#footer .ft_content .ft_info .family.active ul {display: block;}
#footer .copyrights {display: flex; align-items: center; font-size: 15px; font-family: var(--main-font); font-weight: 400;}
#footer .copyrights a {margin-right: 30px;}
#footer .copyrights span {opacity: 0.3;}

#privacyModal {display:none;/* 숨기기 */
 position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);/* 배경 어둡게 */
 z-index:1000;}
#privacyModal .box{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 1240px; background: #373737; padding: 60px 60px 20px 60px; box-sizing: border-box;}
#privacyModal .title {display: flex; justify-content: space-between; margin-bottom: 70px;}
#privacyModal .title h3 {font-size: 36px; font-weight: 600; font-family: var(--main-font);}
#privacyModal ul {height: 500px; overflow-y: auto; padding-top: 10px; padding-bottom: 10px; padding-right: 20px;}
#privacyModal ul li {margin-bottom: 70px;}
#privacyModal ul li:last-child {margin-bottom: 0;}
#privacyModal ul li p {font-size: 24px; font-weight: 600; font-family: var(--main-font); margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #535353;}
#privacyModal ul li article {font-size: 15px; font-weight: 400; line-height: 2; color: #E8E8E8; font-family: var(--main-font);}
#privacyModal ul::-webkit-scrollbar-track{background-color:#2E2E2E; border-radius: 50px;}
#privacyModal ul::-webkit-scrollbar{width:5px;}
#privacyModal ul::-webkit-scrollbar-thumb{background-color:#535353; border:5px solid #555555; border-radius: 50px;}


/* sub */

.sub_banner {position: relative; width: 100%; height: 960px; display: flex; align-items: flex-end; box-sizing: border-box;}
.sub_banner .container {padding-bottom: 167px;}
.sub_banner .title {display: flex; justify-content: space-between; align-items: flex-end;}
.sub_banner .title .subject h2 {font-size: 100px; font-family: var(--main-font); font-weight: 800;}
.sub_banner .title .subject p {font-size: 24px; font-weight: 700; line-height: 1.6; margin-top: 50px;}
.sub_banner .title .subject .sub_menu {width: 230px; margin-top: 30px; position: relative;}
.sub_banner .title .subject .sub_menu > a {font-size: 24px; font-family: var(--main-font); display: flex; align-items: center; justify-content: space-between; width: 100%; height: 55px; border-bottom: 1px solid #fff;}
.sub_banner .title .subject .sub_menu .dropdown {z-index: 100; display: none; width: 100%; padding: 30px 20px; box-sizing: border-box; background: #2E2E2E; position: absolute; left: 0; top: 55px;}
.sub_banner .title .subject .sub_menu .dropdown a {display: block; margin-bottom: 20px; font-size: 18px; color: #737373; font-family: var(--main-font); font-weight: 700;}
.sub_banner .title .subject .sub_menu .dropdown a:hover {color: #fff; text-decoration: line-through;}
.sub_banner .title .subject .sub_menu .dropdown a:last-child {margin-bottom: 0;}
.sub_banner .title > a {display: flex; align-items: center;}
.sub_banner .title > a span {margin-right: 20px;}
.sub_banner .title > a img {transform: rotate(90deg);}
.sub_banner .video_bg {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; overflow: hidden;}
.sub_banner .video_bg iframe {height: 100%; width: 100%;}

.sub_wrap {padding: 200px 0px; box-sizing: border-box; width: 100%;}

.sub_title {display: flex; align-items: flex-start;}
.sub_title img {margin-right: 10px; height: 22px;}
.sub_title p {font-family: var(--main-font); font-size: 70px; font-weight: 600; line-height: 0.8;}

.swiper_arrow {display: flex; align-items: center; cursor: pointer; z-index: 100;}
.swiper_arrow .divide {margin: 0px 15px;}
.swiper_arrow p {font-size: 18px; font-family: var(--main-font); font-weight: 400; padding-top: 3px}

.more_btn_box {display: flex; justify-content: center;}
.more_btn_box a {display: flex; align-items: center; padding: 15px; border-radius: 100px; transition: all 0.5s;}
.more_btn_box a:hover {background: #1F1F1F;}
.more_btn_box a img {margin-right: 20px;}
.more_btn_box a span {font-size: 50px; font-weight: 500; font-family: var(--main-font); color: #fff;}


/* service */

.default_menu {display: flex; flex-direction: column; align-items: center;}
.default_menu ul li {margin-bottom: 80px;}
.default_menu ul li:last-child {margin-bottom: 0px;}
.default_menu ul li a {display: flex; align-items: flex-start; transition: all 0.5s; left: 0; position: relative;}
.default_menu ul li a img {height: 22px; margin-right: 10px;}
.default_menu ul li a p {transition: all 0.5s; font-family: var(--main-font); font-size: 70px; color: rgba(255, 255, 255, 0.59); font-weight: 600; line-height: 0.8; margin-right: 13px;}
.default_menu ul li a .tag {transition: all 0.5s; padding: 5px 10px; box-sizing: border-box; border-radius: 4px; background: var(--main-color); width: 60px; height: 30px; display: flex; align-items: center; justify-content: center; opacity: 0;}
.default_menu ul li a span {display: inline-block; padding-top: 3px; color: #fff; font-family: var(--main-font); font-size: 18px; font-weight: 700;}

.default_menu ul li:hover a {left: 50px;}
.default_menu ul li:hover a p {color: #fff;}
.default_menu ul li:hover a .tag {animation: blink 1.2s linear infinite;}

@keyframes blink {
    0% {opacity: 0.3;}
    50% {opacity: 1;}
    100% {opacity: 0.3;}
}


/* payment */

.payment_1 {width: 100%; padding: 0px 100px; margin-bottom: 100px; box-sizing: border-box; overflow: hidden;}
.payment_1 .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 100px;}
.payment_1 .process_swiper {padding-bottom: 50px; position: relative; overflow: visible;}
.payment_1 .process_swiper .swiper-slide {cursor: pointer; width: 400px; height: 400px; padding: 70px 40px; box-sizing: border-box; border-radius: 30px; background: #1F1F1F; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.payment_1 .process_swiper .swiper-slide .img_box {width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #2A2A2A; margin-bottom: 20px;}
.payment_1 .process_swiper .swiper-slide .text_box {text-align: center;}
.payment_1 .process_swiper .swiper-slide .text_box span {transition: all 0.5s; font-size: 15px; font-family: var(--main-font); color: #535353; font-weight: 700; display: block; margin-bottom: 20px;}
.payment_1 .process_swiper .swiper-slide .text_box p {font-size: 20px; line-height: 1.5; font-weight: 700; color: #fff;}
.payment_1 .process_swiper .swiper-slide:hover {border: 1px solid #535353;}
.payment_1 .process_swiper .swiper-slide:hover .text_box span {color: var(--main-color);}
.payment_1 .process_swiper .process_pagination {bottom: 0; left: 0; top: auto; background: #2E2E2E;}
.payment_1 .process_swiper .process_pagination .swiper-pagination-progressbar-fill {background: #535353;}

.payment_2 {padding-bottom: 200px; margin-bottom: 200px; border-bottom: 1px solid #535353;}
.payment_2 .container > ul > li {display: flex; align-items: flex-start;}
.payment_2 .container > ul > li:first-child {margin-bottom: 100px;}
.payment_2 .container > ul > li .subject {display: flex; align-items: center; min-width: 300px; margin-right: 100px; padding-top: 7px;}
.payment_2 .container > ul > li .subject img {height: 22px; margin-right: 10px;}
.payment_2 .container > ul > li .subject span {font-size: 24px; font-weight: 700; color: #fff;}
.payment_2 .container > ul > li ul li {padding-left: 15px; margin-left: 7.5px; position: relative; font-size: 17px; font-weight: 400; line-height: 2;}
.payment_2 .container > ul > li ul li::before {display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; background: #fff; border-radius: 100%;}
.payment_2 .container > ul > li ul span {font-size: 17px; color: var(--main-color); line-height: 2;}

.payment_3 .title {margin-bottom: 50px; text-align: center;}
.payment_3 .title h3 {font-size: 45px; font-weight: 800; font-family: var(--main-font); margin-bottom: 50px;}
.payment_3 .title span {display: block; font-size: 18px; font-family: var(--main-font); font-weight: 400; line-height: 1.7;}
.payment_3 ul {display: flex;}
.payment_3 ul li {width: calc(33.3% - 10px); margin-right: 20px; padding: 40px; box-sizing: border-box; border-radius: 10px; background: #1F1F1F; display: flex; align-items: center;}
.payment_3 ul li:last-child{margin-right: 0;}
.payment_3 ul li img {height: 22px; margin-right: 20px;}
.payment_3 ul li span {font-size: 24px; font-weight: 700; line-height: 1.6;}

 
/* location */

.location .title {display: flex; justify-content: center; margin-bottom: 100px;}
.location_box ul {margin-bottom: 70px; display: flex; flex-wrap: wrap;}
.location_box ul li {cursor: pointer; border: 1px solid #1F1F1F; width: calc(33.3% - 15px); margin-right: 20px; margin-bottom: 30px; border-radius: 30px; background: #1F1F1F; padding: 70px 40px; box-sizing: border-box;}
.location_box ul li:nth-child(3n) {margin-right: 0;}
.location_box ul li .box {text-align: center;}
.location_box ul li .box .img_box {background: #2A2A2A; width: 120px; height: 120px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto 40px;}
.location_box ul li .box span {transition: all 0.5s; display: block; font-family: var(--main-font); font-size: 24px; font-weight: 600; color: #535353; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #535353;}
.location_box ul li .box p {font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 40px; line-height: 1.5;}
.location_box ul li .box article {font-size: 17px; color: #E8E8E8; line-height: 1.6;}
.location_box ul li:hover {border: 1px solid #535353;}
.location_box ul li:hover .box span {color: var(--main-color);}
.location_box .info {text-align: center;}
.location_box .info span {padding-left: 15px; margin-left: 7.5px; position: relative; font-size: 17px; font-weight: 400; line-height: 2;}
.location_box .info span::before {display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; background: #fff; border-radius: 100%;}


/* visa */

.visa .title {display: flex; justify-content: center; margin-bottom: 100px;}
.visa_content > ul {display: flex;}
.visa_content > ul > li {width: calc(50% - 15px); margin-right: 30px; padding: 70px; box-sizing: border-box; border-radius: 30px; background: #1F1F1F;}
.visa_content > ul > li:last-child {margin-right: 0;}
.visa_content > ul > li .img_box {margin-bottom: 40px;}
.visa_content > ul > li p {font-size: 45px; font-weight: 600; font-family: var(--main-font); color: #fff; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #535353;}
.visa_content > ul > li ul li {padding-left: 15px; margin-left: 7.5px; position: relative; font-size: 17px; font-weight: 400; line-height: 2;}
.visa_content > ul > li ul li::before {display: block; content: ''; position: absolute; left: 0; top: 17px; width: 2px; height: 2px; background: #fff; border-radius: 100%;}


/* logistics */

.logistics {overflow: hidden;}
.logistics .title {display: flex; justify-content: center; margin-bottom: 100px;}
.logistics_swiper {position: relative; overflow: visible;}
.logistics_swiper .swiper-slide {max-width: 1080px;}
.logistics_swiper .swiper-slide .img_box {margin-bottom: 36px; opacity: 0.5; transition: all 0.5s;}
.logistics_swiper .swiper-slide .img_box img {width: 100%;}
.logistics_swiper .swiper-slide p {font-size: 36px; font-weight: 700; margin-bottom: 36px; color: #fff; opacity: 0.5; transition: all 0.5s;}
.logistics_swiper .swiper-slide article {font-size: 17px; font-weight: 400; line-height: 1.6; color: #E8E8E8; opacity: 0.5; transition: all 0.5s;}
.logistics_swiper .swiper-slide-active .img_box {opacity: 1;}
.logistics_swiper .swiper-slide-active p {opacity: 1;}
.logistics_swiper .swiper-slide-active article {opacity: 1;}
.logistics_swiper .swiper_arrow {position: absolute; top: 50%; transform: translateY(-50%);}
.logistics_swiper .logistics_prev {left: 0;}
.logistics_swiper .logistics_next {right: 0;}


/* casting_rental */

.casting_rental .title {display: flex; justify-content: center; margin-bottom: 100px;}
.casting_rental .box {max-width: 1080px; margin: 0 auto;}
.casting_rental .box li {margin-bottom: 100px;}
.casting_rental .box li:last-child {margin-bottom: 0;}
.casting_rental .box li .img_box {width: 100%; overflow: hidden;}
.casting_rental .box li .img_box img {transform: scale(1); filter: grayscale(1); transition: all 0.5s; width: 100%;}
.casting_rental .box li .text_box {padding: 0px 50px; box-sizing: border-box; position: relative; top: -20px;}
.casting_rental .box li .text_box p {font-size: 36px; font-family: var(--sub-font); font-weight: 600; margin-bottom: 36px; color: #fff;}
.casting_rental .box li .text_box article {font-size: 17px; font-weight: 400; line-height: 1.6; color: #E8E8E8;}
.casting_rental .box li:hover .img_box img {transform: scale(1.1); filter: grayscale(0);}


/* crew */

.crew_1 .title {display: flex; justify-content: center; margin-bottom: 100px;}
.crew_1 .item_1 {margin-bottom: 180px;}
.crew_1 .item_1 > ul {display: flex; flex-wrap: wrap;}
.crew_1 .item_1 > ul > li {width: calc(25% - 90px); margin-bottom: 50px; margin-right: 120px; text-align: center;}
.crew_1 .item_1 > ul > li:nth-child(4n) {margin-right: 0;}
.crew_1 .item_1 > ul > li .img_box {width: 100%; margin-bottom: 24px;}
.crew_1 .item_1 > ul > li .img_box img {width: 100%;}
.crew_1 .item_1 > ul > li p {font-size: 24px; line-height: 1.5; font-weight: 600; font-family: var(--main-font); margin-bottom: 10px; color: #fff;}
.crew_1 .item_1 > ul > li span {font-size: 18px; line-height: 1.5; color: #535353; display: block; margin-bottom: 10px;}
.crew_1 .item_1 > ul > li ul li {font-size: 18px; font-family: var(--main-font); line-height: 1.5; color: #fff;}
.crew_1 .item_2 h4 {font-size: 45px; font-family: var(--main-font); color: #fff; font-weight: 600; margin-bottom: 50px;}
.crew_1 .item_2 .director {margin-bottom: 50px;}
.crew_1 .item_2 ul {display: flex; flex-wrap: wrap;}
.crew_1 .item_2 ul li {width: calc(25% - 90px); margin-right: 120px; margin-bottom: 50px; text-align: center;}
.crew_1 .item_2 ul li.empty_li {width: 100%; padding: 20px 0px; margin: 0;}
.crew_1 .item_2 ul li:nth-child(4n) {margin-right: 0;}
.crew_1 .item_2 ul li > a {display: block; width: 100%;}
.crew_1 .item_2 ul li > a .img_box {border: 1px solid transparent; box-sizing: border-box; width: 100%; margin-bottom: 24px;}
.crew_1 .item_2 ul li > a .img_box img {width: 100%;}
.crew_1 .item_2 ul li > a p {font-size: 24px; font-weight: 600; font-family: var(--main-font); margin-bottom: 10px; color: #fff;}
.crew_1 .item_2 ul li > a span {font-size: 18px; color: #535353; display: block; margin-bottom: 24px;}
.crew_1 .item_2 ul li > a i {transition: all 0.2s; display: block; text-indent: -9999px; border-radius: 100%; margin: 0 auto; width: 50px; height: 50px; background: url(/web/img/crew_link.svg) #fff no-repeat center / 24px;}
.crew_1 .item_2 ul li:hover a i {background: url(/web/img/crew_link_h.svg) var(--main-color) no-repeat center / 24px;}
.crew_1 .item_2 ul li:hover .img_box {border: 1px solid #E8E8E8;}

.crew_2 {overflow: hidden;}
.crew_2 .profile_box {display: flex; align-items: center; padding-bottom: 50px; margin-bottom: 100px; border-bottom: 1px solid #535353;}
.crew_2 .profile_box .profile_pic {width: 100px; height: 100px; overflow: hidden; border-radius: 100%; margin-right: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #2E2E2E;}
.crew_2 .profile_box .profile_pic img {width: 100%;}
.crew_2 .profile_box .text_box {display: flex; flex-direction: column; height: 100px; justify-content: space-between;}
.crew_2 .profile_box .text_box p {font-size: 45px; font-family: var(--main-font); color: #fff; font-weight: 800; line-height: 1.5;}
.crew_2 .profile_box .text_box span {font-size: 24px; color: #535353; font-weight: 600; font-family: var(--main-font); line-height: 1.5;}

.crew_swiper {position: relative; overflow: visible; margin-bottom: 100px;}
.crew_swiper .swiper-slide {max-width: 1080px; opacity: 0.5;}
.crew_swiper .swiper-slide-active {opacity: 1;}
.crew_swiper .swiper-slide a {display: block; width: 100%;}
.crew_swiper .swiper-slide a .iframe_box {margin-bottom: 36px;}
.crew_swiper .swiper-slide p {font-size: 24px; font-weight: 600; color: #fff; opacity: 0.5; transition: all 0.5s;}
.crew_swiper .swiper-slide-active .img_box {opacity: 1;}
.crew_swiper .swiper-slide-active p {opacity: 1;}
.crew_swiper .swiper_arrow {position: absolute; top: 50%; transform: translateY(-50%); max-height: 30px;}
.crew_swiper .crew_prev {left: 0;}
.crew_swiper .crew_next {right: 0;}


/* contact */

.contact {padding: 200px 0px 150px;}
.contact form {padding: 100px; box-sizing: border-box; width: 100%; background: rgba(31, 31, 31, 0.89);}
.contact .subject {display: block; font-size: 24px; font-weight: 700; line-height: 1.6; margin-bottom: 20px;}
.contact .form_row {margin-bottom: 60px;}
.contact .form_row .form_col input[type="text"],
.contact .form_row .form_col input[type="tel"],
.contact .form_row .form_col input[type="email"] {width: 100%; height: 60px; padding: 20px; box-sizing: border-box; font-size: 17px; font-weight: 400; line-height: 1.6; background: #2E2E2E; border: 0; color: #fff;}
.contact .form_row .form_col input[type="text"]::placeholder,
.contact .form_row .form_col input[type="tel"]::placeholder,
.contact .form_row .form_col input[type="email"]::placeholder {color: rgba(255,255,255,0.3);}
.contact .form_row .form_col input[type="text"]:focus,
.contact .form_row .form_col input[type="tel"]:focus,
.contact .form_row .form_col input[type="email"]:focus {border: 1px solid #535353;}
.contact .form_row .form_col .checkbox {display: flex;}
.contact .form_row .form_col .checkbox .item {display: flex; align-items: center; margin-right: 30px;}
.contact .form_row .form_col .checkbox .item:last-child {margin-right: 0;}
.contact .form_row .form_col .checkbox .item .checkbox_label input {display: none;}
.contact .form_row .form_col .checkbox .item .checkbox_label{display:flex;align-items:center; cursor: pointer;}
.contact .form_row .form_col .checkbox .item .checkbox_icon::before{content:'';display:block;margin-right:10px;display:inline-block;width:24px;height:24px;background-color:#2E2E2E;box-sizing:border-box;position:relative;cursor:pointer;}
.contact .form_row .form_col .checkbox .item .checkbox_label input:checked + .checkbox_icon::before{background:url(/web/img/checked.svg) #2E2E2E no-repeat center / cover; border:none;}
.contact .form_row .form_col .checkbox .item .checkbox_text {font-size: 17px; line-height: 1.6;}
.contact .form_row.two_col {display: flex;}
.contact .form_row.two_col .form_col {width: calc(50% - 30px); margin-right: 60px;}
.contact .form_row.two_col .form_col:last-child {margin-right: 0;}
.contact .form_row.two_col .form_col .select_box {width: 100%;}
.contact .form_row.two_col .form_col .select_box .custom_select {position: relative;}
.contact .form_row.two_col .form_col .select_box .custom_select .value {width: 100%; height: 60px; padding: 20px; box-sizing: border-box; font-size: 17px; font-weight: 400; line-height: 1.6; background: #2E2E2E; border: 0; color: #fff; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.contact .form_row.two_col .form_col .select_box .custom_select .select_dropdown {display: none; position: absolute; left: 0; top: 60px; border: 1px solid #535353; border-top: 0; padding: 20px; background: #2E2E2E; width: 100%; box-sizing: border-box;}
.contact .form_row.two_col .form_col .select_box .custom_select .select_dropdown li {width: 100%; cursor: pointer; font-size: 17px; line-height: 1.6; color: #fff; margin-bottom: 15px;}
.contact .form_row.two_col .form_col .select_box .custom_select .select_dropdown li:last-child {margin-bottom: 0;}
.contact .form_row.two_col .form_col .select_box .custom_select.active .value {border: 1px solid #535353;}
.contact .form_row.two_col .form_col .date_box {display: flex; align-items: center;}
.contact .form_row.two_col .form_col .date_box .item {width: 100%;}
.contact .form_row.two_col .form_col .date_box span {font-size: 17px; display: block; margin: 0 10px;}
.contact .form_row.two_col .form_col .date_box .item input[type="date"] {border: 0; width: 100%; height: 60px; color: #fff; font-size: 17px; font-family: var(--sub-font); padding: 20px; box-sizing: border-box; background: url(/web/img/date_icon.svg) no-repeat #2E2E2E center right 20px / 24px;}
.contact .form_row.two_col .form_col .date_box .item input[type="date"]::-webkit-calendar-picker-indicator,
.contact .form_row.two_col .form_col .date_box .item input[type="date"]::-webkit-inner-spin-button {opacity: 0; appearance: none; cursor: pointer;}
.contact .form_row .form_col .textarea textarea {width: 100%; font-family: var(--sub-font); min-height: 200px; padding: 20px; box-sizing: border-box; font-size: 17px; font-weight: 400; line-height: 1.6; background: #2E2E2E; border: 0; color: #fff; resize: none;}
.contact .form_row .form_col .link_text input {background: url(/web/img/link_text_icon.svg) #2E2E2E no-repeat center left 20px / 24px; padding: 20px 20px 20px 54px;}
.contact .form_row .form_col .custom_file {display: flex; align-items: center;}
.contact .form_row .form_col .custom_file .upload-name {width: 100%; height: 60px; padding: 20px; box-sizing: border-box; font-size: 17px; font-weight: 400; line-height: 1.6; background: #2E2E2E; border: 0; color: rgba(255,255,255,0.3); max-width: 290px; margin-right: 20px;}
.contact .form_row .form_col .custom_file label {display: flex; align-items: center; padding: 20px; box-sizing: border-box; border: 1px solid #fff; height: 60px; cursor: pointer;}
.contact .form_row .form_col .custom_file label img {height: 24px; margin-right: 6px;}
.contact .form_row .form_col .custom_file label span {font-size: 17px; font-weight: 400; color: #fff;}
.contact .form_row .form_col .custom_file input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.contact .privacy {padding-top: 60px; margin-top: 60px; border-top: 1px solid #535353; margin-bottom: 60px;}
.contact .privacy article {padding: 20px; box-sizing: border-box; width: 100%; max-height: 200px; overflow-y: auto; font-size: 17px; color: #fff; border: 1px solid #535353; line-height: 1.8; background: #2E2E2E;}
.contact .privacy article::-webkit-scrollbar-track{background-color:#2E2E2E; border-radius: 50px;}
.contact .privacy article::-webkit-scrollbar{width:5px;}
.contact .privacy article::-webkit-scrollbar-thumb{background-color:#535353; border:5px solid #555555; border-radius: 50px;}
.contact .btn_box {display: flex; justify-content: center;}
.contact .btn_box button {transition: all 0.5s; font-size: 24px; font-weight: 700; width: 250px; padding: 20px; box-sizing: border-box; border: 1px solid #fff; height: 80px; display: flex; justify-content: center; align-items: center;}
.contact .btn_box button:hover {background: #2E2E2E;}


/* our_work */

.our_work {padding: 150px 0px 50px;}
.our_work_view {padding: 200px 0px 100px;}
.our_work_view .container {max-width: 1300px;}


/* responsive */

@media (max-width: 3200px) {
    .sub_banner .video_bg iframe {transform: scale(2);}

}

@media (max-width: 2560px) {
    .sub_banner .video_bg iframe {transform: scale(1.5);}

}

@media (max-width: 1920px) {
    .sub_banner .video_bg iframe {transform: scale(1.2);}

}

@media (max-width: 1600px) {
    .container {padding: 0px 50px; box-sizing: border-box; max-width: 100%;}
    #header .box {padding: 0px 50px;}

    .main_visual .container .text_box .slogan h2 {font-size: 80px;}
    .mc_2 ul li article br {display: none;}
    .mc_2 ul li p {font-size: 32px;}
    .mc_1 .mc_1_item {z-index: -1;}

    .mc_3 .mc_3_title h3 {font-size: 70px;}
    .mc_3 ul li {width: calc(33.3% - 15px); margin-right: 20px;}
    .mc_3 ul li .text_box {left: 50px;}
    .mc_3 ul li .text_box .title p {font-size: 25px;}
    .mc_3 ul li .text_box .title span {font-size: 16px;}
    .mc_3 ul li .text_box article {font-size: 16px; min-width: 310px;}

    #footer .ft_content {flex-direction: column; margin-bottom: 50px;}
    #footer .ft_content .ft_main {margin-bottom: 50px;}

    #privacyModal .box {width: calc(100% - 32px)}

    .sub_banner .video_bg iframe {transform: scale(1.4);}

    .crew_1 .item_1 > ul > li,
    .crew_1 .item_2 ul li {width: calc(25% - 60px); margin-right: 80px;}

    .gall_row .col-gn-2 {width:calc(50% - 25px); margin-right:50px;}

    .logo_box {padding: 0px 20px; box-sizing: border-box;}
}

@media (max-width: 1300px) {
    .mc_3 ul li .text_box .title span {font-size: 14px;}
}


@media (max-width: 1280px) {
    #header .box {padding: 0px 20px;}
    #header .logo a img {height: 22px;}
    #header .box .gnb_box .gnb {margin-right: 25px;}
    #header .box .gnb_box .gnb ul li {margin-right: 25px;}
    #header .box .gnb_box .gnb ul li > a {font-size: 20px;}

    .main_visual .container .text_box a span {font-size: 15px;}
    .main_visual .container .text_box .slogan h2 {font-size: 70px;}

    .mc_1 {padding: 100px 0px;}
    .mc_1 .text_box_1 {margin-bottom: 100px;}
    .mc_1 .text_box_1 p {font-size: 20px;}
    .mc_1 .text_box_1 h3 {font-size: 40px;}
    .mc_1 .text_box_2 .divide {margin-bottom: 50px;}
    .mc_1 .text_box_2 article {font-size: 18px;}
    .mc_1 .mc_1_item {bottom: 30px;}
    .mc_1 .mc_1_item img {height: 250px;}

    .mc_2 {padding-bottom: 150px;}
    .mc_2 ul li {padding: 25px;}
    .mc_2 ul li .img_box {margin-bottom: 30px;}
    .mc_2 ul li .img_box img {height: 60px;}
    .mc_2 ul li p {font-size: 22px; margin-bottom: 30px;}
    .mc_2 ul li article {font-size: 15px;}

    .mc_3 .mc_3_title h3 {font-size: 60px;}
    .mc_3 ul li .text_box {left: 30px;}
    .mc_3 ul li .text_box article {min-width: 260px; font-size: 14px;}
    .mc_3 ul li:hover .text_box .title {padding-bottom: 120px;}

    .mc_4 .box .title h3 {font-size: 35px;}

    .payment_1 {padding: 0px 50px;}
    .sub_banner .video_bg iframe {transform: scale(1.7);}
    .sub_banner .title .subject h2 {font-size: 80px;}
    .sub_title p {font-size: 60px;}
    .payment_3 .title h3 {font-size: 35px;}
    .payment_1 .process_swiper .swiper-slide {width: 380px; height: 380px;}
    .payment_2 .container > ul > li .subject {min-width: 170px; margin-right: 50px;}
    .payment_3 ul li span {font-size: 20px;}

    .location_box ul li .box article br {display: none;}

    .contact {padding: 100px 0px 100px;}
    .contact form {padding: 50px;}
    .contact .form_row .form_col .checkbox .item .checkbox_text {font-size: 15px;}
    .contact .form_row.two_col .form_col {width:calc(50% - 15px); margin-right:30px;}

    .logo_box {max-width: 768px !important;}

    .crew_1 .item_1 > ul > li,
    .crew_1 .item_2 ul li {width: calc(25% - 38px); margin-right: 50px;}
}

@media (max-width: 1024px) {
    .mo {display: block;}
    .container {padding: 0px 16px;}

    #header .logo a img {height: 15.5px;} 
    #header .box {height: auto; padding: 20px;}
    #header .box .gnb_box .gnb {display: none;}
    #header .box .gnb_box #moBtn {display: block; height: 12px;}
    #header .box .gnb_box .lang_box {width: 54px; height: auto;}
    #header .box .gnb_box .lang_box button span {font-size: 14px; margin: 0px 5px;}
    #header .box .gnb_box .lang_box button .globe {height: 16px;}
    #header .box .gnb_box .lang_box button .arrow {height: 5px;}
    #header .box .gnb_box .lang_box .dropdown {top: 25px;}

    .sidebar {display: block; transition: all 0.5s; opacity: 0; left: -100%; position: fixed; top: 0; width: 100%; height: 100%; background: #1F1F1F; z-index: 9999;}
    .sidebar.on {opacity: 1; left: 0;}
    .sidebar .box {padding: 120px 100px 100px 100px; box-sizing: border-box;}
    .sidebar .box .mo_gnb > ul {text-align: center;}
    .sidebar .box .mo_gnb > ul > li {margin-bottom: 50px;}
    .sidebar .box .mo_gnb > ul > li > a {font-size: 30px; font-family: var(--main-font); font-weight: 700; display: flex; align-items: flex-start; justify-content: center;}
    .sidebar .box .mo_gnb > ul > li > a img {margin-right: 7px; height: 12px;}
    .sidebar .box .mo_gnb > ul > li.has_drop .dropdown {display: none; padding: 25px 0px 0px 12px; text-align: center;}
    .sidebar .box .mo_gnb > ul > li.has_drop .dropdown a {display: block; font-size: 20px; font-weight: 600; font-family: var(--main-font); margin-bottom: 15px; color: #f5f5f5;}
    .sidebar .box .mo_gnb > ul > li.has_drop .dropdown a:last-child {margin-bottom: 0;}
    .sidebar #moClose {position: absolute; right: 30px; top: 30px;}
    .sidebar #moClose img {height: 20px;}

    .main_visual .container {height: 810px;}
    .main_visual .container .text_box {margin-bottom: 50px;}
    .main_visual .container .text_box .slogan {margin: 0 auto 80px;}
    .main_visual .container .text_box .slogan .top {margin-bottom: 50px;}
    .main_visual .container .text_box .slogan h2 {font-size: 55px;}
    .main_visual .container .text_box .slogan h2 span,
    .main_visual .container .text_box .slogan h2 p {line-height: 1;}
    .main_visual .container .text_box .slogan .middle {margin-bottom: 50px;}
    .main_visual .container .text_box .slogan .middle h2 {flex-direction: column; width: 100%;}
    .main_visual .container .text_box .slogan .middle h2 p {text-transform: uppercase; margin-right: 0; margin-bottom: 28px;}
    .main_visual .container .text_box .slogan .middle h2 span {align-self: end;}

    .mc_1 .text_box_1 h3 {font-size: 35px;}
    .mc_1 .text_box_2 article {font-size: 16px;}

    .mc_2 ul li {padding: 20px;}
    .mc_2 ul li article {font-size: 14px;}

    .mc_3 ul li {width: 33.3%; margin-right: 10px;}
    .mc_3 ul li .text_box {left: 20px;}
    .mc_3 ul li .text_box .title span {font-size: 10px;}
    .mc_3 ul li .text_box article {font-size: 12px; min-width: 200px;}
    
    .mc_4 {padding: 150px 0px;}
    .mc_4 .box {padding: 0px 16px; box-sizing: border-box;}
    .mc_4 .box .item_box .map {margin-right: 25px;}

    #footer {padding: 50px 0px;}
    #footer .container {display: flex; flex-direction: column-reverse;}
    #footer .copyrights {margin-bottom: 40px;}
    #footer .ft_content {margin-bottom: 0;}
    #footer .ft_content .ft_info {flex-direction: column;}
    #footer .ft_content .ft_main {margin-bottom: 25px;}
    #footer .ft_content .ft_info .item {margin-right: 0; margin-bottom: 25px;}
    #footer .ft_content .ft_info .family {width: 100%; max-width: 768px;}

    #privacyModal .box {padding: 30px 30px 20px 30px;}
    #privacyModal .title {margin-bottom: 50px;}
    #privacyModal .title h3 {font-size: 32px; padding-top: 5px;}
    #privacyModal .title button img {height: 30px;}
    #privacyModal ul li p {font-size: 20px;}
    #privacyModal ul li article {font-size: 14px;}

    .sub_banner {height: 500px;}
    .sub_banner .video_bg iframe {transform: scale(1.2);}
    .sub_banner .container {padding-bottom: 64px;}
    .sub_banner .title > a {display: none;}
    .sub_banner .title .subject .sub_menu {margin-top: 10px;}
    .sub_wrap {padding: 60px 0px;}

    .location .title, .visa .title, .logistics .title, 
    .casting_rental .title, .crew_1 .title {margin-bottom: 30px; justify-content: flex-start;}

    .payment_1 {padding: 0px 16px; margin-bottom: 50px;}
    .payment_1 .title {position: relative; padding-bottom: 80px; margin-bottom: 16px;}
    .sub_title img {height: 15px;}
    .sub_title p {font-size: 36px; font-weight: 600;}
    .swiper_arrow {position: absolute; bottom: 0;}
    .swiper_arrow p {font-size: 15px;}
    .swiper_arrow .divide {margin: 0px 11px;}
    .swiper_arrow img {height: 15px;}
    .process_next  {right: 0;}
    .process_prev {left: 0;}
    .payment_1 .process_swiper {padding-bottom: 20px;}
    .payment_1 .process_swiper .swiper-slide {width: 200px; height: 210px; padding: 20px 25px;}
    .payment_1 .process_swiper .swiper-slide .img_box {width: 80px; height: 80px; margin-bottom: 16px;}
    .payment_1 .process_swiper .swiper-slide .img_box img {height: 30px;}
    .payment_1 .process_swiper .swiper-slide .text_box span {font-size: 13px; margin-bottom: 16px;}
    .payment_1 .process_swiper .swiper-slide .text_box p {font-size: 12px; line-height: 1.5;}
    .payment_2 {margin-bottom: 60px; padding-bottom: 60px;}
    .payment_2 .container > ul > li {flex-direction: column;}
    .payment_2 .container > ul > li:first-child {margin-bottom: 30px;}
    .payment_2 .container > ul > li .subject {margin-right: 0; margin-bottom: 20px;}
    .payment_2 .container > ul > li .subject img {height: 15px;}
    .payment_2 .container > ul > li .subject span {font-size: 17px;}
    .payment_2 .container > ul > li ul li {font-size: 13px; line-height: 1.7;}
    .payment_2 .container > ul > li ul span {font-size: 13px;}
    .payment_3 .title {margin-bottom: 30px;}
    .payment_3 .title h3 {font-size: 24px; margin-bottom: 30px;}
    .payment_3 .title span {font-size: 13px; line-height: 1.7;}
    .payment_3 ul {flex-direction: column;}
    .payment_3 ul li {width: 100%; margin-right: 0; margin-bottom: 10px;}
    .payment_3 ul li:last-child {margin-bottom: 0;}
    .payment_3 ul li img {height: 14px; margin-right: 20px;}
    .payment_3 ul li span {font-size: 15px;}
    .payment_3 ul li span br {display: none;}

    .location_box ul li {width: calc(50% - 10px); margin-right: 20px;}
    .location_box ul li:nth-child(2n) {margin-right: 0;}
    .location_box ul li:nth-child(3n) {margin-right: 20px;}
    .location_box ul li:last-child {margin-right: 0;}
    .location_box .info span {font-size: 15px;}

    .visa_content > ul {flex-direction: column;}
    .visa_content > ul li {width: 100%; margin-right: 0;}
    .visa_content > ul li:first-child {margin-bottom: 20px;}

    .logistics_swiper .swiper-slide, .crew_swiper .swiper-slide {max-width: 580px;}

    .casting_rental .box li .text_box {padding: 0px 30px;}

    .crew_1 .item_1 > ul,
    .crew_1 .item_2 > ul {flex-wrap: wrap;}
    .crew_1 .item_1 > ul > li,
    .crew_1 .item_2 > ul > li {width: calc(50% - 25px); max-width: 100%; margin-bottom: 30px;}
    .crew_1 .item_1 > ul > li:nth-child(2n),
    .crew_1 .item_2 > ul > li:nth-child(2n) {margin-right: 0;}
    .crew_1 .item_1 {margin-bottom: 30px;}
    .crew_1 .item_2 .director {margin-bottom: 30px;}
    .crew_1 .item_2 h4 {font-size: 18px; font-weight: 700; color: var(--main-color); text-transform: uppercase; margin-bottom: 25px;}

    .crew_2 .profile_box .text_box {height: 80px;}
    .crew_2 .profile_box .profile_pic {width: 80px; height: 80px;}
    .crew_2 .profile_box .text_box p {font-size: 36px;}

    .more_btn_box a span {font-size: 40px;}

    .contact .form_row {margin-bottom: 30px;}
    .contact .form_row .form_col .checkbox {flex-wrap: wrap;}
    .contact .form_row .form_col .checkbox .item {margin-right: 14px; margin-bottom: 14px;}
    .contact .form_row.two_col {flex-direction: column;}
    .contact .form_row.two_col .form_col {width: 100%; margin-right: 0; margin-bottom: 30px;}
    .contact .form_row.two_col .form_col:last-child {margin-bottom: 0;}
}

@media (max-width: 768px) {

    .main_visual .container .text_box .slogan h2 {font-size: 35px; line-height: 1.5;}
    .main_visual .container .text_box .slogan .top {margin-bottom: 30px;}

    .sidebar .box {padding: 120px 50px 100px 50px;}
    .sidebar .box .mo_gnb > ul > li > a {font-size: 24px;}

    .mc_1 .text_box_1 {margin-bottom: 50px;}
    .mc_1 .text_box_1 h3 {font-size: 24px; font-family: var(--sub-font); font-weight: 700;}
    .mc_1 .text_box_1 h3 br {display: none;}
    .mc_1 .mc_1_item {display: none;}
    .mc_1 .text_box_2 article {font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left;}
    .mc_1 .text_box_2 article br {display: none;}

    .mc_1 {padding: 60px 0px;}
    .mc_1 .text_box_1 p {font-size: 15px; margin-bottom: 30px;}

    .mc_2 {padding-bottom: 60px;}
    .mc_2 ul {flex-direction: column;}
    .mc_2 ul li {width: 100%; margin-bottom: 20px; margin-right: 0; padding: 40px;}
    .mc_2 ul li:last-child {margin-bottom: 0;}
    .mc_2 ul li p {font-size: 24px; font-weight: 600;}

    .mc_3 .mc_3_title {margin-bottom: 50px;}
    .mc_3 .mc_3_title h3 {font-size: 45px;}
    .mc_3 ul {flex-direction: column;}
    .mc_3 ul li {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .mc_3 ul li:last-child {margin-bottom: 0;}

    .mc_3 ul li .text_box .title p {font-size: 36px; font-weight: 600;}
    .mc_3 ul li .text_box .title {padding-bottom: 104px;}
    .mc_3 ul li .text_box .title span {font-size: 14px; line-height: 1.5;}
    .mc_3 ul li .text_box article {opacity: 1; font-size: 14px; width:100%;height:auto;min-width:unset;position:relative;top:60px;}

    .mc_3 ul li .text_box { width:100%;padding:40px;left:0;box-sizing:border-box;}

    .mc_3 ul li .bg_box {opacity: 1;}

    .mc_4 {padding: 60px 0px; background: url(/web/img/mc_4_bg_m.jpg) no-repeat center / cover;}
    .mc_4 .box .title {margin-bottom: 30px;}
    .mc_4 .box .title p {font-size: 15px; margin-bottom: 30px;}
    .mc_4 .box .title h3 {font-size: 24px;}
    .mc_4 .box .title h3 br {display: none;}
    .mc_4 .box .item_box {flex-direction: column;}
    .mc_4 .box .item_box .text_box {min-width: 100%;}
    .mc_4 .box .item_box .text_box .global ul li {font-size: 13px;}
    .mc_4 .box .item_box .map {width: 100%; margin-right:0; height: 350px; margin-bottom: 30px;}
    .mc_4 .box .item_box .text_box h4 {margin-bottom: 30px;}
    .mc_4 .box .item_box .text_box .addr {margin-bottom: 30px;}
    .mc_4 .box .item_box .text_box .addr span {font-size: 13px; margin-bottom: 6px;}
    .mc_4 .box .item_box .text_box .addr p {font-size: 15px;}
    .mc_4 .box .item_box .text_box .contact_info {margin-bottom: 30px;}
    .mc_4 .box .item_box .text_box .contact_info li span {font-size: 13px;}
    .mc_4 .box .item_box .text_box .contact_info li p {font-size: 15px;}

    #footer .copyrights {font-size: 13px;}
    #footer .ft_content .ft_main h4 {font-size: 15px; margin-bottom: 10px;}
    #footer .ft_content .ft_main p {font-size: 13px;}
    #footer .ft_content .ft_info .item {margin-bottom: 30px;}
    #footer .ft_content .ft_info .item li {margin-bottom: 10px;}
    #footer .ft_content .ft_info .item li span {font-size: 13px; margin-bottom: 5px;}
    #footer .ft_content .ft_info .item li p {font-size: 15px;}
    #footer .ft_content .ft_info .item .global {margin-top: 20px;}
    #footer .ft_content .ft_info .item .global p,
    #footer .ft_content .ft_info .item .global ul li {font-size: 13px;}
    
    #footer .ft_content .ft_info .family button {font-size: 13px;}
    #footer .ft_content .ft_info .family ul li a span {font-size: 15px;}

    #privacyModal .box {padding: 20px;}
    #privacyModal .title {margin-bottom: 30px;}
    #privacyModal .title h3 {font-size: 15px; line-height: 1.5; font-weight: 700;}
    #privacyModal .title button img {height: 24px;}
    #privacyModal ul li {margin-bottom: 10px;}
    #privacyModal ul li p {font-size: 15px; line-height: 1.5; margin-bottom: 10px; padding-bottom: 10px;}
    #privacyModal ul li article {font-size: 13px;}    

    .sub_banner .video_bg iframe {transform: scale(2.7);}
    .sub_title p {font-size: 34px;}
    .sub_banner .title .subject h2 {font-size: 70px;}

    .location_box ul li {width: 100%; padding: 50px 30px; margin-right:0;}
    .location_box ul li:last-child {margin-bottom: 0;}
    .location_box ul li .box span {font-size: 17px; margin-bottom: 24px; padding-bottom: 24px;}
    .location_box ul li .box p {font-size: 17px; margin-bottom: 24px;}
    .location_box ul li .box article {font-size: 14px;}
    .location_box ul li .box article br {display: block;}
    .location_box ul {margin-bottom: 50px;}
    .location_box .info {text-align: center;}
    .location_box .info span {font-size: 13px; margin-left: 0; padding-left: 0;}
    .location_box .info span::before {display: none;}

    .visa_content > ul > li {padding: 30px;}
    .visa_content > ul > li .img_box {margin-bottom: 20px;}
    .visa_content > ul > li .img_box img {height: 50px;}
    .visa_content > ul > li p {font-size: 24px; margin-bottom: 20px; padding-bottom: 20px;}
    .visa_content > ul > li ul li:first-child {margin-bottom: 0;}
    .visa_content > ul > li ul li {font-size: 14px; margin-left: 0; padding-left: 10px; box-sizing: border-box;}

    .logistics_swiper .swiper-slide {max-width: 75vw;}
    .logistics_swiper .swiper-slide .img_box {margin-bottom: 16px;}
    .logistics_swiper .swiper-slide p {font-size: 20px; margin-bottom: 16px;}
    .logistics_swiper .swiper_arrow {display: none;}
    .logistics_swiper .swiper-slide article {font-size: 14px;}
    .logistics_swiper .swiper-slide article br {display: none;}

    .casting_rental .box li {margin-bottom: 30px;}
    .casting_rental .box li .text_box {padding: 0px 10px; top: -13px;}
    .casting_rental .box li .text_box p {font-size: 20px; margin-bottom: 10px;}
    .casting_rental .box li .text_box article {font-size: 13px;}
    .casting_rental .box li .text_box article br {display: none;}
    .casting_rental .box li .img_box img {filter: grayscale(0);}

    .crew_1 .item_1 > ul > li .img_box {margin-bottom: 20px;}
    .crew_1 .item_1 > ul > li p,
    .crew_1 .item_2 > ul > li a p {font-size: 17px; margin-bottom: 6px;}
    .crew_1 .item_1 > ul > li span,
    .crew_1 .item_2 > ul > li a span {font-size: 13px; margin-bottom: 6px;}
    .crew_1 .item_1 > ul > li ul li,
    .crew_1 .item_2 > ul > li a ul li {font-size: 13px; font-weight: 400;}
    .crew_1 .item_2 ul li > a i {margin-top: 20px; width: 36px; height: 36px;}

    .crew_1 .item_1 > ul > li, .crew_1 .item_2 > ul > li {width: calc(50% - 12px); margin-right: 23px;}

    .crew_2 .profile_box {margin-bottom: 30px; padding-bottom: 30px;}
    .crew_2 .profile_box .text_box {height: 50px;}
    .crew_2 .profile_box .profile_pic {width: 50px; height: 50px; margin-right: 20px;}
    .crew_2 .profile_box .text_box p {font-size: 24px;}
    .crew_2 .profile_box .text_box span {font-size: 15px;}

    .crew_swiper {margin-bottom: 30px;}
    .crew_swiper .swiper-slide {max-width: 300px;}
    .crew_swiper .swiper-slide a .iframe_box {margin-bottom: 20px;}
    .crew_swiper .swiper-slide p {font-size: 15px; font-weight: 400; line-height: 1.5;}

    .more_btn_box a span {font-size: 20px;}

    .contact form {padding: 24px;}
    .contact .subject {font-size: 18px; margin-bottom: 10px;}
    .contact .form_row .form_col .checkbox .item .checkbox_text {font-size: 13px;}
    .contact .form_row {margin-bottom: 20px;}
    .contact .form_row .form_col input[type="text"], .contact .form_row .form_col input[type="tel"], .contact .form_row .form_col input[type="email"] {font-size: 13px; padding: 14px; height: 50px;}
    .contact .form_row.two_col .form_col .select_box .custom_select .value {font-size: 13px; padding: 14px; height: 50px;}
    .contact .form_row.two_col .form_col .select_box .custom_select .select_dropdown {top: 50px;}
    .contact .form_row.two_col .form_col .select_box .custom_select .select_dropdown li {font-size: 13px;}
    .contact .form_row.two_col .form_col .date_box span {font-size: 13px;}
    .contact .form_row.two_col .form_col .date_box .item input[type="date"] {font-size: 13px; padding: 14px; height: 50px; background-size: 16px;}
    .contact .form_row.two_col .form_col .date_box .item{width:calc(50% - 14px);}
    .contact .form_row .form_col .textarea textarea {font-size: 13px; padding: 14px;}
    .contact .form_row .form_col .link_text input {background-position: left 14px center; background-size: 16px; padding: 14px 14px 14px 36px;}
    .contact .form_row .form_col .custom_file .upload-name {font-size: 13px; padding: 14px; height: 50px; margin-right: 10px;}
    .contact .form_row .form_col .custom_file label {padding: 14px; height: 50px;}
    .contact .form_row .form_col .custom_file label img {height: 16px; margin-right: 6px;}
    .contact .form_row .form_col .custom_file label span {font-size: 13px; white-space: nowrap;}
    .contact .privacy {padding-top: 20px; margin-top: 20px; margin-bottom: 20px;}
    .contact .privacy article {padding: 14px; font-size: 13px;}
    .contact .btn_box button {font-size: 15px; padding: 20px; height: 50px; width: 100%;}

}

@media (max-width: 360px) {
    #footer .copyrights {flex-direction: column; align-items: flex-start;}
    #footer .copyrights a {margin-right:0; margin-bottom: 15px;}

    .sub_banner .title .subject h2 {font-size: 60px;}
}