/* *{font-family: 'Montserrat', 'Spoqa Han Sans Neo', 'sans-serif', sans-serif; box-sizing:border-box;} */ /* 서브 공통 */ .pc{display:block;} .mob{display:none;} .sub_visual{height: 550px; /* height: 750px; */ background:url("/img/sub/sub_vis_img.png") no-repeat center / cover; display:flex; flex-direction:column; justify-content:center; padding: 50px 50px 0;} .sub_visual.bg2{background:url("/img/sub/sub_vis_img2.png") no-repeat center / cover;} .sub_visual.bg3{background:url("/img/sub/sub_vis_img3.png") no-repeat center / cover;} .sub_visual.bg4{background:url("/img/sub/sub_vis_img4.png") no-repeat center / cover;} .sub_vis_txt{max-width:1820px; width:1130px; margin:0 auto;} .sub_vis_txt .logo{width: 221px;} .sub_vis_txt h2{font-size: 90px; font-weight: 700; color:#fff; margin-top:5px;} .sub_menu {border-bottom: 1px solid #ccc; height: 100px; text-align: center;} .sub_menu ul {display: inline-block; position: relative;} .sub_menu ul:after {content: ""; display: block; clear: both;} .sub_menu ul li {position: relative; float: left; width: 450px; height: 100px;} .sub_menu ul li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 25px; background: #e5e5e5;} .sub_menu ul li.active:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #000;} .sub_menu ul li.active a {color: #000;} .sub_menu ul li a {position: relative; display: block; line-height: 100px; color: #757575; font-size: 22px; font-weight: 700;} .sub_mob_menu {display: none;} .sub_menu2 ul{display:flex; max-width:1460px; margin:0 auto;} .sub_menu3 ul li{width:33.33% !important;} #sub_content {padding: 90px 50px;} .sub_inner {max-width: 1820px; margin: 0 auto;} .s_inner {max-width: 1820px; margin: 0 auto;} .sub_title {text-align: center; font-size: 40px; font-weight:400;} .g_model_title {text-align: center; font-size: 45px; font-weight:400;} /* #sub_wrap {margin-top: 90px;} */ /* model list */ .mob_filter_btn{display:none;} .mob_filter{display:none;} .mod_list_wrap{display:flex;} .mob_filter_close{display:none;} .filter_inner .filter_tp{display:none;} .filter_wrap{width:420px; padding:0 30px 0 40px; border-right:1px solid #E7E7E7;} .filter_inner{position:sticky; top:115px; left:0; width:100%; height: 85vh; overflow-y: scroll; padding-right:50px; padding-bottom: 70px;} .filter_inner::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */} .filter_inner::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .filter_inner::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .filter_inner dl + dl{margin-top:70px;} .filter_inner dt{font-size: 16px; font-weight: 700; margin-bottom:20px;} .filter_inner dd{display:flex; flex-wrap:wrap; gap:10px;} .filter_inner dd > span{display:inline-block; font-size: 12px; font-weight: 500; padding: 7px 20px; border-radius: 30px; border: 1px solid rgba(0,0,0,0.2); cursor:pointer; color: #6d6d6d;} .filter_inner dd > span.on{color:#fff; background:#000;} .filter_inner dd.kr > span{font-family: "Spoqa Han Sans Neo";} .filter_inner dd .bar_wrap{width:100%; display:flex; align-items:center ; justify-content:space-between;} .filter_inner dd .bar_wrap em{font-size: 14px; font-weight: 500;} .filter_inner .srh_btn{display:none;} .irs-single {display: none !important;} .start {width: 400px;} .range-slider {position: relative; display: revert !important; width: 100%;} .extra-controls {position: relative; padding:0; height: 19px; overflow: hidden; margin: 0; clear: both; width: 100%; display: flex; align-items: center; justify-content: space-between;} .extra-controls.unminimised {position: relative; border-top: 1px solid #eee; border-bottom: 3px solid #ccc; padding: 1em 0 0; height: 4em; margin: 1em 0 2.5em 0;} .extra-controls input {border: 0; width: 30px; height: 100%; padding: 0; font-size: 12px !important; font-weight: 500 !important; color: var(--gray-color) !important;} .extra-controls input:first-of-type {text-align: left;} .extra-controls input:last-of-type {text-align: right;} .irs {height: 13px !important; margin-top: 11px;} .inp {font-size: 18px; width: 40px; text-align: center; padding: 5px;} .inp {width: 40%} .irs-slider.to:before { position: absolute; display: block; content: ""; top: -120%; left: -20%; width: 150%; height: 256%; background: rgba(0,0,0,0.0);} .irs-from, .irs-to, .irs-min, .irs-max {display: none !important; background: transparent !important;} .irs-bar {background: #000 !important; height: 5px !important;} .irs-bar, .irs-line {top: 0 !important;} .irs-line-mid, .irs-line-left, .irs-line-right {background: #D9D9D9 !important; height: 6px !important;} .irs-slider {width: 13px !important; height: 13px !important; border-radius: 100%; background: #000 !important; display: block !important; top: -3.5px !important; cursor: pointer !important;} .mod_list_cont{width:calc(100% - 420px); padding:0 50px 70px;} .mod_list{display:flex; flex-wrap:wrap; gap: 90px 1.04%;} .mod_list li{position:relative; height: fit-content; font-size:0; width: 24.22%; overflow: hidden;} .mod_list li .m_ic{position:absolute; right:-1px; top:-1px; background:url("/img/icon/mod_ic.svg") no-repeat center / 100%; display:block; width: 45px; height: 45px; z-index: 10; cursor:pointer;} .mod_list li .m_ic.on{background-image:url("/img/icon/mod_ic_on.svg");} .mod_list li a{display:block; height:100%;} .mod_list li a .img_wrap{position:relative; height: 23.40vw;} .mod_list li a .img_wrap.grey:before{content:''; display:block; width:100%; height:100%; background:rgba(195, 195, 195, 0.70); position:absolute; top:0; z-index:5;} .mod_list li a .img_wrap img{width:100%; height:100%; object-fit:cover;} .mod_list li .ov_wrap{position:absolute; left:20px; bottom:30px; z-index:10; display:none; width:88%;} .mod_list li .ov_wrap dl{font-size: 14px; color:#fff; display:flex; gap:25px;} .mod_list li .ov_wrap dl + dl{margin-top:10px;} .mod_list li .ov_wrap dt{width:56px;} .mod_list li .ov_wrap dd{font-weight: 600; width:calc(100% - 56px - 25px);} .mod_list li p, .mod_list li .name{font-size: 26px; font-weight: 600; margin-top:30px; text-align:center;} .mod_list li a .img_wrap:hover:before{position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.50);} .mod_list li a .img_wrap:hover .ov_wrap{display:block;} .mod_list li .name{display: flex; align-items: center; justify-content: center; gap: 20px;} .mod_list li .name .sns{display: flex; align-items: center; gap: 8px;} .mod_list li .name .sns a{width: 20px; display: block;} .mod_list li .name .sns a img{width: 100%;} /* model view */ .g_model_stay{font-size: 25px; text-align: center; margin-top:25px;} .g_model_stay span + span{margin-left:15px;} .mod_view_wrap{display:flex; margin-top:75px;} .profile_wrap{padding-right:30px;} .profile_inner{max-width: 340px; max-height:80vh; overflow-y:auto; position:sticky; top:100px; padding-right:30px; box-sizing: content-box; padding-bottom: 40px;} .profile_inner::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */} .profile_inner::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .profile_inner::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .profile_slide_wrap{position:relative;} .pro_slide_arrow{display:flex; justify-content:center; align-items:center; background: rgba(0, 0, 0, 0.60); cursor:pointer; position:absolute; right:0; bottom:0; z-index:10;} .pro_slide_arrow > div{width: 15px; padding:10px 10px; box-sizing: content-box;} .profile_cont.mob{display:none;} .profile_cont{margin:32px 0;} .profile_cont li{padding-bottom:20px; border-bottom:1px solid #E7E7E7;} .profile_cont li + li{padding-top:20px;} .profile_cont li .tit_wrap{display:flex; justify-content:space-between; align-items:center;} .profile_cont li .tit_wrap .unit{display:flex; align-items:center; gap:5px;} .profile_cont li .tit_wrap .unit span{font-size: 12px; font-weight: 500; color:#BEBEBE; cursor:pointer;} .profile_cont li .tit_wrap .unit span.on{color:#000;} .profile_cont li .tit_wrap .unit img{width: 20px;} .profile_cont li .tit_wrap2{display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px;} .profile_cont li .tit_wrap2 .tit{display: inline-block; min-width: 118px;} .profile_cont li .tit_wrap2 .tit.insta{letter-spacing: 0.07em;} .profile_cont li .tit_wrap2 span{font-size: 14px;} .profile_cont li .tit{font-size: 16px; font-weight: 800;} .profile_cont li .det_wrap{display:flex; flex-wrap:wrap; margin-top:10px;} .profile_cont li .det_wrap .item{display:flex; gap:20px; width:50%; font-size: 14px; line-height:2;} .profile_cont li .det_wrap .item .lt{min-width:56px;} .profile_cont li .det_wrap .item .rt{font-weight: 600;} .profile_cont li .car_wrap{margin-top:10px; max-height: 90px; overflow:auto; margin-top:15px;} .profile_cont li .car_wrap::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */} .profile_cont li .car_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .profile_cont li .car_wrap::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .profile_cont li .car_wrap dl{display:flex; font-size: 14px; gap:25px;} .profile_cont li .car_wrap dl + dl{margin-top:10px;} .profile_cont li .car_wrap dt{font-weight: 600; min-width:57px;} .profile_cont li.sns .tit_wrap2{display: flex; align-items: center; gap: 20px;} .profile_cont li .sns{display: flex; align-items: center; gap: 10px;} .profile_cont li .sns a{width: 20px;} .profile_cont li .sns a img{width: 100%;} .profile_btn{text-align: center;} .profile_btn button{display:inline-block; width:100%; text-align:center; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 30px; border: 1px solid #000; background:none; margin-top:10px;} .profile_btn a{display:inline-block; width:100%; text-align:center; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 30px; border: 1px solid #000; background:none;} .profile_btn a i{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/img/sub/comp_down_ic.png") no-repeat center / 100%; margin-left:10px;} .mod_view{width: calc(100% - 400px);} .mod_slide_wrap{margin-bottom:75px; font-size:0;} .mod_slide_btn{margin-top:30px; display:flex; justify-content:center; align-items:center; gap:25px;} .mod_slide_btn .slide_arrow{width: 20px; cursor:pointer;} .mod_slide_btn .swiper-pagination{font-size: 18px; color:#000; position: initial; width:auto; margin-top:-3px;} .mod_slide_btn .swiper-pagination-current{font-weight: 700;} .mod_bt{border-top:1px solid #000; padding:40px 0; display:flex; justify-content: space-between;} .mod_bt .title{width:200px;} .mod_bt .title strong{font-size: 16px; font-weight: 800;} .mod_bt .arrow{ display:flex; gap:20px; margin-top:20px;} .mod_bt .arrow > div{font-size: 12px; font-weight: 500; display:flex; align-items:center; gap:5px; cursor:pointer;} .mod_bt .arrow > div img{width: 15px;} .mod_bt .swiper{width:calc(100% - 200px); margin:0 -10px;} .mod_bt .swiper .slick-track{margin:0;} .mod_bt .swiper-slide{padding:0 10px;} .mod_bt .swiper-slide a{display:block; font-size: 0; position:relative;} .mod_bt .swiper-slide a img{width:100%; height:100%; object-fit:cover;} .mod_bt .mod_slide_wrap2 a .video_btn{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 45px; height: 45px; background:url("/img/sub/video_play.svg") no-repeat center / 100%; z-index:10;} .mod_bt .mod_slide_wrap3 p{font-size: 18px; font-weight: 600; text-align:center; margin-top:20px;} .videoPop.open{display:block;} .videoPop{display:none;z-index:9900; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);} .videoPop .video_content{padding:0; width:80%; height:80%; max-width:calc(100% - 100px); max-height: calc(100% - 88px); overflow:visible; background:#fff; transform:translate(-50%, -50%); position:absolute; left:50%; top:50%;} .videoPop .video_content iframe{position:relative; width:100%; height:100%; } .videoPop .video_content .popup_close{display:block; color:#fff; width: 20px; height:20px; background:url("/img/icon/pop_close_w.svg") no-repeat center / 100%; position:absolute; top:-40px; right:0;} .profile_slide .slide{height:420px;} .profile_slide .slide img{width:100%; height:100%; object-fit:cover;} .mod_slide .swiper-slide{height:867px;} .mod_slide .swiper-slide img{width:100%; height:100%; object-fit:cover;} .mod_slide_wrap2 .swiper-slide a{height:185px;} .mod_slide_wrap3 .swiper-slide a .img{height:348px;} /* selected model */ .sel_slide_wrapper{position:relative; max-width: 1480px; margin:0 auto;} .sel_slide_wrapper .sel_arrow > div{position:absolute; top:50%; transform:translateY(-50%); width: 35px; cursor:pointer;} .sel_slide_wrapper .sel_arrow > div img{width:100%;} .sel_slide_wrapper .sel_arrow .prev{left:-75px;} .sel_slide_wrapper .sel_arrow .next{right:-75px;} .sel_slide .swiper-slide{position:relative; height:345px; margin:0 10px;} .sel_slide .swiper-slide img{width:100%; height:100%; object-fit:cover;} .sel_slide .swiper-slide .sel_delete{position:absolute; width: 17px; height: 17px; background:url("/img/icon/pop_close_w.svg") no-repeat center / 100%; top:15px; right:15px; cursor:pointer;} .detail_info{max-width: 1250px; margin: 120px auto 0;} .detail_info .title{font-size: 20px; font-weight: 800;} .detail_info .cont{padding:70px 0; border-top:1px solid #E7E7E7;} .detail_info .cont1{padding:55px 0 70px; border:none;} .detail_info .cont li{display:flex; justify-content:space-between;} .detail_info .cont li.type2{justify-content:flex-start; gap:50px;} .detail_info .cont li.full_width{width:100%; display:block;} .detail_info .cont li + li{margin-top:40px;} .detail_info .cont li dl.half_width{width:48.3%;} .detail_info .cont li dt{font-size: 16px; font-weight: 500; margin-bottom:10px; padding-left: 30px;} .detail_info .cont li dt span{font-size: 14px; color: #484747; font-weight: 300; margin-left:10px;} .detail_info .cont li dd .input + .input{margin-left:7px;} .detail_info .cont li dd .check_wrap{margin-top:25px;} .detail_info .cont li dd .check_wrap span + span{margin-left:100px;} .detail_info .cont li dd .check_wrap label{margin-left:5px; font-size:16px;} .detail_info .btn_wrap{text-align: center;} .detail_info .btn_wrap input{font-size: 16px; font-weight: 800; color:#fff; display:inline-block; width: 140px; line-height: 55px; text-align: center; border-radius: 50px; background:#000; border:none;} i.req{color:#DF001A;} input[type='date']{color:#8E8E8E; background:url("/img/icon/cal_ic.svg") no-repeat right 20px center / 24px !important; position: relative;} input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer; } input[type='date']::before {content: attr(data-placeholder); width: 100%;} input[type='date']:focus::before, input[type='date']:valid::before {display: none;} select{background: #fff url("/img/icon/sel_ic.svg") no-repeat right 20px center / 11px !important; appearance:none; color:#8E8E8E;} select option{color:#000;} .sel_mod_wrap .input, .sel_mod_wrap .select{font-size:14px;} .sel_mod_wrap .detail_info .cont li dd .check_wrap label{font-size:14px;} /* creative artist list */ .cre_list_wrap{max-width:1460px; margin:0 auto;} .cre_list:after{content:''; display:block; clear:both;} .cre_list{margin:-22px;} .cre_list li{float:left; margin:21px; font-size:0; position:relative; width: 47.2%;} .cre_list li img{width:100%;} /* .cre_list li .txt_wrap{position:absolute; top:0; padding:35px 40px;width:100%; height: 310px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%); color: #FFF; line-height:1.3;} */ .cre_list li .txt_wrap{position:absolute; bottom:0; padding:35px 40px;width:100%; height: 310px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%); color: #FFF; line-height:1.3; display: flex; flex-direction: column; justify-content: flex-end;} .cre_list li .txt_wrap .job{font-size: 16px; font-weight: 500;} .cre_list li .txt_wrap .en_name{font-size: 30px; font-weight: 700; margin-top:5px;} .cre_list li .txt_wrap .kr_name{font-size: 20px; margin-top:7px;} /* 250414 수정 */ .cre_list_new{display: flex; flex-direction: column; gap: 100px;} .cre_list_new > li{display: flex; align-items: flex-start; gap: 75px; width: 100%;} .cre_list_new > li:nth-child(even){flex-direction: row-reverse;} .cre_list_new > li .img{aspect-ratio: 71/89; width: 710px;} .cre_list_new > li .img img{width: 100%; height: 100%; object-fit: cover;} .cre_list_new > li .txt{width: calc(100% - 75px - 710px); padding-top: 77px;} .cre_list_new > li .txt .tit_wrap{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 40px; border-bottom: 1px solid #000;} .cre_list_new > li .txt .tit_wrap .title .job{font-size: 16px; font-weight: 500; line-height: 1.62;} .cre_list_new > li .txt .tit_wrap .title .en_name{margin: 5px 0; font-size: 30px; font-weight: 700; line-height: 1.33;} .cre_list_new > li .txt .tit_wrap .title .kr_name{font-size: 20px; line-height: 1.5; font-family: "Spoqa Han Sans Neo";} .cre_list_new > li .txt .tit_wrap .view_btn{padding: 0 21px; line-height: 55px; border-radius: 50px; background: #000; color: #fff; font-size: 16px; font-weight: 800; display: inline-block;} .cre_list_new > li .txt .info{padding-top: 40px;} .cre_list_new > li .txt .info > strong{font-size: 20px; line-height: 1.5;} .cre_list_new > li .txt .info .cont{display: flex; align-items: flex-start; margin-top: 30px; max-height: 480px; overflow-y: auto;} .cre_list_new > li .txt .info .cont::-webkit-scrollbar {width: 3px; /* 스크롤바의 너비 */} .cre_list_new > li .txt .info .cont::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #6D6D6D; /* 스크롤바의 색상 */ border-radius: 10px;} .cre_list_new > li .txt .info .cont::-webkit-scrollbar-track {background: #E3E3E3; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .cre_list_new > li .txt .info .cont > div{width: 50%; padding-right: 30px;} .cre_list_new > li .txt .info .cont .filmo + .filmo{margin-top: 40px;} .cre_list_new > li .txt .info .cont .filmo .tit{font-size: 16px; font-weight: 800; line-height: 1.62; margin-bottom: 10px;} .cre_list_new > li .txt .info .cont .filmo .list li{font-size: 14px; line-height: 2; display: flex; align-items: flex-start;} .cre_list_new > li .txt .info .cont .filmo .list li .year{font-weight: 600; min-width: 60px;} .cre_list_new > li .txt .info .cont .filmo .list li span{display: block;} /* creative artist list2 */ .cre_title{text-align: center; margin-bottom:60px;} .cre_title em{font-size: 20px; font-weight: 500;} .cre_title em span{color:#8E8E8E;} .cre_title h3{font-size: 40px; font-weight: 700; margin-top:10px;} .cre_cate{display:flex; justify-content:center; gap:30px; margin-bottom:60px;} .cre_cate li a{font-size: 20px; font-weight: 500; color:#8E8E8E;} .cre_cate li a.active{font-weight: 700; color: #000;} .clearfix:after{content:''; display:block; clear:both;} .cre_list2{margin:-12.5px;} .cre_list2 li{float:left; margin:11.5px; font-size:0; position:relative; width: 31.7%;} .cre_list2 li img{width:100%;} .cre_list2 li .txt_wrap{position:absolute; bottom:0; padding:27px 20px; width:100%; height: 310px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); color: #FFF; line-height:1.3; font-size: 18px; font-weight: 700; word-break:keep-all; display:flex; align-items:flex-end;} /* creative artist list3 */ .slide-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index:10000;} .slide_pop_inner{position:relative; width:800px; max-height: 800px; margin:0 auto; height: 100%; top: 50%; transform: translateY(-50%);} .pop_slide_wrap {position: absolute; width: 600px; max-height: 800px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;} .pop_slide {position: relative; left: 0; width: 900%; align-items: center; display:flex;} .pop_slide li{width: 600px;} .pop_slide li img{width: 100%;} .pop_arrow > div {position: absolute; width: 60px; height: 60px; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 9;} .pop_arrow .prev{left:0;} .pop_arrow .next{right:0;} .slide_pop_close{position:absolute; top:30px; right:30px; z-index: 100; width: 20px; cursor: pointer;} /* recruit list */ .recruit_list{display:flex; flex-wrap:wrap; gap:45px 2.49%;} .recruit_list li{width:31.67%; cursor:pointer;} .recruit_list li a{height: 100%; display:flex; flex-direction:column; justify-content:space-between; padding:50px; border: 1px solid #E7E7E7; background: #FFF; position:relative;} .recruit_list li .tp{font-family: 'Spoqa Han Sans Neo';} .recruit_list li .tp .career{display:inline-block; font-size: 19px; font-weight: 500; border-radius: 50px; background: #E7E7E7; padding:0 30px; line-height:48px;} .recruit_list li .tp .title{font-size: 25px; font-weight: 500; margin-top:20px; line-height:1.3; word-break:keep-all;} .recruit_list li .tp .period{font-size: 21px; color: #484747; margin-top:25px;} .recruit_list li .tp .period span + span{font-weight: 500; color:#000; margin-left:25px; position:relative;} .recruit_list li .tp .period span + span:before{content:''; display:block; width:1px; height:15px; background: #E7E7E7; position:absolute; left:-13px; top:50%; transform:translateY(-50%);} .recruit_list li .date{display:inline-block; margin-top:95px; font-size: 21px; color: #484747; font-family: 'Spoqa Han Sans Neo';} .recruit_list li:hover a{border-color:#000;} .recruit_list li:hover a:before{content:''; display:block; width:100%; height:100%; background:none; border: 2px solid #000; position:absolute; top:0; left:0; box-sizing:border-box;} .recruit_list li:hover .tp .career{background:#000; color:#fff;} /* recruit view */ .recruit_wrap{display:flex;} .apply_wrap{width:510px; border-right:1px solid #E7E7E7;} .apply_inner{position:sticky; top:50px; max-width: 450px; max-height:90vh; overflow-y:auto; padding-right:20px; box-sizing:content-box;} .apply_inner::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */} .apply_inner::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .apply_inner::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .apply_inner .title strong{font-size: 35px; font-weight: 600;} .apply_inner .title p{font-size: 18px; margin-top:10px;} .apply_inner .title.mob{display:none;} .apply_inner .detail_info{max-width:initial; margin:0;} .apply_inner .detail_info .mob{display:none;} .apply_inner .detail_info .cont{padding:65px 0 25px; border:none;} .apply_inner .detail_info p.unit{font-size: 14px; font-family: "Spoqa Han Sans Neo"; font-weight: 300; color:#6D6D6D; text-align:right; margin-top:10px;} .apply_inner .detail_info .file_wrap .file{display:flex; justify-content:space-between;} .apply_inner .detail_info .file_wrap .file .txt strong{font-size: 20px; font-weight: 500;} .apply_inner .detail_info .file_wrap .file .txt p{font-size: 16px; font-weight: 300; color: #484747; font-family: "Spoqa Han Sans Neo"; margin-top:15px;} .apply_inner .detail_info .file_wrap .file .btn{position:relative; cursor:pointer;} .apply_inner .detail_info .file_wrap .file .btn input{position:absolute; top:0; left:0; width: 140px; height: 45px; opacity:0; cursor:pointer;} .apply_inner .detail_info .file_wrap .file .btn .button{ font-size: 16px; font-weight: 700; color:#fff; font-family: "Spoqa Han Sans Neo"; border-radius: 50px; background: #8E8E8E; width: 140px; line-height: 45px; text-align:center;} .apply_inner .detail_info .file_wrap .file-value{font-size: 18px; color: #333; font-weight: 400; border-radius: 50px; background: #F5F5F5; width:100%; line-height:50px; display:block; font-family: 'Pretendard'; padding-left:60px; position:relative; margin-top:25px;} .apply_inner .detail_info .file_wrap .file-value:before{content:''; display:block; width: 16px; height: 16px; background:url("/img/icon/file_ic.svg") no-repeat center / 100%; position:absolute; left:30px; top:50%; transform:translateY(-50%);} .apply_inner .detail_info .file_wrap .file-value:after{content:''; display:block; width: 12px; height: 12px; background:url("/img/icon/pop_close.svg") no-repeat center / 100%; position:absolute; right:30px; top:50%; transform:translateY(-50%);} .apply_inner .detail_info .file_wrap .red{font-size: 14px; font-weight: 300; color:#DF001A; margin-top:15px; font-family: "Spoqa Han Sans Neo";} .apply_inner .detail_info .check_wrap{margin-top:25px;} .apply_inner .detail_info .check_wrap label{font-size: 16px; font-weight: 700; display:inline-block; vertical-align:middle; margin-left:5px;} .apply_inner .detail_info .check_wrap span{font-size: 14px; color:#6D6D6D; margin-left:10px; cursor:pointer;} .apply_inner .detail_info .btn_wrap{margin-top:70px;} .input.ap1{width:200px;} .input.ap2{width:230px;} .radio_wrap span + span{margin-left:30px;} input[type="radio"]{width: 20px; height: 20px; border:1px solid #AAA; appearance:none; border-radius:50%; display:inline-block; vertical-align:middle;} input[type="radio"]:checked{border:6px solid #000;} input[type="radio"] + label{font-size: 16px; font-weight: 500; display:inline-block; vertical-align:middle; margin-left:5px;} .recruit_info{padding-left:65px; width:calc(100% - 560px); box-sizing: content-box;} .recruit_info .item{display:flex; padding:60px 0;} .recruit_info .item + .item{border-top:1px solid #E7E7E7;} .recruit_info .item1{display:block !important; padding:0 !important;} .recruit_info .item2{border:none !important;} .recruit_info .item .lt{font-size: 26px; font-weight: 700; font-family: "Spoqa Han Sans Neo"; width:300px;} .recruit_info .item .rt{width:calc(100% - 300px);} .recruit_info .item1 .lt{width:100% !important;} .recruit_info .item1 .rt{width:100% !important; margin-top:30px;} .rec1_box{background: #F5F5F5; padding:55px 50px; font-family: "Spoqa Han Sans Neo";} .rec1_box .title{font-size: 22px; font-weight: 700; margin-bottom:40px;} .rec1_box .cont{display:flex;} .rec1_box .cont dl:first-of-type{width:55%;} .recruit_info dl{font-family: "Spoqa Han Sans Neo";} .recruit_info dt{font-size: 20px; font-weight: 700; text-decoration: underline; margin-bottom:15px;} .recruit_info dd{font-size: 18px; color: #484747; padding-left:13px; position:relative; line-height:1.5; word-break:keep-all;} .recruit_info dd b{font-weight: 700;} .recruit_info dd:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#484747; position:absolute; left:0; top:9px;} .recruit_info p{font-size: 18px; color: #484747; line-height:1.5; word-break:keep-all; font-family: "Spoqa Han Sans Neo";} .rec_ic_list{display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px 0;} .rec_ic_list li{display:flex; align-items:center; gap:30px;} .rec_ic_list li:nth-child(odd){width:54%;} .rec_ic_list li:nth-child(even){width:46%;} .rec_ic_list li .icon{width: 110px;} .rec_ic_list li .icon img{width:100%;} .rec_ic_list li dl{width:calc(100% - 110px);} .rec_ic_list li dd{padding:0;} .rec_ic_list li dd:before{display:none;} .rec_ic_list2{display:flex; margin-bottom:30px; gap:110px;} .rec_ic_list2 li .icon{width: 130px; height: 130px; border:1px solid #000; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;} .rec_ic_list2 li .icon:after{content:''; display:block; width: 40px; height: 40px; background:url("/img/icon/rec_ic_list2_arrow.svg") no-repeat center / 100%; position:absolute; right:-80px; top:50%; transform:translateY(-50%);} .rec_ic_list2 li:last-child .icon{background:#000;} .rec_ic_list2 li:last-child .icon:after{display:none;} .rec_ic_list2 li .icon img{width: 50px;} .rec_ic_list2 li .txt{margin-top:25px; text-align:center; color: #484747; font-family: "Spoqa Han Sans Neo";} .rec_ic_list2 li .txt .step{font-size: 16px;} .rec_ic_list2 li .txt .title{font-size: 24px; font-weight: 700; margin-top:10px;} /* select */ .select {width: 100%; height: 50px; line-height: 50px; border-radius: 50px; border: 1px solid rgba(0,0,0,0.2); font-size: 14px; font-weight: 500; position:relative; background:#fff; color:#8E8E8E;} .select .selected {display: flex; justify-content: space-between; padding:0 30px; cursor:pointer;} .select .selected .arrow {width: 12px; background: url("/img/icon/sel_ic.svg") no-repeat center / contain;} .select.active .selected .arrow{transform:rotate(180deg);} .select .option_wrap {width: calc(100% + 2px); display: none; position: absolute; border-top: none; margin: 10px 0 0 -1px; cursor: pointer; z-index:10; /* padding: 5px 10px 5px 0; */ border:1px solid rgba(0,0,0,0.2); border-radius: 15px; background: #FFF; overflow: hidden;} /* .select ul {max-height:225px; overflow-y: auto;} */ .select ul::-webkit-scrollbar {width: 3px; /* 스크롤바의 너비 */} .select ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .select ul::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .select.active .selected{border:none;} .select.active .option_wrap {display: initial;} .select ul li {line-height:50px; padding-left: 20px; font-family: "Spoqa Han Sans Neo"; color: #AAA; font-weight: 500;} .select ul li + li{margin-top:0 !important;} .select ul li:hover{background: #EFEFEF; color:#000;} .select.on{display:block;} /* 팝업 */ .popup_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000} .popup_wrap.on{display:block;} .popup_bg{position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.50);} .popup_inner{position:absolute; background: #FFF; width: 600px; top:50%; left:50%; transform:translate(-50%, -50%); padding:45px 40px 80px;} .pop_tit{display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #E3E3E3; margin-bottom:30px;} .pop_tit h4{font-size: 23px; font-weight: 800;} .popup_close{cursor:pointer;} .pop_cont{max-height: 320px; overflow-y:auto; padding-right:25px;} .pop_cont .score{font-size: 20px; font-weight: 800; border-radius: 10px; border: 1px solid #D9D9D9; padding:15px; display:flex; align-items:center; justify-content:center; gap:10px;} .pop_cont .score strong{font-size: 40px; color:#6DB12F; display:inline-block;} .pop_cont .result{margin-top:35px;} .pop_cont .result .title{font-size: 22px; font-weight: 800; margin-bottom:20px;} .pop_cont .result p{font-size: 18px; font-weight: 500; color: #999; line-height:1.4; word-break:keep-all;} .pop_cont .result p + p{margin-top:15px;} .pop_cont::-webkit-scrollbar {width: 3px; /* 스크롤바의 너비 */} .pop_cont::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .pop_cont::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .popup_wrap .btn_wrap{padding-top:50px; margin-top:20px; position:relative; text-align:center;} .popup_wrap .btn_wrap:before{content:''; display:block; width:500px; height:1px; background: #E3E3E3; position:absolute; top:0; left:0;} .popup_wrap .btn_wrap a{display:inline-block; font-size: 24px; font-weight: 700; color:#fff; padding: 20px 50px; border-radius:50px; background: #6DB12F;} .wh1{width:250px;} .wh2{width:270px;} .wh3{width:300px;} .wh4{width:350px;} .wh5{width:400px;} .wh6{width:450px;} .wh7{width:295px;} .input.full{width:100%;} /* 완료 페이지 */ .completion{text-align:center; font-family: "Spoqa Han Sans Neo";} .completion .icon{margin-bottom:25px;} .completion .icon img{width: 48px;} .completion strong{font-size: 24px; letter-spacing: -0.72px;} .completion p{font-size: 18px; color:#BEBEBE; margin-top:10px;} .completion .btn{font-size: 16px; font-weight: 800; color:#fff; display:inline-block; width: 140px; height: 55px; line-height: 55px; text-align: center; margin-top:20px; border-radius: 50px; background: #000;} /* apply write */ .dpp_w_form.apply{border:none; margin:-20px 0;} .dpp_w_form.apply > ul{display:flex; flex-wrap:wrap; justify-content:space-between;} .dpp_w_form.apply > ul > li{width:32%; padding:20px 0; border:none;} .dpp_w_form.apply > ul > li.full{width:100%;} .dpp_w_form.apply > ul > li.dpp_w_file{width:48.5%;} .dpp_w_form.apply .dpp_w_td{display:block; padding:0; width:100%; margin-bottom:10px; padding-left:20px;} .dpp_w_form.apply .dpp_w_td label:before{display:none;} .dpp_w_form.apply .dpp_w_td label{font-size: 16px; font-weight: 500;} .dpp_w_form.apply .dpp_w_td label span{font-size: 14px; font-weight: 300; color: #484747; font-family: "Spoqa Han Sans Neo"; margin-left:15px;} .dpp_w_form.apply .dpp_w_td label span .req{color:#DF001A; font-style:initial;} .dpp_w_form.apply .dpp_w_input{display:block; padding:0; font-size:14px;} .dpp_w_form.apply .dpp_w_input.lt_padding{padding-left:20px;} .dpp_w_form.apply .dpp_w_input.size{display:flex; gap:20px;} .dpp_w_form.apply .dpp_w_input.size .dd_input{width:30%;} .dpp_w_form.apply .dpp_w_input.size .dd_input2{width:40%;} .dpp_w_form.apply .dpp_w_input .select ul li{border:none;} .dpp_w_form.apply .dpp_w_input input::placeholder{color:#8E8E8E;} .dpp_w_form.apply .dpp_w_input textarea::placeholder{color:#8E8E8E;} .dpp_w_form.apply .dpp_w_input textarea{padding:20px;} .dpp_w_form.apply .dpp_w_input input, .dpp_w_form textarea{font-size:14px;} .dpp_w_form.apply .dpp_w_input .checkbox{margin-left:25px; font-size:14px;} .dpp_w_form.apply .dpp_w_input .checkbox label{margin-left:5px;} .dpp_w_form.apply .dpp_input_file{max-width:100%; padding-right: 150px;} .dpp_w_form.apply .dpp_input_file:before{height:50px; border-radius:50px;} .dpp_w_form.apply .dpp_input_file .file_chk_dp{font-size: 16px; width: 140px; line-height: 50px; height: 50px; border-radius: 50px; background: #8E8E8E; color:#FFF; border:none;} .dpp_write_btn_wrap.custom .write_btn{font-size: 16px; font-weight: 800; width: 140px; height: 55px; line-height: 55px; border-radius: 50px; padding:0;} .apply_txt, .apply_checkbox{font-size:16px; margin-top:30px;} .apply_txt p{word-break:keep-all;} .apply_checkbox{display:flex; gap:10px; font-weight:500;} .apply_checkbox p{font-size:16px; font-weight:400; color: #484747;} .apply .select {width: 100%; height: 50px; line-height: 50px; border-radius: 50px; border: 1px solid rgba(0,0,0,0.2); font-size: 14px; font-weight: 500; position:relative; background:#fff; color:#8E8E8E;} .apply .select .selected {display: flex; justify-content: space-between; padding:0 20px; cursor:pointer;} .apply .select .selected .arrow {width: 12px; background: url("/img/icon/sel_ic.svg") no-repeat center / contain;} .apply .select.active .selected .arrow{transform:rotate(180deg);} .apply .select .option_wrap {width: calc(100% + 2px); margin: 10px 0 0 -1px; border-radius: 15px;} .apply .select ul li {line-height:50px; padding-left: 20px; font-family: "Spoqa Han Sans Neo"; color: #AAA; font-weight: 500;} .dpp_con_right{word-break: break-all;} /* about */ .about {padding-bottom: 70px;} .about > div + div{margin-top:150px;} .about .bg_gray{background: #f3f3f3; padding: 100px 0;} .about .title{text-align:center;} .about .title em{font-size:23px; font-weight: 800; color: #d30000; display: block; margin-bottom: 55px;} .about .title .logo{margin-bottom: 65px;} .about .title .logo img{width: 617px;} .about .title p{font-size: 16px; font-weight:500; line-height:2; font-family:'Pretendard';} .about .title p + p{margin-top:30px;} .about .circle_list{display:flex; justify-content:center; margin-top: 100px;} .about .circle_list li{background: rgba(243,243,243,0.5); width: 600px; height: 600px; border-radius: 50%; display:flex; justify-content:center; align-items:center;} .about .circle_list li + li{margin-left:-45px;} .about .circle_list li .txt{text-align:center;} .about .circle_list li .txt strong{font-size:24px; letter-spacing: -0.02em; color: #d30000;} .about .circle_list li .txt div{margin-top:50px; min-height:140px;} .about .circle_list li .txt div p{font-size: 22px; font-weight: 300; line-height: 1.7;} .history{margin-top: 105px; overflow: hidden;} .history .wrap{display:flex; position: relative;} .history .wrap:before{content:''; display: block; width: 100%; height: 2px; background-color: rgba(196,0,0,0.3); position: absolute; top: 32px;} .history .wrap + .wrap{margin-top: 80px;} .history .wrap .year.tab_on{display: none;} .history .wrap .year .cont:not(.flex), .history .wrap .year .cont.flex > div{width: 260px;} /* .history .wrap .year:nth-of-type(1){width: 245px;} .history .wrap .year:nth-of-type(2){width: 320px;} .history .wrap .year:nth-of-type(3){width: 275px;} .history .wrap1 .year:nth-of-type(4){width: 370px;} .history .wrap1 .year:nth-of-type(5){width: 345px;} .history .wrap2 .year:nth-of-type(4){width: 480px;} */ .history .wrap .year strong{font-size: 16px; color: #d30000; position: relative; display: inline-block; padding-bottom: 15px;} .history .wrap .year strong:after{content:''; display: block; width: 38px; height: 2px; background: #c40000; position: absolute; bottom: 0;} .history .wrap .year .cont{margin-top: 30px;} .history .wrap .year .cont.flex{display: flex; /* gap:75px; */} .history .wrap .year .cont p{font-family:'Pretendard'; font-size: 13px; word-break:keep-all;} .history .wrap .year .cont p + p{margin-top: 15px;} .about .client{margin-top: 120px;} .about .client img{margin: 0 auto; max-width: 100%; width: 1600px;} .about .ceo{font-size: 23px; margin-top: 80px; text-align: center;} .about_sec5 .logo{border-bottom: 1px solid #000; border-top: 1px solid #000;} .about_sec5 .logo .section{display: flex; padding: 25px 0;} .about_sec5 .logo .section + .section{border-top: 1px solid #000;} .about_sec5 .logo .section li{width: 50%;} .about_sec5 .logo .section li + li{border-left: 1px solid #000; padding-left: 20px;} .about_sec5 .logo .section li .item{position: relative; padding: 20px; min-height: 270px;} .about_sec5 .logo .section li .item.full{min-height: auto; height: 100%;} .about_sec5 .logo .section li .item + .item{border-top: 1px solid #000; margin-top: 20px;} .about_sec5 .logo .section li .item p{font-size: 15px; color: #1a1a1a; font-family:'Pretendard'; font-weight: 500;} .about_sec5 .logo .section li .item > img{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .about_sec5 .logo .section li .item .img1{width: 184px;} .about_sec5 .logo .section li .item .img2{width: 141px;} .about_sec5 .logo .section li .item .img3{width: 277px;} .about_sec5 .logo .section li .item .img4{width: 375px;} .about_sec5 .logo .section li .item a{position: absolute; right: 20px; bottom: 0; width: 35px;} .about_sec5 .color{display: flex; justify-content:space-between; margin-top: 50px;} .about_sec5 .color > div{width: 47%;} .about_sec5 .color p{font-family:'Pretendard'; font-size:15px; margin-bottom: 45px; font-weight: 500;} .about_sec5 .color .left .color_wrap{display: flex; justify-content:space-between;} .about_sec5 .color .left .color_wrap div{width: 32.5%;} .about_sec5 .color .color_wrap div{border: 1px solid #090909; height: 125px;} .about_sec5 .color .black{background:#090909;} .about_sec5 .color .white{background:#fff;} .about_sec5 .color .gray{background:#d4d4d4;} .about_sec5 .color .red{background:#c80815; padding: 10px;} .about_sec5 .color .red span{font-family:'Pretendard'; color: #fff; font-size: 11px;} /* about_new */ .about_n *{color: #fff;} .about_n .section:not(.sec3){display: flex; align-items: flex-start;} .about_n .section + .section{margin-top: 80px; padding-top: 80px; border-top: 1px solid rgba(255,255,255,0.4);} .about_n .title{font-size: 50px; font-weight: 700; width: 40%;} .about_n .section:not(.sec3) .cont{width: 50%;} .about_n p{font-size: 16px; font-weight:500; line-height:2; word-break: keep-all;} .about_n p + p{margin-top: 30px;} .about_n .sec2 .cont{display: flex; flex-direction: column; gap: 50px;} .about_n .sec2 .cont .tit{font-size: 26px; font-weight: 700; margin-bottom: 10px;} .about_n .sec3 .title{margin-bottom: 30px;} .about_n .sec3 .clients{display: flex; flex-wrap: wrap; gap: 40px;} .about_n .sec3 .clients li{width: calc((100% - (40px * 6)) / 7);} .about_n .sec3 .clients li img{width: 100%;} /* contact */ .contact{display: flex;} .contact .title{font-size: 30px; font-weight: 600; color: #d30000; line-height: 1.4; width: 40%;} .contact .list{width: 60%; display: flex; flex-wrap: wrap; justify-content:space-between; gap:150px 0;} .contact .list dl{width: 45%;} .contact .list dt{font-weight: 900; font-size: 18px; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #000; font-family:'Pretendard';} .contact .list dd{font-size: 16px; font-weight: 500; font-family:'Pretendard';} .contact .list dd + dd{margin-top: 10px;} @media screen and (max-width: 1820px) { /* 서브 공통 */ .sub_visual{height: 30.22vw; /* height: 41.21vw; */ padding: 2.75vw 2.75vw 0;} .sub_vis_txt{max-width:100%; width:58.71vw;} .sub_vis_txt .logo{width: 12.14vw;} .sub_vis_txt h2{font-size: 4.95vw; margin-top:0.27vw;} .sub_menu {height: 5.49vw;} .sub_menu ul li {width: 23.73vw; height: 5.49vw;} .sub_menu ul li + li:before {height: 1.37vw;} .sub_menu ul li.active:after {height: 0.22vw;} .sub_menu ul li a {line-height: 5.49vw; font-size: 1.21vw;} #sub_content {padding: 4.95vw 1.75vw;} .sub_inner {max-width: 100%;} .s_inner {max-width: 100%; padding:0 1.75vw;} .sub_title {font-size: 2.20vw;} .g_model_title {font-size: 2.75vw;} /* #sub_wrap {margin-top: 4.95vw;} */ /* model list */ .filter_wrap{width:23.08vw; padding:0 1.65vw 0 2.20vw;} .filter_inner{top:5.85vw; height: 85vh; padding-right:3.10vw; padding-bottom: 5.93vw;} .filter_inner dl + dl{margin-top:3.85vw;} .filter_inner dt{font-size: 0.9vw; margin-bottom:1.10vw;} .filter_inner dd{gap:0.55vw;} .filter_inner dd > span{font-size: 0.67vw; padding: 0.38vw 1.10vw;} .filter_inner dd .bar_wrap em{font-size: 0.77vw;} .mod_list_cont{width:calc(100% - 23.08vw); padding:0 2.75vw 5.93vw;} .mod_list{gap: 4.95vw 1.04%;} .mod_list li a .img_wrap{height:22.69vw;} .mod_list li .m_ic{width: 2.47vw; height: 2.47vw;} .mod_list li .ov_wrap{left:1.10vw; bottom:1.65vw;} .mod_list li .ov_wrap dl{font-size: 0.77vw; gap:1.37vw;} .mod_list li .ov_wrap dl + dl{margin-top:0.55vw;} .mod_list li .ov_wrap dt{width:3.08vw;} .mod_list li .ov_wrap dd{width:calc(100% - 3.08vw - 1.37vw);} .mod_list li p, .mod_list li .name{font-size: 1.43vw; margin-top:1.65vw;} .mod_list li .name{gap: 1.10vw;} .mod_list li .name .sns{gap: 0.44vw;} .mod_list li .name .sns a{width: 1.10vw;} /* model view */ .g_model_stay{font-size: 1.37vw; margin-top:1.37vw;} .g_model_stay span + span{margin-left:0.82vw;} .mod_view_wrap{margin-top:4.12vw;} .profile_wrap{padding-right:1.65vw;} .profile_inner{max-width: 18.68vw; top:5.49vw; padding-right:1.65vw; padding-bottom: 2.20vw;} .pro_slide_arrow > div{width: 0.82vw; padding:0.55vw 0.55vw;} .profile_cont{margin:1.76vw 0;} .profile_cont li{padding-bottom:1.10vw;} .profile_cont li + li{padding-top:1.10vw;} .profile_cont li .tit_wrap .unit{gap:0.27vw;} .profile_cont li .tit_wrap .unit span{font-size: 0.66vw;} .profile_cont li .tit_wrap .unit img{width: 1.10vw;} .profile_cont li .tit_wrap2{gap: 0.55vw 1.10vw;} .profile_cont li .tit_wrap2 .tit{min-width: 6.48vw;} .profile_cont li .tit_wrap2 span{font-size: 0.77vw;} .profile_cont li .tit{font-size: 0.88vw;} .profile_cont li .det_wrap{margin-top:0.55vw;} .profile_cont li .det_wrap .item{gap:1.10vw; font-size: 0.77vw;} .profile_cont li .det_wrap .item .lt{min-width:3.08vw;} .profile_cont li .car_wrap{margin-top:0.55vw; max-height: 4.95vw; margin-top:0.82vw;} .profile_cont li .car_wrap dl{font-size: 0.77vw; gap:1.37vw;} .profile_cont li .car_wrap dl + dl{margin-top:0.55vw;} .profile_cont li .car_wrap dt{min-width:3.18vw;} .profile_cont li.sns .tit_wrap2{gap: 1.10vw;} .profile_cont li .sns{gap: 0.44vw;} .profile_cont li .sns a{width: 1.10vw;} .profile_btn button{font-size: 0.89vw; padding: 0.55vw 1.65vw; margin-top:0.55vw;} .profile_btn a{font-size: 0.89vw; padding: 0.55vw 1.65vw; margin-top:0.55vw;} .profile_btn a i{width:0.77vw; height:0.77vw; margin-left:0.55vw;} .mod_view{width: calc(100% - 21.98vw);} .mod_slide_wrap{margin-bottom:4.12vw;} .mod_slide_btn{margin-top:2.20vw; gap:1.37vw;} .mod_slide_btn .slide_arrow{width: 1.10vw;} .mod_slide_btn .swiper-pagination{font-size: 0.99vw; margin-top:-0.16vw;} .mod_bt{padding:2.20vw 0;} .mod_bt .title{width:10.99vw;} .mod_bt .title strong{font-size: 0.88vw;} .mod_bt .arrow{gap:1.10vw; margin-top:1.10vw;} .mod_bt .arrow > div{font-size: 0.66vw; gap:0.27vw;} .mod_bt .arrow > div img{width: 0.82vw;} .mod_bt .swiper{width:calc(100% - 10.99vw); margin:0 -0.55vw;} .mod_bt .swiper-slide{padding:0 0.55vw;} .mod_bt .mod_slide_wrap2 a .video_btn{width: 2.47vw; height: 2.47vw;} .mod_bt .mod_slide_wrap3 p{font-size: 0.99vw; margin-top:1.10vw;} .videoPop .video_content{width:80%; height:80%; max-width:calc(100% - 5.49vw); max-height: calc(100% - 4.84vw);} .videoPop .video_content .popup_close{width: 1.10vw; height:1.10vw; top:-2.20vw;} .profile_slide .slide{height:23.08vw;} .mod_slide .swiper-slide{height:47.64vw;} .mod_slide_wrap2 .swiper-slide a{height:10.16vw;} .mod_slide_wrap3 .swiper-slide a .img{height:19.12vw;} /* recruit view */ .apply_wrap{width:28.02vw;} .apply_inner{top:2.75vw; max-width: 24.73vw; max-height:90vh; padding-right:1.10vw; padding-bottom:1vw;} .apply_inner .title strong{font-size: 1.92vw;} .apply_inner .title p{font-size: 0.99vw; margin-top:0.55vw;} .apply_inner .detail_info .cont{padding:3.57vw 0 1.37vw;} .apply_inner .detail_info p.unit{font-size: 0.77vw; margin-top:0.55vw;} .apply_inner .detail_info .file_wrap .file .txt strong{font-size: 1.10vw;} .apply_inner .detail_info .file_wrap .file .txt p{font-size: 0.88vw; margin-top:0.82vw;} .apply_inner .detail_info .file_wrap .file .btn input{width: 7.69vw; height: 2.47vw;} .apply_inner .detail_info .file_wrap .file .btn .button{ font-size: 0.88vw; width: 7.69vw; line-height: 2.47vw;} .apply_inner .detail_info .file_wrap .file-value{font-size: 0.99vw; line-height:2.75vw; padding-left:3.30vw; margin-top:1.37vw;} .apply_inner .detail_info .file_wrap .file-value:before{width: 0.88vw; height: 0.88vw; left:1.65vw;} .apply_inner .detail_info .file_wrap .red{font-size: 0.77vw; margin-top:0.82vw; } .apply_inner .detail_info .check_wrap{margin-top:1.37vw;} .apply_inner .detail_info .check_wrap label{font-size: 0.88vw; margin-left:0.27vw;} .apply_inner .detail_info .check_wrap span{font-size: 0.77vw; margin-left:0.55vw;} .apply_inner .detail_info .btn_wrap{margin-top:3.85vw;} .input.ap1{width:10.99vw;} .input.ap2{width:12.64vw;} .radio_wrap span + span{margin-left:1.65vw;} input[type="radio"]{width: 1.10vw; height: 1.10vw; } input[type="radio"] + label{font-size: 0.99vw; margin-left:0.27vw;} .recruit_info{padding-left:3.57vw; width:calc(100% - 30.77vw);} .recruit_info .item{padding:3.30vw 0;} .recruit_info .item .lt{font-size: 1.43vw; width:16.48vw;} .recruit_info .item .rt{width:calc(100% - 16.48vw);} .recruit_info .item1 .rt{margin-top:1.65vw;} .rec1_box{padding:3.02vw 2.75vw;} .rec1_box .title{font-size: 1.21vw; margin-bottom:2.20vw;} .rec1_box .cont dl:first-of-type{width:55%;} .recruit_info dt{font-size: 1.10vw; margin-bottom:0.82vw;} .recruit_info dd{font-size: 0.99vw; padding-left:0.71vw;} .recruit_info dd:before{top:0.49vw;} .recruit_info p{font-size: 0.99vw;} .rec_ic_list{gap:1.65vw 0;} .rec_ic_list li{gap:1.65vw;} .rec_ic_list li:nth-child(odd){width:54%;} .rec_ic_list li:nth-child(even){width:46%;} .rec_ic_list li .icon{width: 6.04vw;} .rec_ic_list li dl{width:calc(100% - 6.04vw);} .rec_ic_list2{ margin-bottom:1.65vw; gap:6.04vw;} .rec_ic_list2 li .icon{width: 7.14vw; height: 7.14vw;} .rec_ic_list2 li .icon:after{width: 2.20vw; height: 2.20vw; right:-4.40vw;} .rec_ic_list2 li .icon img{width: 2.75vw;} .rec_ic_list2 li .txt{margin-top:1.37vw;} .rec_ic_list2 li .txt .step{font-size: 0.88vw;} .rec_ic_list2 li .txt .title{font-size: 1.32vw; margin-top:0.55vw;} /* about */ .about {padding-bottom: 5.93vw;} .about > div + div{margin-top:8.24vw;} .about .bg_gray{padding: 5.49vw 0;} .about .title em{font-size:1.26vw; margin-bottom: 3.02vw;} .about .title .logo{margin-bottom: 3.57vw;} .about .title .logo img{width: 33.90vw;} .about .title p{font-size: 0.88vw;} .about .title p + p{margin-top:1.65vw;} .about .circle_list{margin-top: 5.49vw;} .about .circle_list li{width: 32.97vw; height: 32.97vw;} .about .circle_list li + li{margin-left:-2.47vw;} .about .circle_list li .txt strong{font-size:1.32vw;} .about .circle_list li .txt div{margin-top:2.75vw; min-height:7.69vw;} .about .circle_list li .txt div p{font-size: 1.21vw;} .history{margin-top: 5.77vw;} .history .wrap:before{top: 1.76vw;} .history .wrap + .wrap{margin-top: 4.40vw;} .history .wrap .year .cont:not(.flex), .history .wrap .year .cont.flex > div{width: 13.65vw;} /* .history .wrap .year:nth-of-type(1){width: 13.46vw;} .history .wrap .year:nth-of-type(2){width: 17.58vw;} .history .wrap .year:nth-of-type(3){width: 15.11vw;} .history .wrap1 .year:nth-of-type(4){width: 20.33vw;} .history .wrap1 .year:nth-of-type(5){width: 18.96vw;} .history .wrap2 .year:nth-of-type(4){width: 26.37vw;} */ .history .wrap .year strong{font-size: 0.88vw; padding-bottom: 0.82vw;} .history .wrap .year strong:after{width: 2.09vw;} .history .wrap .year .cont{margin-top: 1.65vw;} /* .history .wrap .year .cont.flex{gap:4.12vw;} */ .history .wrap .year .cont p{ font-size: 0.71vw;} .history .wrap .year .cont p + p{margin-top: 0.82vw;} .about .client{margin-top: 6.59vw;} .about .ceo{font-size: 1.26vw; margin-top: 4.40vw;} .about_sec5 .logo .section{padding: 1.37vw 0;} .about_sec5 .logo .section li + li{padding-left: 1.10vw;} .about_sec5 .logo .section li .item{padding: 1.10vw; min-height: 14.84vw;} .about_sec5 .logo .section li .item + .item{margin-top: 1.10vw;} .about_sec5 .logo .section li .item p{font-size: 0.82vw;} .about_sec5 .logo .section li .item .img1{width: 10.11vw;} .about_sec5 .logo .section li .item .img2{width: 7.75vw;} .about_sec5 .logo .section li .item .img3{width: 15.22vw;} .about_sec5 .logo .section li .item .img4{width: 20.60vw;} .about_sec5 .logo .section li .item a{right: 1.10vw; width: 1.92vw;} .about_sec5 .color{margin-top: 2.75vw;} .about_sec5 .color p{ font-size:0.82vw; margin-bottom: 2.47vw; } .about_sec5 .color .color_wrap div{height: 6.87vw;} .about_sec5 .color .red{padding: 0.55vw;} .about_sec5 .color .red span{font-size: 0.60vw;} /* about_new */ .about_n .section + .section{margin-top: 4.40vw; padding-top: 4.40vw;} .about_n .title{font-size: 2.75vw;} .about_n p{font-size: 0.88vw;} .about_n p + p{margin-top: 1.65vw;} .about_n .sec2 .cont{gap: 2.75vw;} .about_n .sec2 .cont .tit{font-size: 1.43vw; margin-bottom: 0.55vw;} .about_n .sec3 .title{margin-bottom: 1.65vw;} .about_n .sec3 .clients{gap: 2.20vw;} .about_n .sec3 .clients li{width: calc((100% - (2.20vw * 6)) / 7);} /* contact */ .contact .title{font-size: 1.65vw;} .contact .list{gap:8.24vw 0;} .contact .list dt{font-size: 0.99vw; padding-bottom: 1.10vw; margin-bottom: 1.37vw;} .contact .list dd{font-size: 0.88vw;} .contact .list dd + dd{margin-top: 0.55vw;} } @media screen and (max-width: 1630px) { /* selected model */ .sel_slide_wrapper{max-width: 92%;} .sel_slide_wrapper .sel_arrow > div{width: 2.15vw;} .sel_slide_wrapper .sel_arrow .prev{left:-4.60vw;} .sel_slide_wrapper .sel_arrow .next{right:-4.60vw;} .sel_slide .swiper-slide{height:21.17vw;} .sel_slide .swiper-slide .sel_delete{width: 1.04vw; height: 1.04vw; top:0.92vw; right:0.92vw;} } @media screen and (max-width: 1508px) { .sub_menu2 ul{max-width:100%; padding: 0 1.79vw;} .cre_list{margin:-1.46vw;} .cre_list li{margin:1.39vw;} } @media screen and (max-width: 1430px) { .cre_list2{margin:-0.87vw;} .cre_list2 li{margin:0.80vw;} } @media screen and (max-width: 1400px) { /* 서브 공통 */ .sub_visual{/* height: 41.21vw; */ padding: 2.79vw 2.79vw 0;} .sub_vis_txt{max-width:100%;} .sub_vis_txt .logo{width: 12.14vw;} .sub_vis_txt h2{font-size: 4.93vw; margin-top:0.29vw;} .sub_menu {height: 5.50vw;} .sub_menu ul li {width: 23.71vw; height: 5.50vw;} .sub_menu ul li + li:before {height: 1.36vw;} .sub_menu ul li.active:after {height: 0.21vw;} .sub_menu ul li a {line-height: 5.50vw; font-size: 1.56vw;} #sub_content {padding: 5.93vw 1.79vw;} .sub_inner {max-width: 100%;} .s_inner {padding:0 1.79vw;} .sub_title {font-size: 2.56vw;} .g_model_title {font-size: 2.96vw;} /* #sub_wrap {margin-top: 5.93vw;} */ /* model list */ .filter_wrap{width:23.07vw; padding:0 1.64vw 0 2.21vw;} .filter_inner{top:6.86vw; height: 85vh; padding-right:1.07vw; padding-bottom: 5.93vw;} .filter_inner dl + dl{margin-top:3.86vw;} .filter_inner dt{font-size: 1.37vw; margin-bottom:1.7vw;} .filter_inner dd{gap:0.57vw;} .filter_inner dd > span{font-size: 0.9vw; padding: 0.6vw 1.07vw;} .filter_inner dd .bar_wrap em{font-size: 1.1vw;} .extra-controls input{font-size: 0.9vw !important;} .mod_list_cont{width:calc(100% - 23.07vw); padding:0 2.79vw 5.93vw;} .mod_list{gap: 4.93vw 1.04%;} .mod_list li{width: 24.22%;} .mod_list li a .img_wrap{height:22.27vw;} .mod_list li .m_ic{width: 3.50vw; height: 3.50vw;} .mod_list li .ov_wrap{left:1.07vw; bottom:1.64vw;} .mod_list li .ov_wrap dl{font-size: 1.2vw; gap:1.36vw;} .mod_list li .ov_wrap dl + dl{margin-top:0.7vw;} .mod_list li .ov_wrap dt{width:4.7vw;} .mod_list li .ov_wrap dd{width:calc(100% - 4.7vw - 1.36vw);} .mod_list li p, .mod_list li .name{font-size: 1.43vw; margin-top:1.64vw;} .mod_list li .name{gap: 1.07vw;} .mod_list li .name .sns{gap: 0.57vw;} .mod_list li .name .sns a{width: 1.33vw;} /* model view */ .g_model_stay{font-size: 1.60vw; margin-top:1.37vw;} .g_model_stay span + span{margin-left:0.82vw;} .mod_view_wrap{margin-top:4.12vw;} .profile_wrap{padding-right:1.65vw;} .profile_inner{max-width: 18.68vw; top:5.50vw; padding-right:1.65vw; padding-bottom: 2.20vw;} .pro_slide_arrow > div{width: 0.82vw; padding:0.55vw 0.75vw;} .profile_cont{margin:1.76vw 0;} .profile_cont li{padding-bottom:1.10vw;} .profile_cont li + li{padding-top:1.10vw;} .profile_cont li .tit_wrap .unit{gap:0.27vw;} .profile_cont li .tit_wrap .unit span{font-size: 0.86vw;} .profile_cont li .tit_wrap .unit img{width: 1.80vw;} .profile_cont li .tit_wrap2{gap: 0.61vw 1.10vw;} .profile_cont li .tit_wrap2 .tit{min-width: 8.43vw;} .profile_cont li .tit_wrap2 span{font-size: 0.97vw;} .profile_cont li .tit{font-size: 1.1vw;} .profile_cont li .det_wrap{margin-top:0.55vw;} .profile_cont li .det_wrap .item{gap:1.10vw; font-size: 0.87vw;} .profile_cont li .det_wrap .item .lt{min-width:3.48vw;} .profile_cont li .car_wrap{margin-top:0.55vw; max-height: 4.95vw; margin-top:0.82vw;} .profile_cont li .car_wrap dl{font-size: 0.87vw; gap:1.37vw;} .profile_cont li .car_wrap dl + dl{margin-top:0.55vw;} .profile_cont li .car_wrap dt{min-width:3.6vw;} .profile_cont li.sns .tit_wrap2{gap: 1.07vw;} .profile_cont li .sns{gap: 0.57vw;} .profile_cont li .sns a{width: 1.33vw;} .profile_btn button{font-size: 1.1vw; padding: 0.75vw 1.75vw;} .profile_btn a{font-size: 1.1vw; padding: 0.75vw 1.75vw; margin-top:0.55vw;} .profile_btn a i{width:1.00vw; height:1.00vw; margin-left:0.61vw;} .mod_view{width: calc(100% - 21.98vw);} .mod_slide_wrap{margin-bottom:4.12vw;} .mod_slide_btn{margin-top:2.20vw; gap:1.37vw;} .mod_slide_btn .slide_arrow{width: 1.50vw;} .mod_slide_btn .swiper-pagination{font-size: 1.3vw; margin-top:-0.10vw;} .mod_bt{padding:2.20vw 0;} .mod_bt .title{width:10.99vw;} .mod_bt .title strong{font-size: 1.2vw;} .mod_bt .arrow{gap:1.10vw; margin-top:1.10vw;} .mod_bt .arrow > div{font-size: 0.86vw; gap:0.27vw;} .mod_bt .arrow > div img{width: 0.82vw;} .mod_bt .swiper{width:calc(100% - 10.99vw); margin:0 -0.55vw;} .mod_bt .swiper-slide{padding:0 0.55vw;} .mod_bt .mod_slide_wrap2 a .video_btn{width: 2.47vw; height: 2.47vw;} .mod_bt .mod_slide_wrap3 p{font-size: 0.99vw; margin-top:1.10vw;} .videoPop .video_content{width:80%; height:80%; max-width:calc(100% - 5.49vw); max-height: calc(100% - 4.84vw);} .videoPop .video_content .popup_close{width: 1.10vw; height:1.10vw; top:-2.20vw;} /* selected model */ .sel_slide_wrapper{max-width: 92%;} .sel_slide_wrapper .sel_arrow > div{width: 2.50vw;} .sel_slide_wrapper .sel_arrow .prev{left:-4.36vw;} .sel_slide_wrapper .sel_arrow .next{right:-4.36vw;} .sel_slide .swiper-slide .sel_delete{width: 1.21vw; height: 1.21vw; top:1.07vw; right:1.07vw;} .detail_info{max-width: 100%; margin: 8.57vw auto 0;} .detail_info .title{font-size: 1.73vw;} .detail_info .cont{padding:5.00vw 0;} .detail_info .cont1{padding:3.93vw 0 5.00vw;} .detail_info .cont li.type2{gap:3.57vw;} .detail_info .cont li + li{margin-top:2.86vw;} .detail_info .cont li dt{font-size: 1.14vw; margin-bottom:1.2vw; padding-left: 2vw;} .detail_info .cont li dt span{font-size: 1.00vw; margin-left:0.71vw;} .detail_info .cont li dd .input + .input{margin-left:0.50vw;} .detail_info .cont li dd .check_wrap{margin-top:1.79vw;} .detail_info .cont li dd .check_wrap span + span{margin-left:7.14vw;} .detail_info .cont li dd .check_wrap label{margin-left:0.36vw; font-size:1.20vw} .detail_info .input{height: 3.27vw; font-size: 1.00vw; padding: 0 1.94vw;} .detail_info .btn_wrap input{font-size: 1.14vw; width: 10.00vw; line-height: 3.93vw;} .sel_mod_wrap .input, .sel_mod_wrap .select{font-size:1.00vw;} .sel_mod_wrap .detail_info .cont li dd .check_wrap label{font-size:1.00vw;} input[type='date']{background-position:right 1.43vw center !important; background-size:1.71vw !important;} select{background-position: right 1.43vw center !important; background-size:0.79vw !important;} /* creative artist list */ .cre_list_wrap{max-width:100%;} .cre_list{margin:-1.07vw;} .cre_list li{margin:1.00vw; width: 47.9%;} .cre_list li .txt_wrap{padding:2.50vw 2.86vw; height: 22.14vw;} .cre_list li .txt_wrap .job{font-size: 1.14vw;} .cre_list li .txt_wrap .en_name{font-size: 2.14vw; margin-top:0.36vw;} .cre_list li .txt_wrap .kr_name{font-size: 1.43vw; margin-top:0.50vw;} /* 250414 수정 */ .cre_list_new{gap: 7.14vw;} .cre_list_new > li{gap: 5.36vw;} .cre_list_new > li .img{width: 46.71vw;} .cre_list_new > li .txt{width: calc(100% - 5.36vw - 46.71vw); padding-top: 5.50vw;} .cre_list_new > li .txt .tit_wrap{padding-bottom: 2.86vw;} .cre_list_new > li .txt .tit_wrap .title .job{font-size: 1.14vw;} .cre_list_new > li .txt .tit_wrap .title .en_name{margin: 0.36vw 0; font-size: 2.14vw;} .cre_list_new > li .txt .tit_wrap .title .kr_name{font-size: 1.43vw;} .cre_list_new > li .txt .tit_wrap .view_btn{padding: 0 1.50vw; line-height: 3.93vw; font-size: 1.14vw;} .cre_list_new > li .txt .info{padding-top: 2.86vw;} .cre_list_new > li .txt .info > strong{font-size: 1.43vw;} .cre_list_new > li .txt .info .cont{margin-top: 2.14vw; max-height: 34.29vw;} .cre_list_new > li .txt .info .cont > div{padding-right: 2.14vw;} .cre_list_new > li .txt .info .cont .filmo + .filmo{margin-top: 2.86vw;} .cre_list_new > li .txt .info .cont .filmo .tit{font-size: 1.14vw; margin-bottom: 0.71vw;} .cre_list_new > li .txt .info .cont .filmo .list li{font-size: 1.00vw;} .cre_list_new > li .txt .info .cont .filmo .list li .year{min-width: 4.29vw;} /* creative artist list2 */ .cre_title{ margin-bottom:4.29vw;} .cre_title em{font-size: 1.43vw;} .cre_title h3{font-size: 2.86vw; margin-top:0.71vw;} .cre_cate{gap:2.14vw; margin-bottom:4.29vw;} .cre_cate li a{font-size: 1.43vw;} .cre_list2 li{width: 31.7%;} .cre_list2 li .txt_wrap{padding:1.93vw 1.43vw; height: 22.14vw; font-size: 1.29vw;} /* creative artist list3 */ .slide_pop_inner{width:57.14vw; max-height:57.14vw;} .pop_slide_wrap {width: 42.86vw; max-height: 57.14vw;} .pop_slide li{width: 42.86vw;} .pop_arrow > div {width: 4.29vw; height: 4.29vw;} .slide_pop_close{top:2.14vw; right:2.14vw; width: 1.43vw;} /* recruit list */ .recruit_list{gap:2.21vw 2.49%;} .recruit_list li{width:31.67%;} .recruit_list li a{padding:3.57vw;} .recruit_list li .tp .career{font-size: 1.40vw; padding:0 2.14vw; line-height:3.51vw;} .recruit_list li .tp .title{font-size: 1.85vw; margin-top:1.43vw;} .recruit_list li .tp .title br{display:none;} .recruit_list li .tp .period{font-size: 1.51vw; margin-top:1.79vw;} .recruit_list li .tp .period span + span{margin-left:1.79vw;} .recruit_list li .tp .period span + span:before{height:1.07vw; left:-0.93vw;} .recruit_list li .date{margin-top:6.79vw; font-size: 1.51vw;} /* recruit view */ .apply_wrap{width:28.00vw;} .apply_inner{top:2.79vw; max-width: 24.71vw; max-height:90vh; padding-right:1.7vw; padding-bottom:1.00vw;} .apply_inner .title strong{font-size: 2.3vw;} .apply_inner .title p{font-size: 1.40vw; margin-top:0.57vw;} .apply_inner .detail_info .cont{padding:3.57vw 0 1.36vw;} .apply_inner .detail_info p.unit{font-size:1.2vw; margin-top:1vw;} .apply_inner .detail_info .file_wrap .file{display:block;} .apply_inner .detail_info .file_wrap .file .txt strong{font-size: 1.4vw;} .apply_inner .detail_info .file_wrap .file .txt p{font-size: 1.2vw; margin-top:0.79vw;} .apply_inner .detail_info .file_wrap .file .btn{margin-top:1vw;} .apply_inner .detail_info .file_wrap .file .btn input{width: 100%; height: 3.50vw;} .apply_inner .detail_info .file_wrap .file .btn .button{font-size: 1.3vw; width: 100%; line-height: 3.50vw;} .apply_inner .detail_info .file_wrap .file-value{font-size: 1.20vw; line-height:3.79vw; padding-left:4.29vw; margin-top:2.36vw;} .apply_inner .detail_info .file_wrap .file-value:before{width: 1.26vw; height: 1.26vw; left:1.94vw;} .apply_inner .detail_info .file_wrap .red{font-size: 1.1vw; margin-top:1.2vw; word-break:keep-all; line-height:1.3;} .apply_inner .detail_info .check_wrap{margin-top:1.36vw;} .apply_inner .detail_info .check_wrap label{font-size: 1.3vw; margin-left:0.29vw;} .apply_inner .detail_info .check_wrap span{font-size: 1.2vw; margin-left:27px;} .apply_inner .detail_info .btn_wrap{margin-top:3.86vw;} .input.ap1{width:11.00vw;} .input.ap2{width:12.64vw;} .radio_wrap span + span{margin-left:1.64vw;} input[type="radio"]{width: 1.5vw; height: 1.5vw;} input[type="radio"]:checked{border-width:5px;} input[type="radio"] + label{font-size: 1.20vw; margin-left:0.5vw;} .recruit_info{padding-left:3.57vw; width:calc(100% - 30.79vw);} .recruit_info .item{padding:3.29vw 0;} .recruit_info .item .lt{font-size: 1.73vw; width:16.50vw;} .recruit_info .item .rt{width:calc(100% - 16.50vw);} .recruit_info .item1 .rt{margin-top:1.64vw;} .rec1_box{padding:3.00vw 2.79vw;} .rec1_box .title{font-size: 1.51vw; margin-bottom:2.21vw;} .rec1_box .cont dl:first-of-type{width:60%;} .recruit_info dt{font-size: 1.37vw; margin-bottom:0.79vw;} .recruit_info dd{font-size: 1.20vw; padding-left:0.71vw;} .recruit_info dd:before{top:0.50vw;} .recruit_info p{font-size: 1.20vw;} .rec_ic_list{gap:1.64vw 0;} .rec_ic_list li{gap:1.64vw;} .rec_ic_list li:nth-child(odd){width:54%;} .rec_ic_list li:nth-child(even){width:46%;} .rec_ic_list li .icon{width: 6.07vw;} .rec_ic_list li dl{width:calc(100% - 6.07vw);} .rec_ic_list2{ margin-bottom:1.64vw; gap:6.07vw;} .rec_ic_list2 li .icon{width: 7.14vw; height: 7.14vw;} .rec_ic_list2 li .icon:after{width: 2.21vw; height: 2.21vw; right:-4.43vw;} .rec_ic_list2 li .icon img{width: 2.79vw;} .rec_ic_list2 li .txt{margin-top:1.36vw;} .rec_ic_list2 li .txt .step{font-size: 1.2vw;} .rec_ic_list2 li .txt .title{font-size: 1.39vw; margin-top:0.57vw;} /* select */ .select {height: 3.27vw; line-height: 3.27vw; font-size: 1.0vw;} .select .selected {padding:0 1.94vw;} .select .selected .arrow {width: 0.86vw;} .select .option_wrap {margin: 0.71vw 0 0 -0.07vw; border-radius: 1.07vw;} .select ul li {line-height:3.27vw; padding-left: 1.43vw;} .wh1{width:19.86vw;} .wh2{width:20.29vw;} .wh3{width:22.43vw;} .wh4{width:27.00vw;} .wh5{width:28.57vw;} .wh6{width:34.00vw;} .wh7{width:22.35vw;} /* 완료 페이지 */ .completion .icon{margin-bottom:1.95vw;} .completion .icon img{width: 3.75vw;} .completion strong{font-size: 1.88vw;} .completion p{font-size: 1.41vw; margin-top:0.78vw;} .completion .btn{font-size: 1.25vw; width: 10.94vw; height: 4.30vw; line-height: 4.30vw; margin-top:1.56vw;} /* apply write */ .dpp_w_form.apply > ul > li{width:48.5%;} .dpp_w_form.apply > ul > li.full{width:100%;} .dpp_w_form.apply > ul > li.dpp_w_file{width:48.5%;} /* about */ .about .title p{font-size: 1.1vw; word-break:keep-all;} .history .wrap:before{top: 2vw;} /* .history .wrap .year:nth-of-type(2){width: 15.58vw;} .history .wrap .year:nth-of-type(3){width: 13.11vw;} */ .history .wrap .year strong{font-size: 1.1vw;} /* .history .wrap .year .cont.flex {gap: 2.12vw;} */ .history .wrap .year .cont:not(.flex), .history .wrap .year .cont.flex > div{width: 13.56vw;} .history .wrap .year .cont p, .about_sec5 .color .red span{font-size: 0.9vw;} .about_sec5 .logo .section li .item p, .about_sec5 .color p{font-size: 1.1vw;} /* about_new */ .about_n .section + .section{margin-top: 5.71vw; padding-top: 5.71vw;} .about_n .title{font-size: 3.57vw; width: 45%;} .about_n .section:not(.sec3) .cont{width: 55%;} .about_n p{font-size: 1.14vw;} .about_n p + p{margin-top: 2.14vw;} .about_n .sec2 .cont{gap: 3.57vw;} .about_n .sec2 .cont .tit{font-size: 1.86vw; margin-bottom: 0.71vw;} .about_n .sec3 .title{margin-bottom: 2.14vw;} .about_n .sec3 .clients{gap: 2.30vw;} .about_n .sec3 .clients li{width: calc((100% - (2.30vw * 6)) / 7);} /* contact */ .contact .title{font-size: 2.14vw; width: 40%;} .contact .list{width: 60%; gap:10.71vw 0;} .contact .list dl{width: 45%;} .contact .list dt{font-size: 1.29vw; padding-bottom: 1.43vw; margin-bottom: 1.79vw;} .contact .list dd{font-size: 1.14vw;} .contact .list dd + dd{margin-top: 0.71vw;} } @media screen and (max-width: 1024px) { .sub_vis_txt{width:100%;} /* model list */ .filter_wrap{width:23.07vw; padding:0 1.64vw 0 2.21vw;} .filter_inner{top:10.86vw; height: 85vh; padding-right:1.07vw;} .filter_inner dl + dl{margin-top:3.86vw;} .filter_inner dt{font-size: 1.57vw; margin-bottom:1.7vw;} .filter_inner dd{gap:0.57vw;} .filter_inner dd > span{font-size: 1.2vw; padding: 0.6vw 1.07vw;} .filter_inner dd .bar_wrap em{font-size: 1.1vw;} .extra-controls input{font-size: 1.2vw !important;} /* model view */ .g_model_stay{font-size: 1.40vw; margin-top:1.37vw;} .g_model_stay span + span{margin-left:0.82vw;} .mod_view_wrap{margin-top:4.12vw;} .profile_wrap{padding-right:1.65vw;} .profile_inner{max-width: 20.68vw; top:9.52vw; padding-right:1.65vw;} .pro_slide_arrow > div{width: 1.2vw; padding:0.55vw 0.85vw;} .profile_cont{margin:2.76vw 0;} .profile_cont li{padding-bottom:1.50vw;} .profile_cont li + li{padding-top:1.50vw;} .profile_cont li .tit_wrap .unit{gap:0.57vw;} .profile_cont li .tit_wrap .unit span{font-size: 1.1vw;} .profile_cont li .tit_wrap .unit span img{width: 1.10vw;} .profile_cont li .tit_wrap2{gap: 0.78vw 1.10vw;} .profile_cont li .tit_wrap2 .tit{min-width: 10.52vw;} .profile_cont li .tit_wrap2 span{font-size: 1.2vw;} .profile_cont li .tit{font-size: 1.4vw;} .profile_cont li .det_wrap{margin-top:0.95vw;} .profile_cont li .det_wrap .item{gap:0.7vw; font-size: 1.1vw;} .profile_cont li .det_wrap .item .lt{min-width:4.28vw;} .profile_cont li .car_wrap{margin-top:1.5vw; max-height: 8.95vw;} .profile_cont li .car_wrap dl{font-size: 1.2vw; gap:1.37vw;} .profile_cont li .car_wrap dl + dl{margin-top:0.95vw;} .profile_cont li .car_wrap dt{min-width:4.9vw;} .profile_cont li.sns .tit_wrap2{gap: 1.30vw;} .profile_cont li .sns{gap: 0.59vw;} .profile_cont li .sns a{width: 1.45vw;} .profile_btn button{font-size: 1.4vw; padding: 0.85vw 0.95vw;} .profile_btn a{font-size: 1.4vw; padding: 0.85vw 0.95vw;} .profile_btn a i{width:1.09vw; height:1.09vw; margin-left:0.68vw;} .mod_view{width: calc(100% - 23.98vw);} .mod_slide_wrap{margin-bottom:4.12vw;} .mod_slide_btn{margin-top:2.20vw; gap:1.37vw;} .mod_slide_btn .slide_arrow{width: 1.60vw;} .mod_slide_btn .swiper-pagination{font-size: 1.5vw; margin-top:0;} .mod_bt{padding:2.20vw 0;} .mod_bt .title{width:12.99vw;} .mod_bt .title strong{font-size: 1.4vw;} .mod_bt .arrow{gap:1.10vw; margin-top:1.10vw;} .mod_bt .arrow > div{font-size: 1.2vw; gap:0.7vw;} .mod_bt .arrow > div img{width: 1vw;} .mod_bt .swiper{width:calc(100% - 12.99vw); margin:0 -0.55vw;} .mod_bt .swiper-slide{padding:0 0.55vw;} .mod_bt .mod_slide_wrap2 a .video_btn{width: 3.47vw; height: 3.47vw;} .mod_bt .mod_slide_wrap3 p{font-size: 1.4vw; margin-top:1.60vw;} .videoPop .video_content{width:80%; height:80%; max-width:calc(100% - 5.49vw); max-height: calc(100% - 4.84vw);} .videoPop .video_content .popup_close{width: 1.60vw; height:1.60vw; top:-3.20vw;} .profile_slide .slide{height:25.5vw;} .mod_slide .swiper-slide{height:43.93vw;} .mod_slide_wrap2 .swiper-slide a{height:12.21vw;} .mod_slide_wrap3 .swiper-slide a .img{height:22.86vw;} /* selected model */ .sel_slide_wrapper{max-width: 92%;} .sel_slide_wrapper .sel_arrow > div{width: 2.54vw;} .sel_slide_wrapper .sel_arrow .prev{left:-4.39vw;} .sel_slide_wrapper .sel_arrow .next{right:-4.39vw;} .sel_slide .swiper-slide .sel_delete{width: 1.17vw; height: 1.17vw; top:1.07vw; right:1.07vw;} .detail_info{max-width: 100%; margin: 8.59vw auto 0;} .detail_info .title{font-size: 1.76vw;} .detail_info .cont{padding:4.98vw 0;} .detail_info .cont1{padding:3.91vw 0 4.98vw;} .detail_info .cont li.type2{gap:1.6vw;} .detail_info .cont li + li{margin-top:2.83vw;} .detail_info .cont li dt{font-size: 1.56vw; margin-bottom:1.17vw;} .detail_info .cont li dt span{font-size: 1.27vw; margin-left:0.68vw;} .detail_info .cont li dd .check_wrap{margin-top:1.76vw;} .detail_info .cont li dd .check_wrap span + span{margin-left:7.13vw;} .detail_info .cont li dd .check_wrap input{width:2vw; height:2vw; background-size:1vw;} .detail_info .cont li dd .check_wrap label{margin-left:0.39vw; font-size: 1.56vw;} .detail_info .input{height: 4.2vw; font-size: 1.27vw; padding: 0 2.14vw;} .detail_info .btn_wrap input{font-size: 1.7vw; width: 12.96vw; line-height: 4.91vw;} .sel_mod_wrap .input, .sel_mod_wrap .select{font-size:1.27vw;} .sel_mod_wrap .detail_info .cont li dd .check_wrap label{font-size:1.27vw;} input[type='date']{background-position:right 1.46vw center !important; background-size:1.96vw !important;} select{background-position: right 1.46vw center !important; background-size:1.2vw !important;} /* creative artist list */ .cre_list{margin:-1.07vw;} .cre_list li{margin:1.00vw; width: 47.6%;} .cre_list li .txt_wrap{padding:2.50vw 2.86vw; height: 22.14vw;} .cre_list li .txt_wrap .job{font-size: 1.4vw;} .cre_list li .txt_wrap .en_name{font-size: 2.4vw; margin-top:0.36vw;} .cre_list li .txt_wrap .kr_name{font-size: 1.83vw; margin-top:0.50vw;} /* 250414 수정 */ .cre_list_new{gap: 7.13vw;} .cre_list_new > li{gap: 5.37vw;} .cre_list_new > li .img{width: 46.68vw;} .cre_list_new > li .txt{width: calc(100% - 5.37vw - 46.68vw); padding-top: 5.47vw;} .cre_list_new > li .txt .tit_wrap{padding-bottom: 2.83vw;} .cre_list_new > li .txt .tit_wrap .title .job{font-size: 1.17vw;} .cre_list_new > li .txt .tit_wrap .title .en_name{margin: 0.39vw 0; font-size: 2.15vw;} .cre_list_new > li .txt .tit_wrap .title .kr_name{font-size: 1.46vw;} .cre_list_new > li .txt .tit_wrap .view_btn{padding: 0 1.46vw; line-height: 3.91vw; font-size: 1.17vw;} .cre_list_new > li .txt .info{padding-top: 2.83vw;} .cre_list_new > li .txt .info > strong{font-size: 1.46vw;} .cre_list_new > li .txt .info .cont{margin-top: 2.15vw; max-height: 34.28vw;} .cre_list_new > li .txt .info .cont > div{padding-right: 2.15vw;} .cre_list_new > li .txt .info .cont .filmo + .filmo{margin-top: 2.83vw;} .cre_list_new > li .txt .info .cont .filmo .tit{font-size: 1.27vw; margin-bottom: 0.68vw;} .cre_list_new > li .txt .info .cont .filmo .list li{font-size: 1.1vw;} .cre_list_new > li .txt .info .cont .filmo .list li .year{min-width: 4.30vw;} /* creative artist list2 */ .cre_list2 li{width:48.3%;} .cre_list2 li .txt_wrap{padding:1.93vw 1.43vw; height: 22.14vw; font-size: 1.49vw;} /* recruit view */ .apply_wrap{width:28.00vw;} .apply_inner{top:2.79vw; max-width: 24.71vw; max-height:90vh; padding-right:1.7vw; padding-bottom:1.00vw;} .apply_inner .title strong{font-size: 2.7vw;} .apply_inner .title p{font-size: 1.60vw; margin-top:0.57vw;} .apply_inner .detail_info .cont{padding:3.57vw 0 1.36vw;} .apply_inner .detail_info p.unit{font-size:1.4vw; margin-top:1vw;} .apply_inner .detail_info .file_wrap .file{display:block;} .apply_inner .detail_info .file_wrap .file .txt strong{font-size: 1.8vw;} .apply_inner .detail_info .file_wrap .file .txt p{font-size: 1.6vw; margin-top:0.79vw;} .apply_inner .detail_info .file_wrap .file .btn{margin-top:1.5vw;} .apply_inner .detail_info .file_wrap .file .btn input{width: 100%; height: 3.50vw;} .apply_inner .detail_info .file_wrap .file .btn .button{font-size: 1.6vw; width: 100%; line-height: 3.50vw;} .apply_inner .detail_info .file_wrap .file-value{font-size: 1.40vw; line-height:3.79vw; padding-left:4.29vw; margin-top:2.36vw;} .apply_inner .detail_info .file_wrap .file-value:before{width: 1.26vw; height: 1.26vw; left:1.94vw;} .apply_inner .detail_info .file_wrap .red{font-size: 1.4vw; margin-top:1.5vw;} .apply_inner .detail_info .check_wrap{margin-top:1.36vw;} .apply_inner .detail_info .check_wrap label{font-size: 1.6vw; margin-left:0.29vw; width: 85%; word-break:keep-all; line-height:1.3;} .apply_inner .detail_info .check_wrap span{font-size: 1.4vw; margin-left:2.7vw;} .apply_inner .detail_info .btn_wrap{margin-top:3.86vw;} .apply_inner .detail_info li{display:block;} .apply_inner .detail_info li dl + dl{margin-top: 2.83vw;} .input.ap1{width:100%;} .input.ap2{width:100%;} .radio_wrap span + span{margin-left:1.64vw;} input[type="radio"]{width: 2vw; height: 2vw;} input[type="radio"]:checked{border-width:4px;} input[type="radio"] + label{font-size: 1.30vw; margin-left:0.5vw;} .recruit_info{padding-left:3.57vw; width:calc(100% - 30.79vw);} .recruit_info .item{padding:4.29vw 0; display:block;} .recruit_info .item .lt{font-size: 2.03vw; width:100%;} .recruit_info .item .rt{width:100%; margin-top:2vw;} .recruit_info .item1 .rt{margin-top:2vw;} .rec1_box{padding:3.50vw 2.79vw;} .rec1_box .title{font-size: 1.71vw; margin-bottom:2.81vw;} .rec1_box .cont dl:first-of-type{width:60%;} .recruit_info dt{font-size: 1.7vw; margin-bottom:1.1vw;} .recruit_info dd{font-size: 1.60vw; padding-left:1vw;} .recruit_info dd:before{top:0.80vw;} .recruit_info p{font-size: 1.60vw;} .rec_ic_list{gap:1.64vw 0;} .rec_ic_list li{gap:1.64vw;} .rec_ic_list li:nth-child(odd){width:52%;} .rec_ic_list li:nth-child(even){width:48%;} .rec_ic_list li .icon{width: 8.07vw;} .rec_ic_list li dl{width:calc(100% - 8.07vw);} .rec_ic_list2{margin-bottom:1.64vw; gap:6.07vw;} .rec_ic_list2 li .icon{width: 10.14vw; height: 10.14vw;} .rec_ic_list2 li .icon:after{width: 3.21vw; height: 3.21vw; right:-4.93vw;} .rec_ic_list2 li .icon img{width: 3.79vw;} .rec_ic_list2 li .txt{margin-top:2.36vw;} .rec_ic_list2 li .txt .step{font-size: 1.4vw;} .rec_ic_list2 li .txt .title{font-size: 1.69vw; margin-top:0.57vw;} /* select */ .select {height: 4.2vw; line-height: 4.2vw; font-size: 1.27vw;} .select .selected {padding: 0 2.14vw;} .select .selected .arrow {width: 1.2vw;} .select .option_wrap {margin: 0.71vw 0 0 -0.07vw; border-radius: 1.7vw;} .select ul li {line-height:4.27vw; padding-left: 1.73vw;} .wh1{width:21.82vw;} .wh2{width:22.31vw;} .wh3{width:22.46vw;} .wh4{width:27.95vw;} .wh5{width:34.61vw;} .wh6{width:34.98vw;} .wh7{width:22.15vw;} /* about */ .about {padding-bottom: 5.93vw;} .about > div + div{margin-top:8.20vw;} .about .bg_gray{padding: 6.47vw 0;} .about .title em{font-size:1.75vw; margin-bottom: 3.03vw;} .about .title .logo{margin-bottom: 3.61vw;} .about .title .logo img{width: 33.89vw;} .about .title p{font-size: 1.57vw;} .about .title p + p{margin-top:1.66vw;} .about .circle_list{margin-top: 5.47vw;} .about .circle_list li{width: 33.01vw; height: 33.01vw;} .about .circle_list li + li{margin-left:-2.44vw;} .about .circle_list li .txt strong{font-size:1.75vw;} .about .circle_list li .txt div{margin-top:2.73vw; min-height:7.71vw;} .about .circle_list li .txt div p{font-size: 1.67vw;} .history{margin-top: 5.76vw;} .history .wrap{flex-wrap:wrap; gap: 5.39vw 0;} .history .wrap:before{display: none;} .history .wrap3:before{display: block; top: 2.76vw;} .history .wrap + .wrap{margin-top: 5.39vw;} .history .wrap .year.tab_no{display: none;} .history .wrap .year.tab_on{display: block;} .history .wrap .year .cont:not(.flex), .history .wrap .year .cont.flex > div{width: 23.55vw;} .history .wrap .year{position: relative;} .history .wrap .year:before{content:''; display: block; width: 100%; height: 2px; background-color: rgba(196,0,0,0.3); position: absolute; top: 2.76vw;} .history .wrap1 .year:before{width: 100vw;} /* .history .wrap3 .year:before{display: none;} */ /* .history .wrap .year:nth-of-type(n+4){margin-top:5.39vw;} .history .wrap1 .year{width: 33.33% !important;} .history .wrap2 .year:nth-of-type(-n+3){width: 33.33%;} .history .wrap2 .year:nth-of-type(n+4){width: 50%;} */ .history .wrap .year strong{font-size: 1.75vw; padding-bottom: 0.98vw;} .history .wrap .year strong:after{width: 4vw;} .history .wrap .year .cont{margin-top: 2.66vw;} /* .history .wrap .year .cont.flex{gap:6.10vw;} */ .history .wrap .year .cont p{font-size: 1.57vw;} .history .wrap .year .cont p + p{margin-top: 1.8vw;} .about .client{margin-top: 6.54vw;} .about .ceo{font-size: 1.7vw; margin-top: 4.39vw;} .about_sec5 .logo .section{padding: 2.37vw 0;} .about_sec5 .logo .section li + li{padding-left: 2.07vw;} .about_sec5 .logo .section li .item{padding: 2.07vw; min-height: 14.84vw;} .about_sec5 .logo .section li .item + .item{margin-top: 2.07vw;} .about_sec5 .logo .section li .item p{font-size: 1.56vw;} .about_sec5 .logo .section li .item .img1{width: 10.16vw;} .about_sec5 .logo .section li .item .img2{width: 7.71vw;} .about_sec5 .logo .section li .item .img3{width: 20.23vw;} .about_sec5 .logo .section li .item .img4{width: 20.61vw;} .about_sec5 .logo .section li .item a{right: 2.07vw; width: 2.95vw;} .about_sec5 .color{margin-top: 2.73vw;} .about_sec5 .color p{font-size:1.56vw; margin-bottom: 2.44vw;} .about_sec5 .color .color_wrap div{height: 6.84vw;} .about_sec5 .color .red{padding: 1vw;} .about_sec5 .color .red span{font-size: 1.3vw;} /* about_new */ .about_n .section + .section{margin-top: 7.81vw; padding-top: 7.81vw;} .about_n .title{font-size: 4.08vw; width: 40%;} .about_n .section:not(.sec3) .cont{width: 60%;} .about_n p{font-size: 1.56vw;} .about_n p + p{margin-top: 2.93vw;} .about_n .sec2 .cont{gap: 4.88vw;} .about_n .sec2 .cont .tit{font-size: 2.34vw; margin-bottom: 0.98vw;} .about_n .sec3 .title{margin-bottom: 2.93vw;} .about_n .sec3 .clients{gap: 1.30vw;} .about_n .sec3 .clients li{width: calc((100% - (1.30vw * 6)) / 7);} /* contact */ .contact{display: block;} .contact .title{font-size: 2.96vw; width: 100%;} .contact .list{width: 100%; gap:8.65vw 2%; margin-top: 5vw; justify-content: flex-start;} .contact .list dl{width: 32%;} .contact .list dt{font-size: 1.76vw; padding-bottom: 1.95vw; margin-bottom: 2.44vw;} .contact .list dd{font-size: 1.56vw;} .contact .list dd + dd{margin-top: 0.98vw;} } @media screen and (max-width: 768px) { /* 서브 공통 */ .pc{display:none;} .mob{display:block;} .sub_visual{height: 77.13vw; padding:0 3.13vw; background-position:right 10% center !important; justify-content: flex-end; align-items: flex-end;} .sub_visual.bg2{background-position:right 20% center;} .sub_vis_txt{max-width:100%; text-align:right; margin-bottom: 4vw;} .sub_vis_txt .logo{width: 25.14vw; display:inline-block;} .sub_vis_txt h2{font-size: 8.98vw; margin-top:0.52vw;} .sub_menu {display:none;} .sub_mob_menu {position: relative; display: block; z-index: 100;} .sub_mob_menu > ul {position: relative; border-bottom: 1px solid #ccc;} .sub_mob_menu > ul:after {content: ""; display: block; clear: both;} .sub_mob_menu > ul > li {position: relative; float: left; height: 13.02vw} .sub_mob_menu > ul > li + li:before {content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ccc;} .sub_mob_menu > ul > li > a {display: flex; align-items: center; line-height: 1.3; height: 13.02vw; padding-left: 2.60vw; font-size: 3.39vw; font-weight: 600; letter-spacing: -1px; padding-right: 9.11vw;} .sub_mob_menu > ul li.home {width: 11.71%; background: url("/img/icon/sub_home_icon.png") center no-repeat; background-size: 3.78vw;} .sub_mob_menu > ul li.menu_btn {width: 44.14%; background: url("/img/icon/sub_plus_btn.png") 90% center no-repeat; background-size: 2.34vw;} .sub_mob_menu > ul li.menu_btn.on {background: #000 url("/img/icon/sub_plus_btn_on.png") 90% center no-repeat; background-size: 2.34vw;} .sub_mob_menu > ul li.menu_btn.on > a {color: #fff;} .sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; border: 1px solid #ccc;} .sub_menu_txt li {height: 13.02vw; background: #fff;} .sub_menu_txt li + li {border-top: 1px solid #ccc;} .sub_menu_txt li a {display: block; line-height: 13.02vw; padding-left: 2.60vw; font-size: 3.13vw; font-weight: 600; letter-spacing: -1px; color: #000;} #sub_content {padding: 11.98vw 5.08vw 15vw;} .sub_inner {max-width: 100%;} .s_inner {padding:0 5.08vw;} .sub_title {font-size: 6.04vw;} .g_model_title {font-size: 7.51vw;} /* #sub_wrap {margin-top: 11.98vw;} */ /* model list */ .mob_filter_close{display:none;} .mob_filter_btn{display:block; text-align:right; font-size: 3.13vw; font-weight: 600; padding-right:3.13vw; margin-bottom:3.91vw; cursor:pointer;} .mob_filter_btn img{display:inline-block; vertical-align:middle; margin-right:1.30vw;} /* .mob_filter.on{display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:10000;} */ .mob_filter_close{display:block; position:absolute; right:3.13vw; top:5vw; width:3vw; width:4vw; cursor:pointer;} .filter_wrap{display:none;} .filter_wrap.on{display:block; width:100%;position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:10000;} .filter_inner{position:initial; height: 100%; padding:8vw 3.13vw; overflow:hidden;} .filter_inner .filter_tp{display:block;} .filter_inner .filter_tp strong{display:inline-block; vertical-align:middle;font-size: 5.21vw; font-weight: 700; margin-right:8vw; position:relative;} .filter_inner .filter_tp strong:after{content:''; display:block; width:1px; height:2.95vw; background:#E3E3E3; position:absolute; right:-4.60vw; top:50%; transform:translateY(-50%);} .filter_inner .filter_tp span{display:inline-block; vertical-align:middle; font-size: 3.39vw; font-weight: 700; color:#BEBEBE; letter-spacing: -0.12vw; cursor:pointer;} .filter_inner .filter_tp span img{display:inline-block; vertical-align:middle; margin: -0.26vw 0.39vw 0 0; width:3.65vw;} .filter_cont{margin-top:9vw; height:78%; overflow-y:auto; padding-right:3vw; padding-bottom:2vw;} .filter_cont::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */} .filter_cont::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;} .filter_cont::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .filter_inner dl + dl{margin-top:11.03vw;} .filter_inner dt{font-size: 3.95vw; margin-bottom:3.95vw;} .filter_inner dd{gap:2.04vw;} .filter_inner dd > span{font-size: 3.26vw; padding: 2vw 3.95vw;} .filter_inner dd .bar_wrap em{font-size: 3.13vw;} .filter_inner .srh_btn{display:block; text-align: center; font-size: 4.17vw; font-weight: 800; color:#fff; width:100%; line-height: 11.72vw; border-radius: 7.81vw; background:#000; margin-top:9vw;} .start {width: 52.08vw;} .extra-controls {height: 2.47vw;} .extra-controls.unminimised {padding: 1em 0 0; height: 4em; margin: 1em 0 2.5em 0;} .extra-controls input {width: 7.52vw; font-size: 3.26vw !important;} .irs {height: 1.69vw !important; margin-top: 3.43vw;} .inp {font-size: 2.34vw; width: 5.21vw; padding: 0.65vw;} .inp {width: 40%} .irs-slider.to:before {top: -120%; left: -20%; width: 150%; height: 256%;} .irs-bar {height: 1.2vw !important;} .irs-line {height: 1.2vw !important;} .irs-line-mid, .irs-line-left, .irs-line-right {height: 1.2vw !important;} .irs-slider {width: 2.69vw !important; height: 2.69vw !important; top: -0.8vw !important;} .mod_list_cont{width:100%; padding:0 3.13vw 15vw;} .mod_list{gap: 6.98vw 0; justify-content:space-between;} .mod_list li{width: 48.5%;} .mod_list li a .img_wrap{height:53.78vw;} .mod_list li .m_ic{width: 6.56vw; height: 6.56vw;} .mod_list li .ov_wrap{left:1.95vw; bottom:2.99vw;} .mod_list li .ov_wrap dl{font-size: 2.86vw; gap:3.47vw;} .mod_list li .ov_wrap dl + dl{margin-top:2.04vw;} .mod_list li .ov_wrap dt{width:10.60vw;} .mod_list li .ov_wrap dd{width:calc(100% - 10.6vw - 3.47vw);} .mod_list li p, .mod_list li .name{font-size: 3.60vw; margin-top:3.99vw;} .mod_list li .name{gap: 0.90vw; flex-direction: column;} .mod_list li .name .sns{gap: 1.30vw;} .mod_list li .name .sns a{width: 3.91vw;} /* model view */ .g_model_stay{font-size: 3.82vw; margin-top:2.82vw;} .g_model_stay span + span{margin-left:1.84vw;} .mod_view_wrap{margin-top:9.47vw; display:block;} .profile_wrap{padding-right:0;} .profile_inner{max-width: 100%; max-height:initial; position:initial; padding-right:0; overflow: hidden;} .profile_slide_wrap img{width:100%;} .pro_slide_arrow > div{width: 3.56vw; padding:2vw 2vw 1.6vw;} .profile_cont.pc{display:none;} .profile_cont.mob{display:block;} .profile_cont{margin:6.65vw 0;} .profile_cont .unit{gap:1.5vw; justify-content:flex-end; display:flex; align-items:center; margin-bottom: 3vw;} .profile_cont .unit span{font-size: 3.43vw; font-weight: 500; color: #BEBEBE; cursor: pointer;} .profile_cont .unit span.on{color:#000;} .profile_cont .unit img{width: 4.93vw; margin-top:0.5vw;} .profile_cont li{padding: 0 !important; border-bottom:1px solid #E7E7E7;} .profile_cont li .tit_wrap, .profile_cont li .tit_wrap2{padding:5vw 0;} .profile_cont li .tit_wrap2{display: flex; align-items: center; gap: 5.21vw;} .profile_cont li .tit_wrap .arrow{display:inline-block ;width:3vw; height:3vw; background:url("/img/icon/pro_mob_arrow.svg") no-repeat center / 100%; transition:all 0.5s;} .profile_cont li .tit_wrap .arrow.on{transform:rotate(-180deg);} .profile_cont li .tit{font-size: 3.82vw;} .profile_cont li .pro_detail{padding-bottom:5vw; display:none; margin-top:0 !important; font-size:3.26vw;} .profile_cont li .pro_detail.on{display:block;} .profile_cont li .pro_detail.det_wrap[style*="display: block"]{display:flex!important;} .profile_cont li .det_wrap .item{gap:3.91vw; font-size: 3.26vw;} .profile_cont li .det_wrap .item .lt{min-width:13vw;} .profile_cont li .car_wrap{max-height: 22.98vw; margin-bottom: 5vw;} .profile_cont li .car_wrap dl{font-size: 3.26vw; gap:1.82vw;} .profile_cont li .car_wrap dl + dl{margin-top:3.30vw;} .profile_cont li .car_wrap dt{min-width:13.30vw;} .profile_cont li .sns{gap: 1.95vw;} .profile_cont li .sns a{width: 4.17vw;} .profile_btn button{font-size: 3.95vw; padding: 2vw 5.60vw; margin-top:2.30vw;} .profile_btn a{font-size: 3.95vw; padding: 2vw 5.60vw;} .profile_btn a i{width:2.82vw; height:2.82vw; margin-left:1.30vw;} .mod_view{width: 100%; margin-top:13vw;} .mod_slide_wrap{margin-bottom:11.47vw;} .mod_slide_btn{margin-top:3.99vw; gap:3.82vw;} .mod_slide_btn .slide_arrow{width: 3.08vw;} .mod_slide_btn .swiper-pagination{font-size: 3.26vw; margin-top:0;} .mod_bt{padding:6.99vw 0; display:block;} .mod_bt .title{width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:5vw;} .mod_bt .title strong{font-size: 3.45vw;} .mod_bt .arrow{gap:1.93vw; margin-top:0;} .mod_bt .arrow > div{font-size: 0; gap:0; display:block;} .mod_bt .arrow > div img{width: 3.30vw;} .mod_bt .swiper{width:100%; margin:0;} .mod_bt .swiper-slide{padding:0 3.5vw 0 0; } .mod_bt .mod_slide_wrap2 a .video_btn{width: 8.69vw; height: 8.69vw;} .mod_bt .mod_slide_wrap3 p{font-size: 3.26vw; margin-top:4.08vw;} .videoPop .video_content{width:80%; height:80%; max-width:calc(100% - 7.29vw); max-height: calc(100% - 6.51vw);} .videoPop .video_content .popup_close{width: 3.43vw; height:3.43vw; top:-6.99vw;} .profile_slide .slide{height:106.69vw;} .mod_slide .swiper-slide{height:52.89vw;} .mod_slide_wrap2 .swiper-slide a{height:33.09vw;} .mod_slide_wrap3 .swiper-slide a .img{height:62.31vw;} /* selected model */ .sel_slide_wrapper{max-width: 100%;} .sel_slide_wrapper .sel_arrow{display:flex; justify-content:center; gap:3vw; margin-top:4vw;} .sel_slide_wrapper .sel_arrow > div{width: 3.9vw; position:initial; transform:translateY(0);} .sel_slide_wrapper .sel_arrow .prev{left:-5.86vw;} .sel_slide_wrapper .sel_arrow .next{right:-5.86vw;} .sel_slide .swiper-slide{height:53.17vw;} .sel_slide .swiper-slide .sel_delete{width: 2.56vw; height: 2.56vw; top:2.43vw; right:2.43vw;} .detail_info{max-width: 100%; margin: 13.46vw auto 0;} .detail_info .title{font-size: 4.34vw;} .detail_info .cont{padding:8.64vw 0;} .detail_info .cont1{padding:7.21vw 0 8.64vw;} .detail_info .cont li{display:block;} .detail_info .cont li.type2{gap:4.82vw;} .detail_info .cont li + li{margin-top:5.5vw;} .detail_info .cont li dl.half_width{width:100%;} .detail_info .cont li dl + dl{margin-top:5.5vw;} .detail_info .cont li dt{font-size: 3.58vw; margin-bottom:2.86vw; padding-left: 5vw;} .detail_info .cont li dt span{font-size: 3.00vw; margin-left:1vw;} .detail_info .cont li dd .check_wrap{margin-top:3.34vw;} .detail_info .cont li dd .check_wrap span + span{margin-left:9.51vw;} .detail_info .cont li dd .check_wrap input{width: 3.8vw; height: 3.8vw; background-size: 2vw; margin-top:-0.5vw;} .detail_info .cont li dd .check_wrap label{margin-left:0.82vw; font-size: 3.26vw;} .detail_info .input {width:100% !important; height: 9.51vw; font-size: 3.13vw; padding: 0 4.91vw;} .detail_info .btn_wrap input{font-size: 3.56vw; width: 30.28vw; line-height: 9.21vw;} input[type='date']{background-position:right 4.91vw center !important; background-size:3.34vw !important;} select{background-position: right 4.91vw center !important; background-size:2.4vw !important;} .sel_mod_wrap .input, .sel_mod_wrap .select{font-size:3.13vw;} .sel_mod_wrap .detail_info .cont li dd .check_wrap label{font-size:3.13vw;} /* creative artist list */ .cre_list{margin:0;} .cre_list li{margin:0; width: 100%;} .cre_list li + li{margin-top:4vw;} .cre_list li .txt_wrap{padding:5.50vw 5.86vw; height: 42.14vw;} .cre_list li .txt_wrap .job{font-size: 3.13vw;} .cre_list li .txt_wrap .en_name{font-size: 4.5vw; margin-top:1vw;} .cre_list li .txt_wrap .kr_name{font-size: 3.26vw; margin-top:1vw;} /* 250414 수정 */ .cre_list_new{gap: 13.02vw;} .cre_list_new > li{gap: 9.11vw; flex-direction: column !important;} .cre_list_new > li .img{width: 100%;} .cre_list_new > li .txt{width: 100%; padding-top: 0;} .cre_list_new > li .txt .tit_wrap{padding-bottom: 6.51vw; border-bottom: none;} .cre_list_new > li .txt .tit_wrap .title .job{font-size: 3.13vw;} .cre_list_new > li .txt .tit_wrap .title .en_name{margin: 0.65vw 0; font-size: 5.95vw;} .cre_list_new > li .txt .tit_wrap .title .kr_name{font-size: 3.65vw;} .cre_list_new > li .txt .tit_wrap .view_btn{padding: 0 3.91vw; line-height: 9.11vw; font-size: 3.26vw;} .cre_list_new > li .txt .info{padding-top: 0; padding-bottom: 5.21vw; border-bottom: 1px solid #000;} .cre_list_new > li:last-child .txt .info{border-bottom: none; padding-bottom: 0;} .cre_list_new > li .txt .info > strong{font-size: 3.91vw; display: block; position: relative; cursor: pointer;} .cre_list_new > li .txt .info > strong::before{content: ''; display: block; width: 3.26vw; height: 3.26vw; background: url(/img/icon/pro_mob_arrow.svg) no-repeat center / 100%; transition: all 0.5s; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .cre_list_new > li .txt .info > strong.on::before{transform: translateY(-50%) rotate(-180deg);} .cre_list_new > li .txt .info .wrapper{display: none; margin-top: 3.91vw;} .cre_list_new > li .txt .info .cont{margin-top: 0; max-height: 62.50vw; flex-direction: column; gap: 5.21vw;} .cre_list_new > li .txt .info .cont > div{padding-right: 5.21vw; width: 100%;} .cre_list_new > li .txt .info .cont .filmo + .filmo{margin-top: 5.21vw;} .cre_list_new > li .txt .info .cont .filmo .tit{font-size: 3.65vw; margin-bottom: 1.30vw;} .cre_list_new > li .txt .info .cont .filmo .list li{font-size: 3.13vw;} .cre_list_new > li .txt .info .cont .filmo .list li .year{min-width: 12.81vw;} /* creative artist list2 */ .cre_title{margin-bottom:8.81vw;} .cre_title em{font-size: 3.13vw;} .cre_title h3{font-size: 5.21vw; margin-top:1.80vw;} .cre_cate{gap: 2.5vw 3.91vw; margin-bottom:8.81vw; flex-wrap:wrap;} .cre_cate li a{font-size: 3.26vw;} .cre_list2{margin:0;} .cre_list2 li{margin:0; width: 100%;} .cre_list2 li + li{margin-top:4vw;} .cre_list2 li .txt_wrap{padding:4.52vw 3.60vw; height: 50%; font-size: 3.13vw;} /* creative artist list3 */ .slide_pop_inner{width:90%; max-height:125.14vw;} .pop_slide_wrap {width: 100%; max-height: 125.14vw;} .pop_slide li{width: 11.15%;} .pop_arrow > div {width: 7.29vw; height: 7.29vw;} .slide_pop_close{top:3.91vw; right:3.91vw; width: 2.83vw;} /* recruit list */ .recruit_list{gap:4.21vw;} .recruit_list li{width:100%;} .recruit_list li a{padding:5.57vw;} .recruit_list li .tp .career{font-size: 3.26vw; padding:0 4.14vw; line-height:6.71vw;} .recruit_list li .tp .title{font-size: 4.50vw; margin-top:3.43vw;} .recruit_list li .tp .title br{display:none;} .recruit_list li .tp .period{font-size: 3.26vw; margin-top:3.79vw;} .recruit_list li .tp .period span + span{margin-left:1.79vw;} .recruit_list li .tp .period span + span:before{height:1.07vw; left:-0.93vw;} .recruit_list li .date{margin-top:8.79vw; font-size: 3.26vw;} /* recruit view */ .recruit_wrap{display:block;} .apply_wrap{width:100%; border:none;} .apply_inner{position:initial; max-width: 100%; max-height:initial; padding-right:0; padding-bottom:0;} .apply_inner .title strong{font-size: 4.73vw;} .apply_inner .title p{font-size: 3.56vw; margin-top:1.9vw;} .apply_inner .title{display:none;} .apply_inner .title.mob{display:block;} .apply_inner .title.mob .title_wrap{display:flex; justify-content:space-between; padding-bottom:3vw; cursor:pointer;} .apply_inner .title.mob .arrow{display: inline-block; width: 3vw; height: 3vw; background: url(/img/icon/pro_mob_arrow.svg) no-repeat center / 100%; transition: all 0.5s;} .apply_inner .title.mob .arrow.on{transform: rotate(-180deg)} .apply_inner .detail_info{display:none; overflow:hidden;} .apply_inner .detail_info.on{display:block;} .apply_inner .detail_info .mob{display:block; font-size: 3.56vw;} .apply_inner .detail_info .cont{padding:7.52vw 0 7.30vw;} .apply_inner .detail_info p.unit{font-size:3.13vw; margin-top:2vw;} .apply_inner .detail_info .file_wrap .file{display:flex;} .apply_inner .detail_info .file_wrap .file .txt strong{font-size: 3.82vw;} .apply_inner .detail_info .file_wrap .file .txt p{font-size: 3.26vw; margin-top:2.3vw;} .apply_inner .detail_info .file_wrap .file .btn{margin-top:0} .apply_inner .detail_info .file_wrap .file .btn input{width: 25vw; height: 8.52vw;} .apply_inner .detail_info .file_wrap .file .btn .button{font-size: 3.26vw; width: 25vw; line-height: 8.52vw;} .apply_inner .detail_info .file_wrap .file-value{font-size: 3.26vw; line-height:8.78vw; padding-left:9.30vw; margin-top:3.34vw;} .apply_inner .detail_info .file_wrap .file-value:before{width: 3.30vw; height: 3.30vw; left:3.95vw;} .apply_inner .detail_info .file_wrap .red{font-size: 2.86vw; margin-top:2.56vw;} .apply_inner .detail_info .check_wrap{margin-top:6.30vw;} .apply_inner .detail_info .check_wrap label{font-size: 3.26vw; margin-left:0.6vw; width: auto;} .apply_inner .detail_info .check_wrap span{font-size: 3.03vw; margin-left:3.52vw;} .apply_inner .detail_info .btn_wrap{margin-top:8.91vw; margin-bottom:5vw;} .input.ap1{width:10.94vw;} .input.ap2{width:12.63vw;} .radio_wrap span + span{margin-left:4.69vw;} input[type="radio"]{width: 3.95vw; height: 3.95vw;} input[type="radio"]:checked{border-width:4px;} input[type="radio"] + label{font-size: 3.26vw; margin-left:0.52vw;} .recruit_info{padding-left:0; width:100%; margin-top:5vw; border-top:1px solid #E7E7E7; padding-top:10vw;} .recruit_info .item{padding:8.30vw 0;} .recruit_info .item .lt{font-size: 3.8vw; width:100%;} .recruit_info .item .rt{width:100%; margin-top:5.95vw;} .recruit_info .item1 .rt{margin-top:5.95vw;} .rec1_box{padding:5.52vw 4.73vw;} .rec1_box .title{font-size: 3.69vw; margin-bottom:5.86vw;} .rec1_box .cont{display:block;} .rec1_box .cont dl:first-of-type{width:100%;} .rec1_box .cont dl + dl{margin-top:6vw;} .recruit_info dt{font-size: 3.69vw; margin-bottom:3.04vw;} .recruit_info dd{font-size: 3.26vw; padding-left:1.84vw; line-height:1.7;} .recruit_info dd:before{top:1.8vw;} .recruit_info p{font-size: 3.26vw;} .rec_ic_list{gap:3.69vw 0;} .rec_ic_list li{display:block; text-align:center;} .rec_ic_list li:nth-child(odd){width:50%;} .rec_ic_list li:nth-child(even){width:50%;} .rec_ic_list li .icon{width: 18.07vw; margin:0 auto 3vw;} .rec_ic_list li dl{width:100%;} .rec_ic_list2{margin-bottom:5.69vw; gap:6.12vw 0; flex-wrap:wrap;} .rec_ic_list2 li{display:flex; align-items:center; width:50%; gap:4vw;} .rec_ic_list2 li .icon{width: 18.16vw; height: 18.16vw;} .rec_ic_list2 li .icon:after{display:none;} .rec_ic_list2 li .icon img{width: 6.78vw;} .rec_ic_list2 li .txt{margin-top:0;} .rec_ic_list2 li .txt .step{font-size: 3.26vw;} .rec_ic_list2 li .txt .title{font-size: 3.69vw; margin-top:1.5vw;} /* 팝업 */ .popup_inner{width: 78.13vw; padding:5.86vw 5.21vw 10.42vw;} .pop_tit{padding-bottom:3.60vw; margin-bottom:5.91vw;} .pop_tit h4{font-size: 3.8vw;} .pop_cont{max-height: 61.67vw; padding-right:3.26vw;} .pop_cont .score{font-size: 3.44vw; border-radius: 1.30vw; padding:1.95vw; gap:1.70vw;} .pop_cont .score strong{font-size: 6.21vw;} .pop_cont .result{margin-top:5.56vw;} .pop_cont .result .title{font-size: 3.6vw; margin-bottom:2.60vw;} .pop_cont .result p{font-size: 3.44vw;} .pop_cont .result p + p{margin-top:1.95vw;} .pop_cont .result p br{display:none;} .popup_wrap .btn_wrap{padding-top:6.51vw; margin-top:3.60vw;} .popup_wrap .btn_wrap:before{width:63.10vw;} .popup_wrap .btn_wrap a{font-size: 3.44vw; padding: 2.60vw 6.51vw;} /* select */ .select {width:100% !important; height: 9.51vw; line-height: 9.51vw; font-size: 3.13vw;} .select .selected {padding: 0 4.91vw;} .select .selected .arrow {width: 2.2vw;} .select .option_wrap {margin: 1.2vw 0 0 -0.07vw; border-radius: 2.7vw;} .select ul li {line-height:9.27vw; padding-left: 3.73vw;} .detail_info .cont li dd.mob_flex{display:flex; justify-content:space-between;} .detail_info .input.wh7{width:48.5% !important;} /* 완료 페이지 */ .completion .icon{margin-bottom:4.26vw;} .completion .icon img{width: 9.25vw;} .completion strong{font-size: 4.13vw;} .completion p{font-size: 3.34vw; margin-top:1.30vw;} .completion .btn{font-size: 3.13vw; width: 25.23vw; height: 9.16vw; line-height: 9.16vw; margin-top:4.60vw;} /* apply write */ .dpp_w_form.apply > ul > li{width:100%;} .dpp_w_form.apply > ul > li.dpp_w_file{width:100%;} .dpp_w_form.apply .dpp_w_td label span.ex{display:block; margin:10px 0 0;} .dpp_w_form.apply .dpp_w_input.size{flex-direction:column; gap: 10px} .dpp_w_form.apply .dpp_w_input.size .dd_input{width:100%;} .dpp_w_form.apply .dpp_w_input.size .dd_input2{width:100%;} .dpp_w_form.apply .dpp_w_input .checkbox{margin-left:20px;} .dpp_w_form.apply .dpp_input_file{padding-right: 130px;} .dpp_w_form.apply .dpp_input_file .file_chk_dp{width: 120px;} /* .dpp_w_form.apply{margin:-2.60vw 0;} .dpp_w_form.apply > ul > li{width:100%; padding:2.60vw 0;} .dpp_w_form.apply > ul > li.full{width:100%;} .dpp_w_form.apply > ul > li.dpp_w_file{width:100%;} .dpp_w_form.apply .dpp_w_td{ padding:0; width:100%; margin-bottom:1.30vw;} .dpp_w_form.apply .dpp_w_td label{font-size: 2.60vw; } .dpp_w_form.apply .dpp_w_td label span{font-size: 2.08vw; margin-left:1.95vw;} .dpp_w_form.apply .dpp_w_input.size{gap:2.60vw;} .dpp_w_form.apply .dpp_w_input.size .dd_input{width:30%;} .dpp_w_form.apply .dpp_w_input.size .dd_input2{width:40%;} .dpp_w_form.apply .dpp_w_input textarea{padding:2.60vw;} .dpp_w_form.apply .dpp_w_input{font-size:2.08vw;} .dpp_w_form.apply .dpp_w_input .checkbox{margin-left:3.26vw;} .dpp_w_form.apply .dpp_w_input .checkbox label{margin-left:0.65vw;} .dpp_w_form.apply .dpp_input_file{max-width:100%; padding-right: 19.53vw;} .dpp_w_form.apply .dpp_input_file:before{height:6.51vw;} .dpp_w_form.apply .dpp_input_file .file_chk_dp{width: 18.23vw; line-height: 6.51vw; height: 6.51vw;} .dpp_write_btn_wrap.custom .write_btn{font-size: 2.08vw; width: 18.23vw; height: 7.16vw; line-height: 7.16vw;} .apply_txt, .apply_checkbox{font-size:2.34vw; margin-top:3.91vw;} .apply_checkbox{gap:1.30vw;} .apply_checkbox p{font-size:2.08vw;} */ /* about */ .about {padding-bottom: 15vw;} .about > div + div{margin-top:15.94vw;} .about .bg_gray{padding: 13.29vw 0;} .about .title em{font-size:3.65vw; margin-bottom: 6.04vw;} .about .title .logo{margin-bottom: 6.82vw;} .about .title .logo img{width: 55.18vw;} .about .title p{font-size: 3.26vw;} .about .title p + p{margin-top:2.21vw;} .about .title p br:not(.none){display: none;} .about .circle_list{margin-top: 8.29vw; flex-wrap:wrap;} .about .circle_list li{width: 62.01vw; height: 62.01vw;} .about .circle_list li + li{margin-top:-3.26vw; margin-left: 0;} .about .circle_list li .txt strong{font-size:3.82vw;} .about .circle_list li .txt div{margin-top:3.65vw; min-height:auto;} .about .circle_list li .txt div p{font-size: 3.65vw;} .history{margin-top: 8.68vw;} .history .wrap{gap: 8.39vw 0;} .history .wrap:before{top: 6.06vw;} .history .wrap .year:before{top: 6.06vw;} .history .wrap + .wrap{margin-top: 8.39vw;} .history .wrap .year{width: 100%;} .history .wrap .year .cont:not(.flex), .history .wrap .year .cont.flex > div{width: 50%;} /* .history .wrap1 .year{width: 50% !important;} .history .wrap .year:nth-of-type(n+3) {margin-top: 8.39vw;} .history .wrap2 .year:nth-of-type(-n+2){width: 50%;} .history .wrap2 .year:nth-of-type(n+3){width: 100%;} */ .history .wrap .year strong{font-size: 3.65vw; padding-bottom: 2.04vw;} .history .wrap .year strong:after{width: 8.3vw;} .history .wrap .year .cont{margin-top: 5.21vw;} .history .wrap .year .cont.flex{gap:8.39vw 0; flex-wrap: wrap; width: 100%;} .history .wrap2 .year{width: 50%;} .history .wrap .year .cont p{font-size: 3.26vw;} .history .wrap2 .year div{width: 100% !important;} .history .wrap .year .cont p + p{margin-top: 3.04vw;} .about .client{margin-top: 8.72vw;} .about .ceo{font-size: 3.9vw; margin-top: 7.86vw;} .about_sec5 .logo{margin-top: 8vw;} .about_sec5 .logo .section{padding: 1.82vw 0; display: block;} .about_sec5 .logo .section li{width: 100%;} .about_sec5 .logo .section li + li{padding-left: 0; border-left: none; border-top: 1px solid #000;} .about_sec5 .logo .section li .item{padding: 3.43vw; min-height: 35.79vw !important;} .about_sec5 .logo .section li .item + .item{margin-top: 1.43vw;} .about_sec5 .logo .section li .item p{font-size: 3.26vw;} .about_sec5 .logo .section li .item .img1{width: 17.54vw;} .about_sec5 .logo .section li .item .img2{width: 17.29vw;} .about_sec5 .logo .section li .item .img3{width: 41.31vw;} .about_sec5 .logo .section li .item .img4{width: 41.47vw;} .about_sec5 .logo .section li .item a{right: 3.43vw; bottom: 3.43vw; width: 5.60vw;} .about_sec5 .color{margin-top: 10.65vw; display: block;} .about_sec5 .color > div{width: 100%;} .about_sec5 .color .right{margin-top: 7vw;} .about_sec5 .color p{font-size:3.65vw; margin-bottom: 4.26vw;} .about_sec5 .color .color_wrap div{height: 14.11vw;} .about_sec5 .color .red{padding: 2vw;} .about_sec5 .color .red span{font-size: 3.13vw;} /* about_new */ .about_n .section + .section{margin-top: 10.42vw; padding-top: 10.42vw;} .about_n .section:not(.sec3){display: block;} .about_n .title{font-size: 7.81vw; margin-bottom: 4.69vw !important; width: 100%;} .about_n .section:not(.sec3) .cont{width: 100%;} .about_n p{font-size: 3.26vw;} .about_n p br{display: none;} .about_n p + p{margin-top: 3.91vw;} .about_n .sec2 .cont{gap: 3.26vw;} .about_n .sec2 .cont .tit{font-size: 4.17vw; margin-bottom: 2.60vw;} .about_n .sec3 .clients{gap: 3.91vw 0;} .about_n .sec3 .clients li{width: calc(100% / 4);} /* contact */ .contact .title{font-size: 4.91vw;} .contact .list{gap:10.53vw 0; margin-top: 12vw;} .contact .list dl{width: 100%;} .contact .list dt{font-size: 3.95vw; padding-bottom: 3.60vw; margin-bottom: 4.26vw;} .contact .list dd{font-size: 3.34vw;} .contact .list dd + dd{margin-top: 1.30vw;} }