#cursorFollower {position: fixed;border-radius: 100%;top: 0;left: 0;will-change: transform;-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;transform:translate3d(0,0,0);z-index:2;} #cursorFollower .default {width: 2.61vw;height: 2.61vw;border: 0.11vw solid #D7EC00;border-radius:2.61vw;background:#D7EC00;position: absolute;will-change: transform;-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;transform:translate(-50%,-50%);} #cursorFollower .color_box {display:none;width: 15.52vw;height: 15.52vw;border: none;border-radius:15.52vw;background: url('../images/hover_img_01.png') no-repeat center center;background-size: 100% 100%;transition:0.5s all;position: absolute;will-change: transform;-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;transform:translate(-50%,-50%);transition:0.5s background-color;} #wrapper, .wrap{width:100vw;height:100vh;overflow:hidden;overflow-y: auto;color:#242424;} #loading{position: fixed;top: 50%;left: 50%;width: 5.21vw;height: 5.21vw;z-index: 10000;transform: translate(-50%,-50%);} #topBox{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;} #topBox .menu_wrap{position: relative;top: 0;left: 0;width: 100%;z-index: 50;} #topBox .menu_wrap #header{width: 100%;padding-top: 1.77vw;max-width: 88.54vw;margin: 0 auto;} #topBox .menu_wrap #header .header_wrap{display: flex;justify-content: space-between;align-items: center;} #topBox .menu_wrap #header .header_wrap .logo{} #topBox .menu_wrap #header .header_wrap .logo .logo_img{width: 9.32vw;height: 0.88vw;} #topBox .menu_wrap #header .header_wrap .logo .logo_img a{display: block; width: 9.32vw;height: 0.88vw;} #topBox .menu_wrap #header .header_wrap .logo .logo_w{} #topBox .menu_wrap #header .header_wrap .logo .logo_b{display: none;} #topBox .menu_wrap #header .header_wrap .right{display: flex;justify-content: space-between;align-items: center;} #topBox .menu_wrap #header .header_wrap .right .brochure{width: 3.9vw;height: 1.19vw;margin-right: 1.40vw; overflow: hidden;} #topBox .menu_wrap #header .header_wrap .right .brochure .dw_btn{display: block;color:#FFFFFF;cursor: none;font-size: 0.93vw;font-weight: 400;transform:translateY(0);transition:.8s all;} #topBox .menu_wrap #header .header_wrap .right .brochure .dw_btn.on{display: block;color:#D7EC00;cursor: none;font-size: 0.93vw;font-weight: 400;} #topBox .menu_wrap #header .header_wrap .right .brochure .border_w{display: block; width: 3.9vw;height: 0.05vw;background: #FFFFFF;transform:translateX(0);transition:.5s all;} #topBox .menu_wrap #header .header_wrap .right .brochure .border_g{display: block; width: 3.9vw;height: 0.05vw;background: #D7EC00;transform:translateX(-101%);transition:.5s all;} #topBox .menu_wrap #header .header_wrap .right .brochure:hover .dw_btn{transform:translateY(-100%);transition:.8s all;} #topBox .menu_wrap #header .header_wrap .right .brochure:hover .border_w{transform:translateX(100%);transition:.8s all;background: #D7EC00;} #topBox .menu_wrap #header .header_wrap .right .brochure:hover .border_g{transform:translateX(0);transition:.8s all;background: #D7EC00;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box{z-index: 99;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn{display: block;width: 1.67vw;height: 1.14vw;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar{display: block; width: 1.67vw;height: 0.10vw;background: #FFFFFF;transition: all .3s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar_2{margin: 0.36vw 0;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on {display: block; width: 1.67vw;height: 1.14vw;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar{position: relative;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar_1{display: block; width: 1.67vw;height: 0.10vw;background: #FFFFFF;top: 0.62vw; transform: rotate(45deg);transition: all .3s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar_2{display: block;width: 0;transition: all .3s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar_3{display: block; width: 1.67vw;height: 0.10vw;background: #FFFFFF;top: -0.31vw; transform: rotate(-45deg);transition: all .3s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar.white{background: #FFFFFF;} /* #topBox .menu_wrap #header .header_wrap .right .menu_btn_box{z-index: 99;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn{position: relative; display: block; width: 1.67vw;height: 1.14vw;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn::before{content: ''; position: absolute; display: block; width: 100%;height: 100%; background: url('../images/menu_icon.svg') no-repeat center center;background-size: 100% 100%; opacity: 1; transition: opacity 0.5s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar{display: block; width: 0;height: 0;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar_1, #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar_3{display: block; width: 0;height: 0; } #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar_2{margin: 0;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on {display: block; width: 1.67vw;height: 1.14vw; } #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on::before{content: ''; position: absolute; display: block; width: 100%;height: 100%; background: url('../images/menu_icon.svg') no-repeat center center;background-size: 100% 100%; opacity: 0; transition: opacity 0.5s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar{position: relative; display: block;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar_1{display: block; width: 1.67vw;height: 0.10vw;background: #FFFFFF;top: 0.68vw; transform: rotate(45deg);transition: transform .5s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar_2{display: block;width: 0;transition: all .3s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn.on .bar_3{display: block; width: 1.67vw;height: 0.10vw;background: #FFFFFF;top: 0.62vw; transform: rotate(-45deg);transition: transform .5s;} #topBox .menu_wrap #header .header_wrap .right .menu_btn_box .menu_btn .bar.white{background: #FFFFFF;} */ #topBox .menu_wrap #header .header_wrap.B .logo .logo_b{display: block;} #topBox .menu_wrap #header .header_wrap.B .logo .logo_w{display: none;} #topBox .menu_wrap #header .header_wrap.B .right .brochure{margin-right: 1.40vw;} #topBox .menu_wrap #header .header_wrap.B .right .brochure .dw_btn{color:#000000;cursor: none;font-size: 0.93vw;font-weight: 400;} #topBox .menu_wrap #header .header_wrap.B .right .brochure .dw_btn.on{color:#D7EC00;cursor: none;font-size: 0.93vw;font-weight: 400;} #topBox .menu_wrap #header .header_wrap.B .right .brochure .border_w{display: block; width: 3.90vw;height: 0.05vw;background: #000000;} #topBox .menu_wrap #header .header_wrap.B .right .menu_btn_box .bar{display: block; width: 1.66vw;height: 0.1vw;background: #000000;} #topBox .menu_wrap #header .header_wrap.B .right .menu_btn_box .menu_btn.on .bar.white{display: block; width: 1.66vw;height: 0.1vw;background: #ffffff;} #topBox .menu_wrap #header .header_wrap.B .right .menu_btn_box .menu_btn.on .bar_2.white{display: block;width: 0;transition: all .3s;} #topBox .menu_wrap #gnb{position: absolute; top: 0;right: 0; background: #000000;width:0; height: 100vh;overflow: hidden; transform:translateX(100%);transition: all 1s;} #topBox .menu_wrap #gnb.active{position: absolute; top: 0;right: 0; background: #000000;width: 45%; height: 100vh;transform:translateX(0);transition: all 1s;} #topBox .menu_wrap #gnb .gnb_wrap{display: flex;width: 100%;height: 100%; padding-left: 6.77vw; flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: flex-start;align-items: center;} #topBox .menu_wrap #gnb .menu_list{} #topBox .menu_wrap #gnb .menu_list .nav{transition: all 0.2s} #topBox .menu_wrap #gnb .menu_list .nav a{font-family: 'Poppins'; font-size: 4.94vw;color: #FFFFFF;font-weight: 600;} #topBox .menu_wrap #gnb .menu_list .nav a:hover{color: #D7EC00;transition: all 0.2s;} #topBox .menu_wrap #gnb .dw_box{position: absolute;bottom: 2.96vw;} #topBox .menu_wrap #gnb .dw_box a{display: flex;justify-content: space-between;align-items: center; width: 100%;height: 100%; font-family: 'Pretendard'; font-size: 0.93vw;color: #FFFFFF;font-weight: 500;} #topBox .menu_wrap #gnb .dw_box a:hover{color: #D7EC00;} #topBox .menu_wrap #gnb .dw_box a span{display: inline-block;width: 100%;height: 100%;padding-right: 0.78vw;} #topBox .menu_wrap #gnb .dw_box a img.wh{display: inline-block;width: 1.14vw;height: 1.14vw;} #topBox .menu_wrap #gnb .dw_box a img.gr{display: none;width: 1.14vw;height: 1.14vw;} #topBox .menu_wrap #gnb .dw_box a:hover img.wh{display: none;width: 1.14vw;height: 1.14vw;} #topBox .menu_wrap #gnb .dw_box a:hover img.gr{display: inline-block;width: 1.14vw;height: 1.14vw;} #wrapper{} #wrapper .wrap{} #wrapper .wrap .container{position: relative;} #wrapper .wrap .container .section{position:relative;} #wrapper .wrap .container .section .cont_wrap{} #wrapper .wrap .cont_wrap .cont_box{width: 100%;max-width: 83.33vw; margin: 0 auto;} .typed-cursor{ opacity: 1; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } #footer{} #footer .cont_wrap{} #footer .cont_wrap .cont_box{} #footer .cont_wrap .cont_box .top_btn_box{max-width: 83.33vw; margin-left: auto;padding-bottom: 2.34vw;} #footer .cont_wrap .cont_box .top_btn_box .top_btn{display: block;width: 3.80vw;height: 3.80vw;background: #333333;margin-left: auto;} #footer .cont_wrap .cont_box .top_btn_box .top_btn img{width: 0.833vw;height: 1.09vw;margin: 0 auto;} #footer .cont_wrap .cont_box .cont_info_box{max-width: 67.71vw; display: flex;padding-bottom: 2.5vw;margin: 0 0 0 10.41vw;;flex-direction: row;flex-wrap: nowrap;align-items: flex-end;justify-content: flex-start;} #footer .cont_wrap .cont_box .cont_info_box .sub_btn_box{margin-right: 24.37vw;} #footer .cont_wrap .cont_box .cont_info_box .sub_btn_box ul{} #footer .cont_wrap .cont_box .cont_info_box .sub_btn_box ul .m_btn{padding-bottom: 0.52vw;letter-spacing:0.05vw;} #footer .cont_wrap .cont_box .cont_info_box .sub_btn_box ul .m_btn a{font-size: 2.23vw;font-weight: 600;color: #000000;letter-spacing:0.05vw;} #footer .cont_wrap .cont_box .cont_info_box .sub_btn_box ul .m_btn:last-child{padding-bottom: 0;} #footer .cont_wrap .cont_box .cont_info_box .sub_btn_box ul li .m_btn{} #footer .cont_wrap .cont_box .cont_info_box .foot_info{} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_box{padding-bottom: 2.08vw;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_box p{font-size: 0.83vw;font-weight: 300;color: #000000;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_box .tp_title{font-size: 0.93vw;font-weight: 500;color: #000000;padding-bottom: 0.41vw;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_dw{width: 14.73vw;height: 3.75vw;margin-top: 0.20vw; border:0.05vw solid #828282;border-radius: 0.26vw;transition: .3s all;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_dw:hover{border:0.05vw solid #D7EC00 ; transition: .3s all;border-radius: 0.26vw;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_dw:hover .dw_btn{background: #D7EC00;border-radius: 0.26vw;transition: .3s all;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_dw .dw_btn{display: flex;justify-content: space-evenly;align-items: center;width: 100%;height: 100%;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_dw .dw_btn .dw_text{font-size: 0.93vw;font-weight: 500;color: #000000;z-index: 1;} #footer .cont_wrap .cont_box .cont_info_box .foot_info .info_dw .dw_btn .dw_icon{display: block;width: 1.14vw;height: 1.14vw;z-index: 1;} #footer .cont_wrap .cont_box .copy_box{max-width: 67.71vw; padding: 1.40vw 0 2.60vw 0.52vw;margin: 0 auto; border-top:0.05vw solid #D1D1D1;} #footer .cont_wrap .cont_box .copy_box .copy_text{font-size: 0.72vw;font-weight: 400;} #footer .cont_wrap .cont_box .copy_box .company{padding-bottom: 0.41vw;} #footer .cont_wrap .cont_box .copy_box .copyright{} /*버튼 모션*/ .hover_motion{position:relative;display: block;text-align: center;line-height: 2.39vw;color: #FFFFFF;font-size: 0.83vw;font-weight: 400;border: 0.05vw solid #FFFFFF;overflow: hidden;} .hover_motion::after{position: absolute;left:0;bottom:0;display:block;width:100%;height:100%;background: #D7EC00;border: 0.05vw solid #D7EC00;color: #000000; content: '';z-index: -1;transform: scaleY(0);transform-origin:center bottom; transition: 0.3s all;} .hover_motion:hover{color: #000000;border: none; /* border: 0.05vw solid #D7EC00; */} /*2/24*/ .hover_motion:hover::after{background: #D7EC00;transform: scaleY(1); transform-origin:bottom top; transition: 0.3s all;color: #000000;} /*메인*/ #main #sec01{} #main #sec01 .cont_wrap{} #main #sec01 .cont_wrap .dim_2{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;margin:0 auto;z-index:1;background:rgba(0,0,0,0.7);} #main #sec01 .cont_wrap .cont_box{position: relative; max-width:100vw;height: 100vh; display: flex;flex-direction: column;flex-wrap: nowrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start;} #main #sec01 .cont_wrap .cont_box .bg_video{position:absolute;width:100%;height:100vh;overflow:hidden;margin:0 auto;z-index:-1;background:#000000;} /* #main #sec01 .cont_wrap .cont_box .bg_video{position:absolute;width:100%;height:100vh;overflow:hidden;margin:0 auto;z-index:-1;background: url('../images/main_kv.png')no-repeat bottom;background-size:cover;} */ #main #sec01 .cont_wrap .cont_box .video_box{position:absolute;top:50%;left:50%;width:100vw;height:100vh;padding:0;overflow:hidden;transform:translate(-50%, -50%);} #sec01 .cont_wrap .cont_box .video_box video{position:absolute;left:50%;top:50%;width:100vw;transform:translate(-50% , -50%);z-index:-1;} @media screen and (max-aspect-ratio: 1280/720) { #main #sec01 .cont_wrap .cont_box .video_box video{width: auto;height: 100vh;} } #main #sec01 .cont_wrap .cont_box .title_box{width: 57.65vw; font-family: 'Poppins';color: #FFFFFF;font-size: 7.65vw;line-height: 7.65vw;margin-left: 8.59vw;padding-top: 12.7vw;z-index: 1;} #main #sec01 .cont_wrap .cont_box .title_box .fix_title{font-weight: 700;padding-bottom: 2.70vw;letter-spacing: 0;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title{font-weight: 500;width: 100%;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title::after{display: block;content: '';clear: both;visibility: hidden;height: 0;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title .door{display: inline-block;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title .d_l{float: left;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title .d_r{float: right;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title p{display: inline-block;width: 80%;} #main #sec01 .cont_wrap .cont_box .title_box .tiping_title .typing{letter-spacing: 0.15vw;} #main #sec01 .cont_wrap .cont_box .row_arrow{position:absolute;width: 3.64vw;height: 1.87vw;bottom: 5%;left: 50%;transform: translate(-1.80vw, -0.58vw);} #main #sec02{display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;min-height: 56.25vw;height:100vh;} #main #sec02 .hover_img{position: absolute;top:50%;right:0; width: 15.52vw;height: 15.52vw;transform:translate(-50%,-50%);} #main #sec02 .cont_wrap{} #main #sec02 .cont_wrap .cont_box{} #main #sec02 .cont_wrap .cont_box .sec_text_box{padding-bottom: 4.42vw;} #main #sec02 .cont_wrap .cont_box .sec_text_box .sec_text{font-family: 'Poppins';font-size: 1.04vw;font-weight: 300; text-align: center;} #main #sec02 .cont_wrap .cont_box .big_text_box{display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;} #main #sec02 .cont_wrap .cont_box .big_text_box .big_text{position: relative;height:8.33vw;overflow:hidden;text-align: center;} #main #sec02 .cont_wrap .cont_box .big_text_box .big_text .hover_text{font-family: 'Poppins';font-size:6.45vw;font-weight: 600;cursor: none;line-height:8.33vw;} #main #sec02 .cont_wrap .cont_box .big_text_box .big_text .hover_text.federo{font-family: 'Federo'; font-size:6.45vw;font-weight: 400;} #main #sec02 .cont_wrap .cont_box .big_text_box .big_text .cover_w{position:absolute;left:0;bottom:0;width:100%;height:5.20vw;background:white;} #main #sec02 .cont_wrap .cont_box .big_text_box .big_text p{transform:translateY(0);transition:1s all;} #main #sec02 .cont_wrap .cont_box .big_text_box .big_text:hover p{transform:translateY(-100%);transition:1s all;} #main #sec02 .hover_img{display:none;background: url('../images/hover_img_01.png') no-repeat center center;background-size: 100% 100%;transition:0.5s all;} #main #sec02 .hover_img.img1{background: url('../images/hover_img_01.png') no-repeat center center ;background-size: 100% 100%;transition:0.5s all;} #main #sec02 .hover_img.img2{background: url('../images/hover_img_02.png') no-repeat center center ;background-size: 100% 100%;transition:0.5s all;} #main #sec02 .hover_img.img3{background: url('../images/hover_img_03.png') no-repeat center center ;background-size: 100% 100%;transition:0.5s all;} #main #sec02 .hover_img.img4{background: url('../images/hover_img_04.png') no-repeat center center ;background-size: 100% 100%;transition:0.5s all;} .dim{opacity: 1; position: absolute; top: 0;left: 0;width: 100%;height: 100vh;overflow: hidden;z-index: -1;} .dim .dim_bg{opacity: 1; position: absolute; top: 100%;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,1);overflow: hidden;z-index: -1;} #main #sec03{/* padding-top:100vh; */padding-top: 10vh; background-color:#000000;} #main #sec03 .cont_wrap{} #main #sec03 .cont_wrap .cont_box{display: flex;flex-direction: column;justify-content: center;height: 100vh;padding: 7.44vw 0;} #main #sec03 .cont_wrap .cont_box .work_box{position: relative;z-index: 5;} #main #sec03 .cont_wrap .cont_box .work_box .work_title{position: absolute;left: 13.4%;top: 50%;transform: translateY(-200%);z-index:1;} #main #sec03 .cont_wrap .cont_box .work_box.work_02 .work_title{left: 0%;transform: translateY(-160%);} #main #sec03 .cont_wrap .cont_box .work_box.work_03 .work_title{position: absolute;left: 25.5%;top: 50%;transform: translateY(-200%);z-index:1;} #main #sec03 .cont_wrap .cont_box .work_box.work_box.work_03 .work_title sup{font-size: 2.5vw; line-height: 2.5vw;} #main #sec03 .cont_wrap .cont_box .work_box .work_title .title{font-family: 'Poppins';font-size: 4.68vw;font-weight: 600;color: #FFFFFF;line-height: 4.68vw;letter-spacing: 0.10vw;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs{width: 48.75vw; height: 37.65vw;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs .vs_box{background: #000000;width: 100%;height: 100%; position: relative;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs .vs_box .img_box {position: absolute; top: 1.3vw; right: 1.3vw; width: 50px; height: 50px;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs .vs_box .img_box01 {width: 109.5px; display: flex; justify-content: space-between; gap: 9.5px;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs .vs_box .img_box img {position: absolute; transform: translate(-50%, -50%); width: 100%; height: 100%; left: 50%; top: 50%;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs .vs_box .img_box01 img {position: static; transform: translate(0,0); width: auto;} /* #main #sec03 .cont_wrap .cont_box .work_box .work_vs .vs_box video{width: 49.47vw;height: 39.06vw;} */ #main #sec03 .cont_wrap .cont_box .work_box .work_vs .sub_text{font-family: 'Poppins';font-size: 0.833vw;font-weight: 300; color: #FFFFFF;text-align: right;} #main #sec03 .cont_wrap .cont_box .work_box .work_vs .sub_text sup {font-size: 0.6vw;} #main #sec03 .cont_wrap .cont_box .work_box.work_01 .work_vs{margin-left: auto;} #main #sec03 .cont_wrap .cont_box .work_box.work_01 .work_vs video{/* width: 48.85vw;height: 37.70vw; */width: 100%;height: 100%;} #main #sec03 .cont_wrap .cont_box .work_box.work_02 .work_vs{margin-left: 11.30vw;} #main #sec03 .cont_wrap .cont_box .work_box.work_02 .work_vs video{/* width: 50.41vw;height: 31.25vw; */width: 100%;height: 100%;} #main #sec03 .cont_wrap .cont_box .work_box.work_03 .work_vs{margin-left: auto;} #main #sec03 .cont_wrap .cont_box .work_box.work_03 .work_vs video{/* width: 53.22vw;height: 36.35vw; */width: 100%;height: 100%;} #main #sec03 .dim{opacity: 1; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,1);overflow: hidden;z-index: -1;} #main #sec04{} #main #sec04 .black_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color: #000000;z-index: -1;} #main #sec04 .cont_wrap{} #main #sec04 .cont_wrap .cont_box{display: flex;flex-direction: column;justify-content: flex-end;align-items: stretch;align-content: stretch; height:32.29vw;padding-bottom: 4.73vw; font-family: 'Poppins';letter-spacing: 0.23vw;} #main #sec04 .cont_wrap .cont_box .sub_text{font-size: 1.45vw;font-weight: 500;color: #222222;letter-spacing: 0.01vw;line-height: 2.08vw;} #main #sec04 .cont_wrap .cont_box .go_work{} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn{position: relative; display: flex;align-items: center;justify-content: space-between; width: 100%;height: 100%;line-height: 1;} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn .text{font-size: 9.84vw;font-weight: 600;color: #222222;} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn .arr{display: block;width:8.81vw;height:7.45vw;background:url('../images/arrow.png') repeat-x;background-size:8.8vw 7.44vw;background-position-x:0%;transition:1s all;} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn .under{position: absolute;bottom: 1.04vw; display: block;width: 0%;height: 1.25vw;background: #D7EC00;z-index: -1;transition:1s width ;} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn:hover{} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn:hover .text{} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn:hover .arr{background-position-x:8.81vw;transition:1s all;} #main #sec04 .cont_wrap .cont_box .go_work .go_work_btn:hover .under{position: absolute;bottom: 1.04vw; display: block;width: 70.73vw;height: 1.25vw;background: #D7EC00;z-index: -1;transition:1s width;} #main #sec05{} #main #sec05 .cont_wrap{} #main #sec05 .cont_wrap .cont_bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: url('../images/career_bg.png') no-repeat center center; background-size: cover;z-index: -1;} #main #sec05 .cont_wrap .cont_box{display: flex;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;height: 54.06vw;} #main #sec05 .cont_wrap .cont_box .title_box{text-align: center;color: #FFFFFF;} #main #sec05 .cont_wrap .cont_box .title_box .main_s_text{font-size: 1.04vw;font-weight: 300;padding-bottom: 1.04vw;line-height: 1.04vw;} #main #sec05 .cont_wrap .cont_box .title_box .main_title{font-size: 3.65vw;font-weight: 600;padding-bottom: 2.60vw;line-height: 4.95vw;} #main #sec05 .cont_wrap .cont_box .title_box .go_inquire{width: 8.59vw;height: 2.40vw;border: 1px solid #FFFFFF;margin: 0 auto;transition: all 0.3s} #main #sec05 .cont_wrap .cont_box .title_box .go_career{width: 9.64vw;height: 2.60vw;margin: 0 auto;} /* 메인 끝 */ /*works*/ #Works #wrapper{} #Works #wrapper #sec01{height: auto;padding-top: 9.53vw;margin-bottom: 7.29vw;} #Works #wrapper #sec01 .cont_wrap{} #Works #wrapper #sec01 .cont_wrap .cont_box{max-width: 71.09vw;} #Works #wrapper #sec01 .cont_wrap .cont_box .title_box{padding-bottom: 1.88vw;} #Works #wrapper #sec01 .cont_wrap .cont_box .title_box .title{font-family: 'Poppins';font-size: 4.69vw;font-weight: 700;} #Works #wrapper #sec01 .cont_wrap .cont_box .btn_list {display:flex;flex-direction: row;justify-content: flex-start;align-items: center;padding:0 0 1.14vw 0.52vw;} #Works #wrapper #sec01 .cont_wrap .cont_box .btn_list .btn{padding-right: 2.60vw; font-family:'Poppins', sans-serif;font-weight:600;font-size:1.04vw;color:rgba(0,0,0,0.3);} #Works #wrapper #sec01 .cont_wrap .cont_box .btn_list .btn.btn_5{padding-right: 0; font-family:'Poppins', sans-serif;font-weight:600;font-size:1.04vw;color:rgba(0,0,0,0.3);} #Works #wrapper #sec01 .cont_wrap .cont_box .btn_list .btn.on{font-family:'Poppins', sans-serif;font-weight:600;font-size:1.04vw;color:rgba(0,0,0,1);} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box{display: flex; flex-wrap: wrap;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box::after{display:block;content:'';clear:both;height:0;visibility:hidden;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .no-data{width: 100%;display: flex;align-items: center;justify-content: center;width: 100%;height: 15.63vw;margin-top:4.43vw;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .no-data p{font-family:'Pretendard', sans-serif;font-size: 1.04vw;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont{float:left;width:49%;margin-top:4.43vw;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont:nth-child(1),#Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont:nth-child(2){margin-top:0;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont:nth-child(2n){margin-left:2%;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont .img_box{width: 100%;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont .img_box img{width: 100%;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont .text_box{} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont .text_box p{font-family:'Pretendard', sans-serif;margin:1.09vw 0 0.42vw;font-size:1.30vw;font-weight:600;letter-spacing:0;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont .text_box p.pd_text{height:1.89vw;margin:0;font-size:0.89vw;font-weight:300;letter-spacing:0;} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont.cont02{} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont.cont03{} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont.cont04{} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont.cont05{} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont.cont06{} #Works #wrapper #sec01 .cont_wrap .cont_box .pro_box .cont.cont06{} /*더보기 버튼*/ #Works #wrapper #sec01 .cont_wrap .cont_box .more_box{width: 9.64vw;height: 2.60vw;margin:5.81vw auto 0;} #Works #wrapper #sec01 .cont_wrap .cont_box .more_box .more_list{width: 9.64vw;height: 2.60vw;text-align: center;border: 0.08vw solid #222222;font-family: 'Pretendard';font-size: 0.83vw;font-weight: 400;color: #000000;} #Works #wrapper #sec01 .cont_wrap .cont_box .more_box .more_list:hover{border: 0.05vw solid #FFFFFF;} /*works 끝*/ /* Story */ /* S: Story 20230313 */ #Story.loadingdim::before{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.7);z-index: 9999;} #Story #wrapper{} #Story #wrapper #sec01{height: auto;padding-top: 9.53vw;margin-bottom: 7.29vw;} #Story #wrapper #sec01 .cont_wrap{} #Story #wrapper #sec01 .cont_wrap .cont_box{max-width: 71.09vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .title_box{padding-bottom: 1.88vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .title_box .title{font-family: 'Poppins';font-size: 4.69vw;font-weight: 700;} #Story #wrapper #sec01 .cont_wrap .cont_box .btn_list {display:flex;flex-direction: row;justify-content: flex-start;align-items: center;padding:0 0 1.14vw 0.52vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .btn_list .btn{padding-right: 2.6vw; font-family:'Poppins', sans-serif;font-weight:600;font-size:1.04vw;color:rgba(0,0,0,0.3);} #Story #wrapper #sec01 .cont_wrap .cont_box .btn_list .btn.btn_5{padding-right: 0; font-family:'Poppins', sans-serif;font-weight:600;font-size:1.04vw;color:rgba(0,0,0,0.3);} #Story #wrapper #sec01 .cont_wrap .cont_box .btn_list .btn.on{font-family:'Poppins', sans-serif;font-weight:600;font-size:1.04vw;color:rgba(0,0,0,1);} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list{width: 100%;height: auto;} /* #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox{column-width: 20.83vw;column-gap: 4.17vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox figure{display: inline-block;margin-bottom: 3.13vw;} */ #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox{margin: -2.380952381%;margin-top: 0;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item{opacity: 0;position: relative;display: block;visibility: visible;width: 33.33%;padding: 2.380952381%;padding-bottom: 3.13vw;padding-top: 0;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item.no-data{position: relative !important;display: flex;align-items: center;justify-content: center;width: 100%;height: 15.63vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item.no-data p{font-family:'Pretendard', sans-serif;font-size: 1.04vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a{width: 100%;height: auto;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a p{display: flex;align-items: center;font-family:'Poppins', sans-serif;font-weight: 500;font-size: 0.83vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyImg{padding-bottom: 0.99vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyCategory{padding-bottom: 0.42vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyCategory span{display: block;width: 0.68vw;height: 0.68vw;border-radius: 100%;margin-right: 0.36vw;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyCategory span.NEWS{background-color: #D7EC00;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyCategory span.LIFE{background-color: #D9ACB0;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyCategory span.MAGAZINE{background-color: #94A1CF;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyCategory span.ETC{background-color: #D9D9D9;} #Story #wrapper #sec01 .cont_wrap .cont_box .story_list .storyBox .grid-item a .storyTitle{font-family:'Pretendard', sans-serif;font-weight: 600;font-size: 1.04vw;letter-spacing: 0.02vw;line-height: 1.56vw;word-break: keep-all;} #Story #wrapper #sec01 .cont_wrap .cont_box .more_box{width: 9.64vw;height: 2.60vw;margin:5.81vw auto 0;} #Story #wrapper #sec01 .cont_wrap .cont_box .more_box .more_list{width: 9.64vw;height: 2.60vw;text-align: center;border: 0.08vw solid #222222;font-family: 'Pretendard';font-size: 0.83vw;font-weight: 400;color: #000000;} #Story #wrapper #sec01 .cont_wrap .cont_box .more_box .more_list:hover{border: 0.05vw solid #FFFFFF;} /* E: Story 20230313 */ /* StoryView */ /* S: StoryView 20230314 */ #StoryView #wrapper{} #StoryView #wrapper #sec01{height: auto;padding-top: 9.53vw;margin-bottom: 7.29vw;} #StoryView #wrapper #sec01 .cont_wrap{} #StoryView #wrapper #sec01 .cont_wrap .cont_box{max-width: 71.09vw;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .title_box{display: flex;align-items: center;padding-bottom: 2.48vw;border-bottom: 1px solid #707070;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .title_box a{display: block;width: 5.10vw;height: 4.32vw;margin-right: 1.51vw;background: url('../images/ico_arr.png') no-repeat center center;background-size: 100% 100%;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .title_box .title{font-family: 'Poppins';font-size: 4.69vw;font-weight: 700;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view{padding: 3.13vw 9.48vw 0;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox .title{font-family:'Pretendard', sans-serif;font-size: 1.82vw;font-weight: 600;text-align: center;margin-bottom: 3.65vw;letter-spacing: -0.04vw;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox .content{display: flex;flex-direction: column;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox .content p{font-family: 'Pretendard', sans-serif;font-size: 0.94vw;line-height: 1.46vw;word-break: keep-all;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox .content > img{width: auto;margin: 0 auto;width: 100%;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox .content > div{margin-top: 2.60vw;} #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox a, #StoryView #wrapper #sec01 .cont_wrap .cont_box .story_view .storyBox .link{display: inline-block;margin: 3.65vw auto 0;padding: 1.30vw 4.27vw;font-size: 0.94vw;font-weight: 500;font-family:'Pretendard', sans-serif;color: #000000;border: 0.08vw solid #000000;} /* E: StoryView 20230314 */ /*About*/ /*About kv*/ #About{} #About #wrapper{} #About #wrapper #sec01{height:100vh;overflow: hidden;} #About #wrapper #sec01 .bg_box{width:100%;max-width:83.33vw;} #About #wrapper #sec01 .bg_box .bg_img{position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/bg_about.png') no-repeat center center / cover;} #About #wrapper #sec01 .bg_box .bg_dim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;} #About #wrapper #sec01 .cont_box{position:absolute;top:11.20vw;left:50%;max-width:83.33vw;width:100%;transform:translateX(-50%);} #About #wrapper #sec01 .cont_box .cont_title{max-width:83.33vw;width:100%;margin:0 auto;} #About #wrapper #sec01 .cont_box .cont_title .big_tit{font-size:5.73vw;font-weight:bold;letter-spacing:-0.10vw;} #About #wrapper #sec01 .cont_box .cont_title .small_tit{font-size:1.56vw;font-weight:600;line-height:2.34vw;} #About #wrapper #sec01 .cont_box .cont_text{max-width:83.33vw;width:100%;margin:0 auto;} #About #wrapper #sec01 .cont_box .cont_text .texts{margin-top:18.75vw;} #About #wrapper #sec01 .cont_box .cont_text .texts .big_text{font-size:1.46vw;font-weight:600;line-height:2.19vw;padding-bottom: 1.04vw;} #About #wrapper #sec01 .cont_box .cont_text .texts .small_text{font-size:1.56vw;font-weight:300;line-height:2.19vw;} #About #wrapper #sec01 .cont_box .cont_text .text_2{display: flex;flex-direction: row;justify-content: flex-end;margin-top:25.00vw;} /*About awards*/ #About #wrapper #sec02{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;height:105.78vw;} #About #wrapper #sec02 .cont_wrap{width:100%;max-width:67.71vw;} #About #wrapper #sec02 .cont_wrap .cont_box{max-width:67.71vw;width:100%;margin:0 auto;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_tit{font-size:3.39vw;font-weight:bold;letter-spacing:-0.06vw;padding-bottom: 2.40vw;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont{} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards{display:flex;flex-direction: column; flex-wrap: nowrap;align-items: flex-start;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list{display: flex;flex-direction: row;align-items: center;width:100%; border-bottom: 1px solid #E3E3E3; justify-content: space-between; padding: 0 2.86vw; height: 7.29vw;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_tit {font-size: 1.3vw; font-weight: 600; width: 21.77vw;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_img{width:5.21vw;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_text{line-height:1.35vw; width: 35vw;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_text span{display:block;font-size:0.94vw;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_text span strong{font-weight: 600;} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_text .aw_text_tit{} #About #wrapper #sec02 .cont_wrap .cont_box .sec_cont .awards .aw_list .aw_text .aw_text_txt{font-weight:400;} /*About our client*/ #About #wrapper #sec03{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;height:36.46vw;} #About #wrapper #sec03 .cont_wrap{width:100%;max-width:67.71vw;} #About #wrapper #sec03 .cont_wrap .cont_box{max-width:67.71vw;width:100%;margin:0 auto;} #About #wrapper #sec03 .cont_wrap .cont_box{} #About #wrapper #sec03 .cont_wrap .cont_box .sec_tit{font-size:3.39vw;font-weight:bold;letter-spacing:-0.06vw;padding-bottom: 1.46vw;} #About #wrapper #sec03 .cont_wrap .cont_box .sec_cont{} #About #wrapper #sec03 .cont_wrap .cont_box .sec_cont .client_box{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap;align-items: center;align-content: space-between;} #About #wrapper #sec03 .cont_wrap .cont_box .sec_cont .client_box:nth-child(2n){margin:1.04vw 0;} #About #wrapper #sec03 .cont_wrap .cont_box .sec_cont .client_box .client_list{width:11.98vw;} /*About office*/ #About #wrapper #sec04{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;} #About #wrapper #sec04 .cont_wrap{width:100%;max-width:67.71vw;padding:7.71vw 0 9.69vw;} #About #wrapper #sec04 .cont_wrap .cont_box{display:flex;max-width:67.71vw;width:100%;margin:0 auto;} #About #wrapper #sec04 .cont_wrap .cont_box .left_box{margin-right:5.16vw;} #About #wrapper #sec04 .cont_wrap .cont_box .left_box .map_box{width:33.59vw;height:25.21vw;} #About #wrapper #sec04 .cont_wrap .cont_box .left_box .map_box #map{width:33.59vw;height:25.21vw;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box{position:relative;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .sec_tit{font-size:3.39vw;font-weight:bold;letter-spacing:-0.06vw;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .address_box{margin-top:1.46vw} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .tel_box{margin-top:2.50vw;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .btn_box{} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .sec_txt{} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .sec_txt .sec_info_tit{margin-bottom:0.52vw;font-size:1.04vw;font-weight:600;color:#000000;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .sec_txt .sec_info_txt{font-size:0.94vw;font-weight:300;line-height:1.56vw;letter-spacing:-0.04vw;color:#585858;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .sec_txt .inquiry_btn{position:absolute;left:0;bottom:0;width:14.74vw;height:3.75vw;border:0.05vw solid #000000;font-family: 'Pretendard'; font-size:0.94vw;font-weight:500;color:#000000;line-height:3.75vw;background:#FFFFFF;} #About #wrapper #sec04 .cont_wrap .cont_box .right_box .sec_txt .inquiry_btn:hover{border:none;background: transparent;} /*About 끝*/ /*career*/ #Career #wrapper{} #Career #wrapper #sec01{padding: 9.53vw 0 6.56vw;} #Career #wrapper #sec01 .cont_wrap{max-width: 83.33vw;margin:0 auto;} #Career #wrapper #sec01 .cont_wrap .cont_box{display: flex;justify-content: space-between;align-items: flex-start;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont{} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .title_box{font-family: 'Pretendard';font-size: 3.91vw;font-weight: 600;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .title_box p{display: flex;align-items: center;justify-content: flex-start;line-height: 5.21vw;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .title_box p img{display: inline-block;width: 5.68vw;height: 5.68vw;margin-right: 11.46vw;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .submit_box{padding-top: 15.10vw;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .submit_box .sub_title{font-family: 'Pretendard';font-size: 0.83vw;font-weight: 400;padding-bottom: 1.82vw;line-height: 1.25vw;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .submit_box .sub_btn{display: block;width: 18.23vw;height: 4.95vw;line-height: 4.95vw;text-align: center; border: 0.08vw solid #222222;font-family: 'Pretendard';font-size: 1.30vw;font-weight: 500; color: #000000;} #Career #wrapper #sec01 .cont_wrap .cont_box .left_cont .submit_box .sub_btn:hover{border: 0.05vw solid #FFFFFF;} #Career #wrapper #sec01 .cont_wrap .cont_box .right_cont{} #Career #wrapper #sec01 .cont_wrap .cont_box .right_cont .img_box{position:relative;width: 34.79vw;height: 40.78vw;overflow: hidden;} #Career #wrapper #sec01 .cont_wrap .cont_box .right_cont .img_box p{position:absolute;top:0;left:0;width: 34.79vw;height: 40.78vw;} #Career #wrapper #sec02{opacity: 0; padding-top: 9.53vw;} #Career #wrapper #sec02 .cont_wrap{padding-bottom:6.35vw;} #Career #wrapper #sec02 .cont_wrap .cont_box{font-family: 'Pretendard';max-width: 71.09vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .title_box{padding-bottom: 4.17vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .title_box .title{font-size: 3.13vw;font-weight: 600;padding-bottom: 1.25vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .title_box .text{font-size: 1.15vw;font-weight: 400;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box{} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .info{} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .info .info_title{font-family: 'Pretendard';font-size: 1.30vw;font-weight: 400;padding-bottom: 1.04vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box {display: flex;justify-content: space-between;align-items: center;padding-bottom: 4.17vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info {width: 33.07vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info input{font-family: 'Pretendard';height: 2.60vw;border-bottom: 0.05vw solid #707070;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info .input_title{font-size: 1.30vw;font-weight: 400;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info.name_box input[type="text"]{width:100%;height: 2.60vw;font-size: 0.94vw;font-weight: 300;padding-left: 1.04vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info.name_box input[type="text"]::placeholder{font-family: 'Pretendard'; font-size: 0.94vw;font-weight: 300;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info.number_box input[type="tel"]{width:100%;height: 2.60vw;font-size: 0.94vw;font-weight: 300;padding-left: 1.04vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .half_box .info.number_box input[type="tel"]::placeholder{font-family: 'Pretendard'; font-size: 0.94vw;font-weight: 300;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info.file_box .input_box {display: flex;align-items: flex-end;justify-content: space-between;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info.file_box .input_box input[type="text"]{width:59.90vw;height: 2.60vw;font-size: 0.94vw;font-weight: 300;border-bottom: 0.05vw solid #707070;padding-left: 1.04vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info.file_box .input_box input[type="text"]::placeholder{font-family: 'Pretendard'; font-size: 0.94vw;font-weight: 300;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info.file_box .input_box .file_btn{display: inline-block;width: 9.69vw;height: 2.97vw;line-height: 2.97vw;text-align: center;background: #E5E5E5;font-size: 0.93vw;}/*2/24*/ #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info_text{padding-top: 0.52vw;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info_text p{font-family: 'Pretendard';font-size: 0.83vw;font-weight: 300;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info_text p.can_info{color: #585858;} #Career #wrapper #sec02 .cont_wrap .cont_box .info_box .full_box .info_text p.noti{color: #222222;} #Career #wrapper #sec02 .cont_wrap .cont_box .submit_btn{display: block;width: 14.64vw;height: 3.80vw;margin:7.81vw auto 0 ;border: 0.05vw solid #000000;font-family: 'Pretendard'; font-size: 1.15vw;font-weight: 400; color: #000000;line-height: 3.80vw;text-align: center;} #Career #wrapper #sec02 .cont_wrap .cont_box .submit_btn:hover{border: 0.05vw solid #FFFFFF;} /*career 끝*/ /*inquire*/ #Inquire #wrapper{} #Inquire #wrapper #sec01{height: auto;padding-top: 9.53vw;margin-bottom: 7.29vw;} #Inquire #wrapper #sec01 .cont_wrap{} #Inquire #wrapper #sec01 .cont_wrap .cont_box{font-family: 'Pretendard';max-width: 71.09vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .title_box{padding-bottom: 4.17vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .title_box .title{font-family: 'Poppins'; font-size: 5.73vw;font-weight: 600;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .title_box .text{font-size: 1.15vw;font-weight: 400;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .check_box{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 2.86vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .check_box .check{display: flex;justify-content: center;align-items: center;margin-right: 2.60vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .check_box .check:last-child{margin-right: 0;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .check_box .check input[type="checkbox"]{display: block;width: 1.46vw;height: 1.46vw;border-radius: 1.46vw;border: 1px solid #ABABAB;margin-right: 0.52vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .check_box .check input[type="checkbox"]:checked{background: url('../images/checked.png')no-repeat center center;background-size: 100% 100%;border: none;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .check_box label{font-family: 'Pretendard'; font-size: 1.04vw;font-weight: 400;}/*2/24*/ #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box{} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info_cont_box{display: flex;justify-content: space-between;align-items: center; margin-bottom: 2.60vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info_cont_box .info{width: 33.07vw;height: auto;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info .info_title{font-family: 'Pretendard';font-size: 1.30vw;font-weight: 400;padding-bottom: 1.04vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info {width: 33.07vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info input{font-family: 'Pretendard';width: 100%; height: 2.60vw;border-bottom: 0.05vw solid #707070;padding-left: 1.15vw;font-size: 0.94vw;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info input::placeholder{font-family: 'Pretendard';width: 100%; height: 2.60vw;color: #D9D9D9;font-size: 0.94vw ;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info textarea{width: 68.96vw;height: 10.83vw;padding: 1.09vw 1.15vw; resize: none;font-family: "Pretendard";font-size: 0.94vw ; color: #000000; border: 0.05vw solid #707070;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .info_box .info textarea::placeholder{font-family: "Pretendard";font-size: 0.94vw ;font-weight: 300;color: #D9D9D9;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .submit_btn{display: block;width: 18.28vw;height: 5.00vw;margin:3.91vw auto 0 ;font-size: 1.30vw;font-weight: 500; color: #000000;border: 0.05vw solid #000000; line-height: 5.00vw;text-align: center;transition:0.3s border;} #Inquire #wrapper #sec01 .cont_wrap .cont_box .submit_btn:hover{border: 0.05vw solid #FFFFFF;} /*inquire 끝*/ /* 팝업*/ #popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;} #popupLayer .pop_dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);overflow: hidden;} #popupLayer .pop_box{position: absolute;left: 50%;width: 22.40vw;margin-left: -11.20vw;top: 50%;margin-top: -10.42vw;} #popupLayer .pop_box .pop_closed{position: absolute;top: 0.93vw;right: 0.93vw;width: 1.04vw;height: 1.04vw;z-index: 1;} /* 팝업 content */ #popupLayer #pop01{position:relative;width: 22.40vw;height: auto;} #popupLayer #pop01 .pop_cont{width:100%;height: 21.88vw;background: #FFFFFF;padding: 2.97vw 2.29vw 0;} #popupLayer #pop01 .pop_cont .icon_box{height: 13.54vw;} #popupLayer #pop01 .pop_cont .icon_box .icon{width: 4.22vw;height: 4.22vw;margin-bottom: 1.30vw;} #popupLayer #pop01 .pop_cont .icon_box .b_text{font-family: 'Pretendard';font-size: 1.82vw;font-weight: 700;color: #000000;padding: 0 0 1.04vw;letter-spacing: -0.04vw;line-height: 2.29vw;} #popupLayer #pop01 .pop_cont .icon_box .s_text{font-family: 'Pretendard';font-size: 0.94vw;font-weight: 400;color: #585858;letter-spacing: -0.03vw;line-height: 1.35vw;} #popupLayer #pop01 .pop_cont .ok_btn{position: absolute;bottom: 0;left: 0;width: 100%; padding-top: 2.45vw;} #popupLayer #pop01 .pop_cont .ok_btn a{display: block;width: 100%;height: 2.97vw;line-height: 2.97vw;text-align: center; color: #000000; font-family: 'Pretendard'; font-size: 1.04vw;font-weight: 400;background: #D7EC00;} /* award 배너 */ .award_banner {position: fixed; width: 127px; height: auto; right: 0; bottom: 140px; z-index: 1;} .award_banner img {width: 100%; height: 67px;} .award_banner a { display: inline-block; margin-bottom: 10px;} .award_banner a:last-child {margin-bottom: 0;}