/* Popup */

@keyframes fadeUp {
  0% {opacity: 0;transform: translateY(5rem);}
  100% {opacity: 1;transform: translateY(0);}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* loading */
.load-wrap {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.55);display: flex;justify-content: center;align-items: center;}
.meetup {animation: spin 1s infinite linear;height: 1.2rem;width: 1.2rem;}
.meetup .dot {height: 100%;width: 100%;position: absolute;z-index: 11;animation: meetup 1.25s infinite ease;border-radius: 100%;}
.meetup .dot01 {--rotation: 90;background: #fff; }
.meetup .dot02 {--rotation: 180;background: #54B5E3; }
.meetup .dot03 {--rotation: 270;background: #fff; }
.meetup .dot04 {--rotation: 360;background: #54B5E3; }

@keyframes spin {
  to {transform: rotate(360deg);} 
}
@keyframes meetup {
  0%, 100% {transform: rotate(calc(var(--rotation) * 1deg)) translateY(0)}
  50% {transform: rotate(calc(var(--rotation) * 1deg)) translateY(300%);} 
}

.popup_wrap {position: fixed;left: 0;top: 0; width:100vw; height:100%; background: #fff;overflow-y: auto;overflow-x: hidden;z-index: 100;transition: width .3s;}
.popup_hide {width: 0;}
.popup_hide .pop_header {display: none;}
.pop_header {width: 120px;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 5rem 0;position: fixed;top: 0;left: 0;background: #fff;z-index: 100;}
.pop_header_inner {position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between}
.pop_header .pop_close {position: absolute;top: 50%;left: 50%;margin-left: -2rem;margin-top: -2rem;transition: transform .3s;}
.pop_header .pop_close:hover {transform: rotate(180deg);}
.popup_wrap .pop_cont {position:relative;width: calc(100% - 12rem); margin-left: 12rem;}
.popup_wrap .pop_cont .popup_body {margin: 0 auto;}
.pop-title {font-family: 'Montserrat','Pretendard';font-size: 7rem;font-weight: 700;color: #272727;text-align: center;}

/* Popup - Contact Us */
.popRequest .popup_body {max-width: 152rem;}
.contact_us {font-family: 'Montserrat','Pretendard';width: 100%;margin: 0 auto;padding: 9rem 0 0;font-weight: 700;}
.contact_us .section03::after {display: none;}
.contact__info ul,
.contact__info ul li {display: flex;align-items: flex-start;}
.contact__info ul li {opacity: 0;transform: translateY(3rem);}
.popup_show .contact__info ul li {opacity: 1;transform: translateY(0);transition: opacity,transform .3s;}
.contact__info ul li:nth-child(1) {transition-delay: .3s;}
.contact__info ul li:nth-child(2) {transition-delay: .4s;}
.contact__info ul li:nth-child(3) {transition-delay: .5s;}
.contact__info ul li:nth-child(4) {transition-delay: .6s;}
.contact__info ul {justify-content: center;margin-top: 4.2rem;}
.contact__info ul li:not(:first-child) {margin-left: 6rem;}
.info__tit {font-size: 1.6rem;color: #54B5E3;font-weight: 700;margin-right: 1.2rem;flex-shrink: 0;}
.info__con,
.info__con>a {font-size: 1.6rem;color: #777;font-weight: 500;display: flex;align-items: center;flex-shrink: 0;}
.info__con_sns>a {margin-left: 3.2rem;display: block;}
.info__con_sns>a:first-child {width: 2rem;height: 2.2rem;background: url(../images/contact/ico_instagram.png) no-repeat;background-size: contain;margin-left: .8rem;}
.info__con_sns>a:nth-child(2) {width: 1rem;height: 2.1rem;background: url(../images/contact/ico_facebook.png) no-repeat;background-size: contain;}
.info__con_sns>a:last-child {width: 1.4rem;height: 1.7rem;background: url(../images/contact/ico_blog.png) no-repeat;background-size: contain;margin-right: 1rem;}
.contact__application {background: #222;border-radius: 2rem;padding: 0 0 10rem;margin-top: 9rem;opacity: 0;transform: translateY(10rem);}
.popup_show .contact__application {opacity: 1;transform: translateY(0);transition: all .3s .5s;}
.contact__application section {position: relative;padding: 7rem 12rem;}
.contact__application section::after {content:'';display: block;width: calc(100% - 4rem);height: 0.1rem;background: #444;position: absolute;bottom: 0;left: 2rem;}
.contact__application .section03 {padding-bottom: 5rem;}
.contact__application .section03::after {display: none;}
.app__tit {font-size: 3.6rem;color: rgba(255,255,255,.5);}
.app__tit.on {color: #fff;}
.app__tit-num {font-family: 'Montserrat';}
.app__tit--small {font-size: 2.2rem;color: #54B5E3;font-weight: 500;}
.app__con {margin-top: 4.4rem;}
.section01 .app__con {margin-top: 5rem;}

/* checkbox */
.checkbox_list {display: flex;justify-content: space-between;}
.checkbox_list li {position: relative;margin-bottom: 1rem;}
.checkbox_list li::before {content:'';display: block;width: 2.2rem;height: 2.2rem;border-radius: 100%;position: absolute;}
.checkbox_list input, .checkbox_list label {display: block;}  
.checkbox_list input[type="checkbox"] {opacity: 0.01;position: absolute;top:0;left: 0;}
.checkbox_list label {cursor: pointer;z-index: 10;padding-left: 3.4rem;color: #fff;font-size: 2rem;position: relative;}
.checkbox_list label::before {content:'';display: inline-block;width: 2.2rem;height: 2.2rem;border: 1px solid rgba(255,255,255,.3);border-radius: 100%;position: absolute;top: 0;left: 0;z-index: 90;}
.checkbox_list input[type="checkbox"]:checked + label::before {width: 2.2rem;height: 2.2rem;background: url(../images/contact/check_on.png) no-repeat;background-size: contain;border: none;top: .1rem;left: .1rem;}
/* .checkbox_list li:focus-within::before {width: 2.4rem;height: 2.4rem; border: .1rem solid #fff;box-sizing: border-box;} */

.flex_row {display: flex;width: 100%;flex-wrap: wrap;}
.flex_row+.flex_row {margin-top: 2rem;}
/* .flex_row02 : 블록 2개 */
.flex_row02>div {width: calc(50% - 1.2rem);}
.flex_row02>div:first-of-type {margin-right: 2.4rem;}

/* input */
.input_row {display: flex;align-items: center;width: 100%;padding: 0 3rem;position: relative;overflow: hidden;vertical-align:middle;border: .2rem solid rgba(255,255,255,.3);border-radius: 2rem;}
.input_row.on {border: .2rem solid #fff;}
.input__title {font-size: 2rem;color: #fff;position: relative;width: 17rem;flex-shrink: 0;}
.input__title .astro {color: #54B5E3;}
.input_row input {position: relative;display: block;width: 100%;height: 7rem;overflow: hidden;font-size: 1.8rem;font-weight: 600;line-height: 1.2;border: 0;appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;border-radius: 0;background: transparent;color: #fff;}
.input_row input::placeholder {color: #b2b2b2;}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {-webkit-text-fill-color: #fff;-webkit-box-shadow: 0 0 0px 1000px #222 inset;box-shadow: 0 0 0px 1000px #222 inset;}

/* textarea */
.area_row {display: inline-block;position: relative;width: 100%;height: 30rem;border: .2rem solid rgba(255,255,255,.3);border-radius: 2rem;}
.area_row.on {border: .2rem solid #fff;}
.area_row textarea {width: 100%;height: calc(100% - 6.7rem);padding: 0 2rem 2rem;font-size: 1.8rem;line-height: 1.3;color: #fff;appearance: none;outline-style: none;resize: none;background-color: transparent;border: 0;}
.area_row .input__title {display: block;padding: 2.3rem 3rem 2rem;}

/* select */
.input_slide {position: relative;}
.input_slide.open {overflow: visible;border-radius: 2rem 2rem 0 0;border-color: #fff;}
.input_slide input:read-only {cursor: pointer;}
.input_slide.on, .input_slide.on .input_tab {border-color: #fff;}
.input_slide .input_tab {border: 2px solid rgba(255,255,255,.3);border-top: 0;border-radius: 0 0 2rem 2rem;width: calc(100% + .4rem);position: absolute;top: 7rem;left: -.2rem;z-index: 10;background: #222;padding-left: 3rem;padding-bottom: 2rem;display: none;}
.input_slide.open .input_tab {display: block;border-color: #fff;}
.input_tab ul {display: flex;flex-wrap: wrap;}
.input_tab ul li {height: 5rem;border-radius: 1rem;background: #555;font-size: 1.6rem;font-weight: 500;color: #fff;vertical-align: middle;padding: 0 4rem;display: flex;align-items: center;margin: 1rem 2rem 1rem 0;cursor: pointer;}
.input_tab ul li:hover,
.input_tab ul li.on {background: #54B5E3;}
.input_slide .input_slide_toggle {background: #222;}
.input_slide .input_slide_direct {width: calc(100% - 20rem);height: 100%;position: absolute;top: 0;left: 20rem;background: #222;border-radius: 0 2rem 2rem 0;z-index: -1;}

/* file */
.file_row {display: flex;align-items: center;width: 100%;padding-bottom: 2rem;border-bottom: .2rem solid rgba(255,255,255,.3);color: #fff;position: relative;margin-top: 5rem; width: calc(50% - 1.2rem);}
.file_row.on {border-bottom: .2rem solid #fff;}
.file_row .input__title {padding: 0 3.5rem 0 3rem;width: 13.4rem;}
.file_row .input_file {width: 0;visibility: hidden;}
.file_row .file_location {display: block;color: rgba(255,255,255,.4);font-size: 2rem;font-family: 'Pretendard';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 17rem);}
.file_row button {width: 1.2rem;height: 1.2rem;color: #fff;margin-right: 2rem;margin-left: auto;position: relative;display: none;}
.file_row button.on {display: block;flex-shrink: 0;}
.file_row button::before {content: '';display: block;width: 100%;height: .2rem;background: #54B5E3;position: absolute;top: .5rem;left: 0;}
.file_row .btn_add::after {content: '';display: block;width: 0.2rem;height: 100%;background: #54B5E3;position: absolute;top: 0;left: .5rem; }
.noti {margin-top: 4rem;}
.noti span {display: block;font-size: 1.6rem;font-weight: 300;line-height: 2.4rem;color: rgba(255,255,255,.4);position: relative;padding-left: 1.2rem;}
.noti span::before {content:'*';color: #54B5E3;letter-spacing: -.064rem;display: inline-block;position: absolute;top: 0.3rem;left: 0;}
.noti span>em {font-family: 'Montserrat';font-weight: 400;letter-spacing: -.032rem;}

.btn_submit {display: block;width: calc(100% - 24rem);height: 10rem;background: #333;border-radius: 2rem;font-size: 3rem;color: #fff; transition: all .2s;margin: 0 auto;}
.btn_submit:hover {background: #54B5E3;}

.privacy-policy {padding: 0 12rem;}
.privacy-policy_check {display: flex;margin-top: 3.2rem;}
.btn_policy {width: 12rem;height: 4rem;border-radius: 5rem;border: 2px solid rgba(255,255,255,.3);font-size: 1.4rem;font-weight: 500;color: #fff;padding: 0 1.8rem;display: flex;justify-content: space-between;align-items: center;margin-left: 3rem;}
.btn_policy>i {position: relative;width: 1.2rem;height: 1.2rem;transition: transform .2s;}
.btn_policy>i::before,
.btn_policy>i::after { content:'';display: inline-block;position: absolute;background: #54B5E3;}
.btn_policy>i::before { width: 100%;height: 0.2rem;top: 0.5rem;left: 0;}
.btn_policy>i::after { width: 0.2rem;height: 100%;top: 0;left: 0.5rem;}
.btn_policy.on {background: rgba(85, 85, 85, .3);border: 0;}
.btn_policy.on>i {transform: rotate(135deg);} 

/* 개인정보 동의 체크박스 */
.checkbox_row {display: flex; flex-wrap: wrap; position: relative;}
.checkbox_row input[type="checkbox"] {visibility: hidden;width: 0;}
.checkbox_row input[type="checkbox"] + label {display: inline-block;position: relative;font-size: 2.2rem;color: #fff;cursor: pointer;}
.checkbox_row input[type="checkbox"] + label span {position: relative;}
.checkbox_row input[type="checkbox"] + label span::after {content: '';display: block;width: 0;height: 0.2rem;background: #fff;transition: width .2s;position: absolute;left: 0;bottom: -.5rem;}
.checkbox_row input[type="checkbox"]:checked + label span::after,
.checkbox_row input[type="checkbox"] + label:hover span::after {width: 100%;}
.checkbox_row input[type="checkbox"] + label:before {content: "";display: inline-block;vertical-align:baseline;box-sizing: border-box;width: 5rem;height: 4rem;background: url(../images/contact/policy_check_off.png) no-repeat;background-size: contain;margin-bottom: -1.2rem;margin-right: 2rem;}
.checkbox_row input[type="checkbox"]:checked + label:before {content: "";width: 5rem;height: 4rem;background: url(../images/contact/policy_check_on.png) no-repeat;background-size: contain;}

.privacy-policy_content {background: #fff;border-radius: 2rem;padding: 4rem 6rem;font-size: 1.4rem;margin-top: 4rem;margin-bottom: 2rem;display: none;}
.privacy-policy_content.on {display: block;}
.privacy-policy_content p {color: #555;margin-bottom: 2rem; }
.privacy-policy_content dt {color: #555;font-weight: 500;line-height: 1.428;}
.privacy-policy_content dd {color: #999;font-weight: 400;line-height: 1.428;}
.privacy-policy_content dd+dt {margin-top: 2rem; }

.pop_footer p {font-family: 'Montserrat';font-size: 1.6rem;font-weight: 400;margin-left: 14rem;padding-top: 7rem;padding-bottom: 9rem;}
.pop_footer strong {font-weight: 700;color: #54B5E3;}

/* Popup - Works Detail */
.pop_controller {transform: rotate(-90deg);font-weight: 600;letter-spacing: -.056rem;position: absolute;left: -6.5rem;display: block;width: 25rem;height: 12rem;}
.pop_prev {padding-right: 5.5rem;margin-top: 6.5rem;text-align: right;}
.pop_next {padding-left: 5.5rem;margin-bottom: 6.5rem;text-align: left;bottom: 0;}
.pop_prev::before, .pop_next::after {content:'';display: block;width: 3.2rem;height: 3.4rem;top: 50%;transform: translateY(-50%) rotate(90deg);opacity: 1;}
.pop_controller.nomore::before, .pop_controller.nomore::after {opacity: 0.4;}
.pop_controller.nomore {cursor: default;}
.pop_prev::before {background: url(../images/works/pop_prev.png) no-repeat;background-size: contain;position: absolute;right: 0;}
.pop_next::after {background: url(../images/works/pop_next.png) no-repeat;background-size: contain;position: absolute;left: 0;}
.pop_controller>span {font-family: 'Montserrat';display: inline-block;font-size: 1.4rem;color: #999;position: relative;}
.pop_controller>span::before {content: '';display: block;width: 0;height: 0.2rem;background: #54b5e3;position: absolute;top: 50%;left: -.3rem;transition: width .3s;}
.pop_controller>span>b {color: #54b5e3;}
.pop_controller>strong {font-size: 1.6rem;font-weight: 700;color: #222;display: none;opacity: 0;}
.pop_controller:hover>span::before {width: calc(100% + .6rem);}
.pop_controller:hover>strong {display: block; animation: pop_control_motion .1s .3s forwards;}

@keyframes pop_control_motion {
  0% {display: block;}
  100% {opacity: 1;}
}

.img_m {display: none;}
.detail-visual {display: flex;justify-content: space-between;padding: 5rem 3rem 0 0;max-width: 180rem;margin: 0 auto;}
.visual-img {border-radius: 2rem;overflow: hidden;opacity: 0;position: relative;}
.popup_show .visual-img {opacity: 1;transition: all .3s .5s;}
.visual-img .visual {width: 100%;height: 100%;object-fit: cover;}
.visual-img .visual_badge {position: absolute;top: 3rem;right: 3rem;}
.visual-img .visual_badge>img {box-shadow: 1px 2px 9.8px 0.2px rgba(0, 0, 0, 0.5);border-radius: 1rem;margin-left: 1.8rem;width: 6.4rem;}
.visual-summary {margin-left: 2.5rem;flex-shrink: 0;}
.summary_wrap {background: #f9f9f9;padding: 6rem 4rem 4rem;width: 44.2rem;height: 59rem;border-radius: 2rem;position: relative;opacity: 0;transform: translateY(5rem);}
.popup_show .summary_wrap {animation: fadeUp .3s .3s forwards;}
.summary_title {font-size: 4.6rem;font-weight: 700;color: #222;letter-spacing: -.092rem;line-height: 1.3;max-height: 18rem;height: auto;overflow-y: auto;}
.summary_text {font-size: 1.6rem;color: #777;letter-spacing: -.032rem;line-height: 1.625;margin: 3rem 0 4rem;}
.summary_info {border-top: .2rem solid #222;position: absolute;bottom: 4rem;left: 4rem;width: calc(100% - 8rem);}
.summary_info>li {border-bottom: .1rem solid #e8e8e8;display: flex;justify-content: space-between;align-items: center;height: 6.5rem;}
.sum_tit {font-family: 'Montserrat';font-size: 1.6rem;color: #666;letter-spacing: -.032rem;}
.sum_con {font-size: 1.6rem;font-weight: 700;color: #222;letter-spacing: -.032rem;}
.sum_con>ul {text-align: right; }
.sum_con>ul>li {font-family: 'Montserrat';font-size: 1.3rem;font-weight: 600;letter-spacing: -.026rem;color: #fff;height: 2.4rem;border-radius: 1.2rem;display: inline-flex;align-items: center;padding: 0 1rem;margin: .3rem 0;}
.sum_con>ul>li+li {margin-left: 0.6rem;}
.sum_con>ul>[data-detail-category="Web"] {background: #80D01B;}
.sum_con>ul>[data-detail-category="App"] {background: #2CA054;}
.sum_con>ul>[data-detail-category="Management"] {background: #4286F5;}
.sum_con>ul>[data-detail-category="Promotion"] {background: #53B6E4;}
.sum_con>ul>[data-detail-category="E-Commerce"] {background: #F98738;}
.sum_con>ul>[data-detail-category="Web A & Security"] {background: #EA5252;}
.btn_site {display: block;line-height: 7rem;font-size: 1.8rem;font-weight: 700;color: #fff;letter-spacing: -.036rem;text-align: center;background: #54b5e3;border-radius: 2rem;margin-top: 2.5rem;opacity: 0;transform: translateY(5rem);}
.btn_site_none {cursor: default;background: #abb0b3;}
.popup_show .btn_site {animation: fadeUp .3s .4s forwards;}

.main-overview {max-width: 130rem;margin: 12rem auto 0;}
.overview_tag {font-family: 'Montserrat';font-size: 2.2rem;font-weight: 700;letter-spacing: -.033rem;width: 100%;margin-bottom: 2rem;opacity: 0;}
.popup_show .overview_tag {animation: fadeIn .3s .3s forwards;}
.overview_wrap {display: flex;}
.overview_title {font-size: 6.4rem;font-weight: 700;letter-spacing: -.128rem;line-height: 1.31;color: #222;flex-shrink: 0;opacity: 0;transform: translateY(5rem);min-width: 70rem;}
.popup_show .overview_title {animation: fadeUp .3s .5s forwards;}
.overview_text {font-size: 1.6rem;color: #777;letter-spacing: -.032rem;line-height: 1.625;margin-top: 2rem;opacity: 0;transform: translateY(5rem);}
.overview_text span {display: inline-block;position: relative;padding-left: 10px;margin-right: 30px;}
.overview_text span::before {content:'·';display: block;position: absolute;top: 0;left: 0;}
.overview_text span:last-child {margin-right: 0;}
.popup_show .overview_text {animation: fadeUp .3s .7s forwards;}
.main-content {position: relative;overflow: hidden;padding: 20rem 0 13rem;}
.main_bg {width: 100%;height: calc(100% - 52rem);opacity: .05;position: absolute;bottom: 0;left: 0;z-index: -1;border-radius: 3rem 0 0 3rem;}
.main_bg_bd0 {border-radius: 3rem 0 0 0;}
.main_flowtext {font-family: 'Montserrat','Pretendard';font-size: 22rem;font-weight: 700;color: #f1f1f1;letter-spacing: -.88rem;line-height: .9;position: absolute;top: 0;z-index: -1;animation: textFlow 10s infinite linear;white-space: nowrap;padding-right: 2rem;}
@keyframes textFlow{
  0%{left: 100%;}
  100%{left: -100%;}
}
.main_img {text-align: center;}
.main_img>img {max-width: 100%;}
.detail-pc+.detail-main .main_bg {border-radius: 3rem 0 0 0;}
.detail-pc {position: relative;padding: 10rem 0 14rem;margin-top: -3rem;}
.detail-pc-first {padding: 0 0 14rem;margin-top: -16rem;}
.work-detail .title_area {position: relative;max-width: 130rem;margin: 0 auto 4.2rem;}
.detail-pc .title_area::after {content:'';display: block;width: calc(100% - 14.5rem);height: 0.1rem;background: #fff;position: absolute;top: 50%;right: 0;opacity: .5;}
.detail-pc .title_svg {width: 14.5rem;height: 6.6rem;}
.title_svg text {font-family: 'Montserrat';font-size: 7rem;font-weight: 700;letter-spacing: -.086rem;}
.pc_img {max-width: 135.4rem;margin: 0 auto;}
.pc_img_item {width: calc(50% - .1rem);height: auto;}
.grid-sizer {width: 50%;height: auto;padding: 0 2.7rem;margin-bottom: 5.4rem;}
.gutter-sizer {width: 10px;}
.pc_img_item img {width: 100%;height: 100%;object-fit: contain;box-shadow: 10px 8px 24px 0px rgba(0, 0, 0, 0.25);border-radius: 2rem;border: 5px solid #000;display: inline-block;}
.pc_bg {width: 100%;max-height: 130rem;min-height: 78.9rem;height: calc(100% - 25rem); position: absolute;top: 0;left: 0;z-index: -1;border-radius: 3rem 0 0 3rem;background: #222;}
.detail-pc-first .pc_bg {height: calc(100% - 27rem);top: initial;bottom: 0;opacity: .05;border-radius: 3rem 0 0 3rem;}


.detail-mobile {position: relative;padding: 10rem 0 14rem;}
.mb_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1; opacity: 0.05;border-radius: 3rem 0 0 3rem;}
.detail-mobile-first {padding: 0 0 14rem;margin-top: -16rem;}
.detail-mobile-first .mb_bg {height: calc(100% - 32rem);top: initial;bottom: 0;opacity: .05;}
.detail-mobile-second {margin-top: -6rem;}
.detail-mobile-second .mb_bg {opacity: 1;}
.detail-mobile .title_line {display: inline-block;width: calc(100% - 33.5rem);height: 0.1rem;position: absolute;top: 50%;right: 0;opacity: .3;}
.detail-mobile .title_svg {width: 33.5rem;height: 7rem;}
.detail-mobile .title_svg text {stroke: #025fb8;}
.mobile_img {max-width: 130rem;overflow: visible;margin-top: 3rem;}
.mobile_img .swiper-wrapper {transition-timing-function: linear;}
.mobile_img .swiper-slide {border-radius: 3rem;overflow: hidden;box-shadow: 10px 8px 24px 0px rgba(0, 0, 0, 0.25);border: .5rem solid #000;position: relative;}
.mobile_img .swiper-slide::after {content:'';display: block;width: 10rem;height: 0.4rem;background: #000;border-radius: .2rem;position: absolute;bottom: .7rem;left: 50%;transform: translateX(-50%);}
.mobile_img img {width: 100%;height: 100%;object-fit: cover;}

.detail-sns {background: #cd445c;border-radius: 3rem 0 0 3rem;padding: 6rem 0;margin-top: -4rem;}
.sns_img_wrap {max-width: 120rem;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.sns_img {margin: 4rem;}

/* popRecruit */
.popRecruit .popup_body {max-width: 152rem;}
.recruitment {padding: 9.2rem 0 0;}
.recruitment-box {background: #172228 url(../images/recruit/recruit_bg.png)no-repeat 50% 0;background-size: 
  contain; border-radius: 2rem;color: #fff;padding: 10rem 2rem 12rem;margin-top: 8.6rem;}
.recruit-tag {font-size: 1.8rem;letter-spacing: -0.075rem;display: inline-block;padding: 1.1rem 2.5rem;background: rgba(160, 195, 212,.3);border-radius: 3rem 3rem 3rem 0;margin-bottom: 1.4rem;}
.recruit-tit {font-size: 5.4rem;letter-spacing: -0.216rem;font-weight: 400;padding-bottom: 5.5rem;}
.recruit-tit_bold {color: #54b5e3;}
.recruitment section {padding: 0 10rem;}
.recruitment .section02,
.recruitment .section03 {border-bottom: 1px solid rgba(164, 175, 181,.3);padding-bottom: 7rem;}
.recruitment .sec-tit {font-size: 3.6rem;letter-spacing: -0.144rem;margin-top: 7rem;margin-bottom: 4.4rem;}
.recruit-sector {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.sector-box {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(86, 113, 126,.2);border-radius: 2rem;margin-right: 2rem;padding: 2.2rem 0 2.1rem;}
.sector-box04 {margin-right: 0;}
.sector_icon {width: 4.4rem;height: 4.4rem;}
.sector_icon01 {background: url(../images/recruit/ico_sector01.png)no-repeat 50% 50%;background-size: contain;}
.sector_icon02 {background: url(../images/recruit/ico_sector02.png)no-repeat 50% 50%;background-size: contain;}
.sector_icon03 {background: url(../images/recruit/ico_sector03.png)no-repeat 50% 50%;background-size: contain;}
.sector_icon04 {background: url(../images/recruit/ico_sector04.png)no-repeat 50% 50%;background-size: contain;}
.sector_occ_eng {font-family: 'Montserrat';font-size: 2.4rem;font-weight: 700;letter-spacing: -0.096rem;margin: 1.6rem 0 .9rem;text-align: center;}
.sector_occ_kor {font-size: 1.6rem;letter-spacing: -0.064rem;color: #A7ADB0;}
.career-tit, .guide-tit {font-size: 2.8rem;font-weight: 700;color: #54B5E3;letter-spacing: -0.112rem;display: flex;align-items: center;}
.career-tit::before, .guide-tit::before {content:'';display: block;width: 1.4rem;height: 1.4rem;border: 3px solid #54B5E3;border-radius: 100%;box-sizing: border-box;margin-right: 1rem;}
.recruit-career {display: flex;justify-content: space-between;margin-top: 7rem;}
.career-div {display: flex;align-items: flex-start;width: calc(50% - 3rem);}
.career-div>ul {margin-top: 0.5rem;}
.career-con {display: flex;margin-left: 4rem;}
.career-con+.career-con {margin-top: 3rem;}
.career-con_tit {font-size: 2rem;font-weight: 600;letter-spacing: -0.08rem;margin-right: 2rem;}
.career-con_des {font-size: 1.8rem;letter-spacing: -0.072rem;color: #D1D3D4;line-height: 2.4rem;}
.career-con_des>ul {margin-top: -.3rem;}
.career-con_des>ul>li {display: flex;line-height: 3.2rem;}
.career-con_des>ul>li::before {content:'';display: block;width: 0.5rem;height: 0.5rem;background: #9B9B9B;border-radius: 100%;margin-right: 1rem;margin-top: 1.2rem;}
.recruit-guide {display: flex;justify-content: space-between;flex-wrap: wrap;}
.guide-div {width: calc(50% - 3rem);}
.guide-con {margin-top: 3rem;}
.guide-con>li {border-radius: 99.9rem;background: rgba(86, 113, 126,.2);min-height: 4.4rem;display: flex;align-items: center;}
.guide-con>li+li {margin-top: 1rem;}
ol.guide-con {counter-reset: circle 0;}
ol.guide-con>li::before {counter-increment: circle 1;content:'0'counter(circle);font-family: 'Montserrat';font-size: 1.8rem;font-weight: 600;width: 3.6rem;height: 3.6rem;border-radius: 100%;background: #54B5E3;display: flex;align-items: center;justify-content: center;margin-left: 0.4rem;}
.guide-con_tit {font-size: 2rem;font-weight: 600;letter-spacing: -0.08rem;margin-right: 1rem;width: 15.8rem;flex-shrink: 0;margin-left: 2rem;}
.guide-con_tit>em {font-size: 1.4rem;font-weight: 400;color: #A7ADB0;vertical-align: middle;}
.guide-div:last-child .guide-con_tit {width: 6.7rem;}
.guide-con_des {font-size: 1.6rem;letter-spacing: -0.064rem;margin-right: 1rem;margin-top: .1rem;color: #D3D6D7;}
.guide-con_des>a {color: #D3D6D7;}
.recruit-welfare {display: flex;justify-content: space-between;}
.recruit-welfare>li {border: 1px solid rgba(84, 181, 227,.3);border-radius: 2rem;padding: 2rem 3rem;width: 24rem;box-sizing: border-box;margin-right: 2rem;}
.recruit-welfare>li:last-child {margin-right: 0;}
.welfare_icon {width: 3.4rem;height: 3.4rem;}
.welfare_icon01 {background: url(../images/recruit/ico_welfare01.png)no-repeat 50% 50%;background-size: contain;}
.welfare_icon02 {background: url(../images/recruit/ico_welfare02.png)no-repeat 50% 50%;background-size: contain;}
.welfare_icon03 {background: url(../images/recruit/ico_welfare03.png)no-repeat 50% 50%;background-size: contain;}
.welfare_icon04 {background: url(../images/recruit/ico_welfare04.png)no-repeat 50% 50%;background-size: contain;}
.welfare_icon05 {background: url(../images/recruit/ico_welfare05.png)no-repeat 50% 50%;background-size: contain;}
.welfare_tit {font-size: 2.2rem;font-weight: 700;letter-spacing: -0.088rem;margin: 1.9rem 0 .9rem;}
.welfare_des {font-size: 1.6rem;letter-spacing: -0.064rem;line-height: 2.6rem;color: #A2A7A9;}


@media screen and (max-width:1450px) {
  .main_bg {border-radius: 0 0 0 3rem;}
  .recruitment section {padding: 0 6rem;}
  .career-div,.guide-div {width: calc(50% - 2rem);}
}

@media screen and (max-width:1300px) {
  .overview_wrap {flex-direction: column;}
  .overview_title {margin-right: 0;}

  .contact__application section, .privacy-policy {padding-left: 5rem;padding-right: 5rem;}
  .btn_submit {width: calc(100% - 10rem);}

  .recruitment section {padding: 0 3rem;}
}

@media screen and (max-width:1200px) {
  .contact__info ul {flex-wrap: wrap;}
  .contact__info ul li:first-child {width: 100%;justify-content: center;}
  .contact__info ul li:not(:first-child) {margin-top: 2rem;}
  .contact__info ul li:nth-child(2) {margin-left: 0;}

  .sector-box {padding: 2.2rem 1rem 2.1rem;min-height: 18.9rem;}
  .career-div {flex-direction: column;}
  .career-div>ul {margin-top: 0;}
  .career-con {margin-left: 0;margin-top: 3rem;}
}

@media screen and (max-width:1024px) {
  /* .img_m {display: block;}
  .img_pc {display: none;} */

  .pop_header {width: 100vw;height: 5.7rem;flex-direction: row;align-items: center;padding: 0 2rem;}
  .pop_header_inner {flex-direction: row;}
  .pop_close_text {display: none;}
  .pop_controller {position: initial;width: auto;min-width: 6.8rem;height: auto;transform: rotate(0);margin: 0;padding: 0;}
  .pop_controller>span {font-size: 0;}
  .pop_controller>span>b {font-size: 1.5rem;}
  .pop_prev {padding-left: 3.3rem;}
  .pop_controller.nomore::before, .pop_controller.nomore::after {opacity: 1;}
  .pop_controller.nomore>span>b {color: #e8e8e8;}
  .pop_prev::before {left: 0;}
  .pop_next {padding-right: 3.3rem;}
  .pop_next::after {left: initial;right: 0;}
  .pop_prev::before, .pop_next::after {width: 2.4rem;height: 2.6rem;transform: translateY(-50%) rotate(0);}
  .pop_controller:hover>strong {display: none;animation: none;}
  .pop_controller>span::before {transition: none;display: none;}
  .pop_header .pop_close {margin: 0;position: initial;}
  .pop_header .pop_close>img {width: 2.7rem;}

  .pop_footer p {font-size: 1.2rem;margin-left: 2rem;padding-top: 3.7rem;padding-bottom: 5.1rem;}
  .popup_wrap .pop_cont {width: 100%;margin: 0 auto;}

  .contact__application {padding: 0 5rem 10rem;}

  .checkbox_list {flex-wrap: wrap;}
  .checkbox_list li {width: 25%;}
  input::placeholder {opacity: 0;}
  .area_row textarea {font-size: 1.4rem;}

  .sns_img {margin: 2rem;}
  .sns_img img {max-width: 100%;}

  .detail-visual {padding: 5.7rem 2rem 0; display: block;}
  .visual-summary {margin-left: 0;margin-top: 2.5rem;}
  .summary_wrap {width: 100%;height: auto;}
  .summary_title {max-height: initial;}
  .summary_title>br {display: none;}
  .summary_info {position: initial;width: 100%;}
  .visual-img .visual_badge {top: 2rem;right: 2rem;}
  .visual-img .visual_badge>img {width: 4.8rem;margin-left: 1rem;border-radius: 0.7rem;box-shadow: 0.5px 1px 1px 0px rgba(0, 0, 0, 0.5);}
  .main-overview {padding: 0 2rem;}
  .work-detail .title_area {padding: 0 3rem;}
  .detail-pc .title_area::after {right: 3rem; width: calc(100% - 17.5rem);}
  .detail-mobile .title_line {right: 3rem;}

  .mb_bg {border-radius: 0;}

  .contact__application section::after {width: 100%;left: 0;}
  .contact__application section, .privacy-policy {padding-left: 0;padding-right: 0;}
  .btn_submit {width: 100%;}

  .recruit-welfare {flex-wrap: wrap;}
  .recruit-welfare>li {width: calc(50% - .5rem);margin-bottom: 1rem;margin-right: 0;}
  .recruit-welfare>li:last-child {margin-bottom: 0;}
}

@media screen and (max-width:767px) {
  .img_m {display: block;}
  .img_pc {display: none;}

  .container {width: 100%;}
  .pop-title {font-size: 4rem;}

  .contact_us {padding: 7rem 1rem 0;}
  .contact__info ul {margin-top: 3rem;}
  .contact__info ul li {width: 100%;margin-left: 0!important;justify-content: flex-start!important;}
  .info__tit {font-size: 1.2rem;width: 8rem;margin-right: 0;flex-shrink: 0;}
  .info__con,
  .info__con>a {font-size: 1.2rem;flex-shrink: 1;}
  .info__con_sns>a {margin-left: 2.6rem;}
  .info__con_sns>a:first-child {width: 1.8rem;height: 1.7rem;background: url(../images/contact/ico_instagram_m.png) no-repeat;background-size: contain;margin-left: 0;}
  .info__con_sns>a:nth-child(2) {width: .75rem;height: 1.6rem;background: url(../images/contact/ico_facebook_m.png) no-repeat;background-size: contain;}
  .info__con_sns>a:last-child {width: 1rem;height: 1.4rem;background: url(../images/contact/ico_blog_m.png) no-repeat;background-size: contain;margin-left: 2.9rem;}
  .contact__application {border-radius: 1rem;padding: 0 2rem 6rem;margin-top: 3rem;}
  .contact__application section {padding: 4rem 0;}
  .app__tit {font-size: 2rem;}
  .app__tit--small {font-size: 1.2rem;}
  .app__con {margin-top: 2rem;}
  .contact__application .section03 {padding-bottom: 4rem;}
  .section01 .app__con {margin-top: 3rem;}

  .checkbox_list {justify-content: flex-start;}
  .checkbox_list li {width: 33%;margin-bottom: 2rem;}
  .checkbox_list li:nth-last-child(n+1):nth-last-child(-n+2) {margin-bottom: 0;}
  .checkbox_list label {font-size: 1.4rem;padding-left: 2.6rem;}
  .checkbox_list li::before,
  .checkbox_list label::before {width: 1.6rem;height: 1.6rem;background-size: contain;}
  .checkbox_list input[type="checkbox"]:checked + label::before {top: 0;left: 0;width: 1.8rem;height: 1.8rem;background-image: none;border: .1rem solid #fff;box-sizing: border-box;}
  .checkbox_list input[type="checkbox"]:checked + label::after {content:'';display: block;width: .8rem;height: .8rem;border-radius: 50%;background: #fff;position: absolute;top: .5rem;left: .5rem;}
  .checkbox_list li:focus-within::before {display: none;}

  .flex_row {flex-direction: column;}
  .flex_row+.flex_row {margin-top: 1rem;} 
  .flex_row02>div {width: 100%;}
  .flex_row02>div:first-of-type {margin-right: 0;margin-bottom: 1rem;}
  
  .input_row {height: 5rem;border-radius: 1rem;padding: 0 2rem;}
  .input__title {font-size: 1.4rem;font-weight: 600;width: auto;margin-right: 1rem;}
  .input_row input {height: 100%;font-size: 1.4rem;font-weight: 600;}
  .app_input.on {flex-direction: column;align-items: flex-start;height: 5.7rem;}
  .app_input.on .input__title,
  .input_slide.on .input__title {font-size: 1rem;opacity: .5;padding-top: 1rem;}

  .input_slide.on {flex-direction: column;align-items: flex-start;}
  .input_slide.open {border-radius: 1rem 1rem 0 0;border-bottom: 0;}
  .input_slide .input_tab {min-height: auto;border-radius: 0 0 1rem 1rem;padding-left: .8rem;padding-bottom: 0.5rem;top: 4.8rem;}
  .input_slide .input_tab ul li {height: 3.4rem;padding: 0 2rem;font-size: 1.2rem;margin: .5rem 1rem .5rem 0;letter-spacing: -.06rem;}

  .area_row {border-radius: 1rem;}
  .area_row .input__title {padding: 2rem;}
  .area_row.app_input.on {height: 30rem;}

  .flex_row02>.file_row:first-of-type {margin-bottom: 0;}
  .file_row {padding-bottom: 1rem;margin-top: 3rem;width: 100%;}
  .file_row .input__title {padding: 0 1rem;width: 7rem;}
  .file_row .file_location {font-size: 1.4rem;font-weight: 600;width: calc(100% - 11rem);}
  .file_row button {margin-right: 1rem;flex-shrink: 0;}
  .noti {margin-top: 2rem;padding-left: 1rem;}
  .noti span {font-size: 1.1rem;line-height: 1.8rem;letter-spacing: -.022rem;padding-left: 1rem;margin-top: .5rem;}

  .btn_submit {height: 5rem;border-radius: 1rem;font-size: 1.6rem;}
  .privacy-policy_check {margin-top: 2rem;}
  .btn_policy {width: 8.3rem;height: 2.6rem;font-size: 1rem;padding: 0 .8rem;margin-left: auto;}
  .btn_policy>i {width: .8rem;height: .8rem;}
  .btn_policy>i::before {top: .3rem;left: 0;}
  .btn_policy>i::after {top: 0;left: .3rem;}

  /* 개인정보 동의 체크박스 */
  .checkbox_row input[type="checkbox"] + label {font-size: 1.4rem;}
  .checkbox_row input[type="checkbox"] + label:before,
  .checkbox_row input[type="checkbox"]:checked + label:before {width: 3rem;height: 2.4rem;margin-bottom: -.7rem;margin-right: .7rem;}

  .privacy-policy_content {border-radius: 1rem;padding: 2rem;font-size: 1rem;margin-top: 2rem;margin-bottom: 0;}
  .privacy-policy_content p {margin-bottom: 1rem; }
  .privacy-policy_content dd+dt {margin-top: 1rem; }

  .contact__footer p {font-size: 1.2rem;margin-top: 2rem;margin-left: 1rem;}

  /* Works - 상세페이지 */
  /* .img_m {display: block;}
  .img_pc {display: none;} */
  .detail-visual {display: block;padding: 5.7rem 2rem 0;}
  .visual-summary {margin-left: 0;margin-top: 1.75rem;}
  .summary_wrap {padding: 3.5rem 2.5rem 3rem;width: 100%;height: auto; border-radius: 1rem;;}
  .summary_title {font-size: 2.8rem;max-height: initial;}
  .summary_text {font-size: 1.3rem;color: #777;line-height: 1.38;margin: 1.5rem 0 2.5rem;}
  .summary_info {position: initial;width: 100%;}
  .summary_info>li {height: 4.3rem;}
  .sum_tit, .sum_con {font-size: 1.4rem;}
  .sum_con>ul>li {font-size: 1.1rem;height: 2rem;line-height: 2rem;margin: .1rem 0;}
  .sum_con>ul>li+li {margin-left: .8rem;}
  .btn_site {line-height: 4.5rem;border-radius: 1rem;font-size: 1.4rem;margin-top: 1.75rem;}
  .main-overview {margin: 7.5rem auto 0;padding: 0 2rem;}
  .overview_tag {font-size: 1.6rem;margin-bottom: 1.5rem;}
  .overview_title {font-size: 3.7rem;margin-right: 0;min-width: auto;max-width: 100%;}
  .overview_text {font-size: 1.3rem;margin-top: 1.5rem;}
  .main-content {padding: 9rem 0 6.5rem;}
  .main_flowtext {font-size: 11rem;}
  .main_img {max-width: 100%; }
  .main_bg {height: calc(100% - 40.5vw);border-radius: 0;bottom: initial;bottom: 0;}

  .title_svg text {font-size: 4.8rem;}
  .detail-pc {padding: 5rem 2rem 6rem;}
  .detail-pc::before {height: 100%;border-radius: 0;}
  .detail-pc-first {margin-top: -11.5rem;}
  .pc_bg {max-height: 100%;height: 100%;border-radius: 0;}
  .work-detail .title_area {margin-bottom: 2rem;padding: 0;}
  .detail-pc .title_area::after {width: calc(100% - 8rem);right: 0;}
  .detail-pc .title_svg {width: 8rem;height: 4.5rem;}
  .detail-pc .title_svg text {transform: translateY(-2rem);}
  .pc_img_item img {box-shadow: 5px 4px 12px 0px rgba(0, 0, 0, 0.25);border-radius: 1rem;border: .2rem solid #000;}
  .grid-sizer {width: 100%;height: auto;padding: 0;margin-bottom: 3rem;}
  .detail-mobile {padding: 3rem 2rem 7.5rem;}
  .detail-mobile-first {margin-top: -9.5rem;}
  .detail-mobile-second {margin-top: -3rem;}
  .detail-mobile::before {border-radius: 0;}
  .detail-mobile .title_svg {width: 18.5rem;}
  .detail-mobile .title_area::after {width: calc(100% - 18.5rem);}
  .detail-mobile .title_line {width: calc(100% - 18.4rem);right: 0;}
  .mobile_img {margin-top: 0;}
  .mobile_img .swiper-slide {border: .25rem solid #000;border-radius: 1.5rem;}

  /* popRecruit */
  .recruitment {padding: 7rem 1rem 0;}
  .recruitment-box {padding: 5rem 1rem;margin-top: 3rem;background: #172228 url(../images/recruit/recruit_bg_m.png)no-repeat 50% 0;background-size: contain;}
  .recruit-tag {font-size: 1.4rem;letter-spacing: -0.056rem;padding: .8rem 1.6rem;border-radius: 2rem 2rem 2rem 0;margin-bottom: 1.2rem;}
  .recruit-tit {font-size: 3.8rem;letter-spacing: -0.152rem;line-height: 4.8rem;padding-bottom: 2rem;}
  .recruitment section {padding: 0 1.2rem;}
  .recruitment .section02, .recruitment .section03 {padding-bottom: 4rem;}
  .recruitment .sec-tit {font-size: 2rem;letter-spacing: -0.08rem;margin-bottom: 2rem;margin-top: 4rem;}
  .sector-box {flex: initial;width: 100%;align-items: flex-start;padding: 1.6rem 2rem;min-height: 6.6rem;border-radius: 1rem;margin-right: 0;position: relative;}
  .sector-box+.sector-box {margin-top: 1rem;}
  .sector_icon {width: 2.6rem;height: 2.6rem;position: absolute;top: 1.6rem;left: 2rem;}
  .sector_occ_eng {font-size: 1.6rem;letter-spacing: -0.064rem;margin: 0 0 .8rem 0;padding-left: 4rem;}
  .sector_occ_kor {font-size: 1rem;letter-spacing: -0.04rem;padding-left: 4rem;}
  .career-tit, .guide-tit {font-size: 1.8rem;letter-spacing: -0.072rem;}
  .career-tit::before, .guide-tit::before {width: 1rem;height: 1rem;margin-right: 0.8rem;}
  .career-div, .guide-div {width: 100%;}
  .recruit-career {flex-wrap: wrap;margin-top: 4rem;}
  .career-div:last-child {margin-top: 2rem;}
  .career-con,
  .career-con+.career-con {margin-top: 2rem;}
  .career-con_tit {font-size: 1.6rem;letter-spacing: -0.064rem;}
  .career-con_des {font-size: 1.4rem;letter-spacing: -0.056rem;line-height: initial;}
  .career-con_des>ul>li {line-height: 2.8rem;}
  .career-con_des>ul>li::before {width: 0.3rem;height: 0.3rem;flex-shrink: 0;}
  .guide-div:last-child {margin-top: 4rem;}
  .guide-con {margin-top: 2rem;}
  .guide-con>li {flex-direction: column;align-items: flex-start;padding: 2rem 3rem;position: relative;}
  .guide-div:last-child .guide-con>li {padding: 2rem 3rem 2rem 7rem;}
  ol.guide-con>li::before {position: absolute;top: 50%;left: 3rem;transform: translateY(-50%);width: 2.4rem;height: 2.4rem;font-size: 1.2rem;letter-spacing: -0.048rem;}
  .guide-con_tit {font-size: 1.6rem;letter-spacing: -0.064rem;margin: 0;}
  .guide-con_tit>em {font-size: 1.2rem;}
  .guide-con_des {font-size: 1.4rem;letter-spacing: -0.056rem;margin-right: 0;margin-top: 1rem;}
  .recruit-welfare>li {width: 100%;}
  .welfare_icon {width: 2.4rem;height: 2.4rem;}
  .welfare_tit {font-size: 1.6rem;letter-spacing: -0.064rem;margin: 1.6rem 0 1rem;}
  .welfare_des {font-size: 1.4rem;letter-spacing: -0.056rem;line-height: 1.4rem;}

}

@media screen and (max-width:370px) {
  .input_tab ul li {padding: 0 1.7rem;}
}