.service .mobile {
    display: none;
}
.service .sub_menu.desktop {
    display: flex;
}
@media (max-width: 768px) {
    .service .mobile {
        display: block;
    }
    .service .sub_menu.desktop {
        display: none;
    }
}
.wrap {
    overflow: visible;
}

.service {
    position: relative;
    overflow: visible;
}

.service:has([class*="gwp-"]) {
    padding-bottom:0;
    background:#FDF6E3;
}

.service .sticky {
    float: left;
    width: 100%;
    padding-top: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 55px;
    z-index: 2;
}
.service .sticky .progress_bar {
    display: flex;
    height: 2px;
}
.service .sticky .progress_bar .active {
    background-color: #121619;
    height: inherit;
}
.service .sticky .progress_bar .inactive {
    background-color: #E1E1E1;
    height: inherit;
}
.service .sticky .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 15px;
    opacity: 0;
}
.service .sticky .menu > div {
    border-radius: 30px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.service .sticky .menu > div:first-child {
    display: flex;
    padding: 2px 16px;
}
.service .sticky .menu > div:not(:first-child) {
    padding: 2px 8px;
    margin-left: 8px;
}
.service .sticky .menu > div > a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #121619;
    font-size: 18px;
    line-height: 1.2222;
    font-weight: 600;
    padding: 6px 16px;
}
.service .sticky .menu > div:first-child > div {
    display: flex;
}
.service .sticky .menu > div:first-child > div > a {
    color: #555555;
    font-size: 16px;
    line-height: 1.3750;
    padding: 6px 8px;
}
.service .sticky .menu > div:first-child > div::before {
    content: ' ';
    border-right: 2px solid #C4C4C4;
    height: 20px;
    margin: 7px 8px;
}
.service .sticky .menu > div:first-child > div > a {
    margin-left: 8px;
}


.service .breadcrumb {
    width: 100%;
    max-width: 1784px;
    padding: 24px 92px 10px;
    margin: 0 auto;
}


.service .intro {
    background-color: #F6F7FB;
    padding: 120px 0 0 0;
	position: relative;
}
.service .intro > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.service .intro > div:nth-child(1) {
    padding: 0 0 50px 0;
}
.service .intro > div:nth-child(1) > p {
    height: 54px;
}
.service .intro > div:nth-child(2) > p:nth-child(1) {
    height: 54px;
}
.service .intro > div:nth-child(2) > div {
    text-align: center;
    font-size: 48px;
    line-height: 57.6px;
    font-weight: 500;
    color: #121619;
    position: relative;
	
	font-family: ITC Avant Garde Gothic Pro;
	letter-spacing: 0.35px;
	text-align: center;
	vertical-align: middle;

}

.service .intro > div:nth-child(2) > div .rolling_area {
    max-width: 100%;
    height: 54px;
    overflow: hidden;
}
.service .intro > div:nth-child(2) > div .rolling_area .rolling {
    position: relative;
    /*display: inline-flex;*/
    /*flex-direction: column;*/
}
.service .intro > div:nth-child(2) > div > p {
    margin-top: 16px;
}
.service .intro > div:nth-child(3) {
    padding: 24px 0 15px;
}
.service .intro > div:nth-child(3) > a {
    width: 48px;
    height: 60px;
    position: relative;
}
.service .intro > div:nth-child(3) > a > img {
    position: absolute;
}
.service .intro > div:nth-child(4) {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.service .intro > div:nth-child(4) .first_img {
    width: 1034px;
    height: 454px;
    flex-shrink: 0;
    position: relative;
}
.service .intro > div:nth-child(4) img {
    position: absolute;
    opacity: 0;
}
.service .intro > div:nth-child(4) .first_left1 {
    max-width: 320px;
    top: 0;
    left: 0;
    z-index: 1;
}
.service .intro > div:nth-child(4) .first_left2 {
    max-width: 428px;
    left: 81px;
    bottom: 22px;
    z-index: 1;
}
.service .intro > div:nth-child(4) .first_mid {
    max-width: 400px;
    left: calc(50% - 185px);
    bottom: 0;
}
.service .intro > div:nth-child(4) .first_right1 {
    max-width: 420px;
    top: 0;
    right: 0;
    z-index: 1;
}
.service .intro > div:nth-child(4) .first_right2 {
    max-width: 304px;
    right: 159px;
    bottom: 15px;
    z-index: 1;
}


.service .guide {
    padding: 60px 92px;
}
.service .guide .inner {
    max-width: 1400px;
    margin: 0 auto;
}
.service .guide .sec_tit {
    color: #121619;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2000;
    letter-spacing: 0.14px;
}
.service .guide .sec_desc {
    margin-top: 8px;
    color: #555555;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3750;
}
.service .guide .sec_cont {
    margin-top: 32px;
}
.service .guide .curation {
    display: flex;
    align-items: center;
}
.service .guide .curation .left_tab {
    width: 41.14%;
    padding-right: 48px;
}
.service .guide .curation .left_tab .tab_item {
    padding: 24px 0;
    border-bottom: 1px solid #f0f0f0;
}
.service .guide .curation .left_tab .tab_item:first-child {
    padding-top: 16px;
}
.service .guide .curation .left_tab .tab_item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.service .guide .curation .left_tab .tab_item a {
    display: block;
    font-size: 20px;

    color: #a8a8a8;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px;
    background-image: url("/v2/img/ico_line_arrow_l_g.png");
}
.service .guide .curation .left_tab .tab_item.active a {
    color: #121619;
    background-image: url("/v2/img/ico_line_arrow_l.png");
}
.service .guide .curation .left_tab.pc_work .tab_item video {display:none;}/* s:사용자재구축: ******** mobile 대응 241111 */
.service .guide .curation .right_tab_cont {
    width: 58.86%;
}
.service .guide .curation .right_tab_cont .cont_item {
    width: 100%;
    display: none;
}
.service .guide .curation .right_tab_cont .cont_item.active {
    display: block;
}
.service .guide .curation .right_tab_cont .cont_item video {
    display: block;
    width: 100%;
}
.service .guide .curation_item {
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
}
.service .guide .curation_item:first-child {
    padding-top: 0;
}
.service .guide .curation_item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.service .guide .curation_btn a {
    display: block;
    font-size: 16px;

    color: #a8a8a8;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px;
    background-image: url("/v2/img/ico_htu_play_g.png");
}
.service .guide .curation_item.active .curation_btn a {
    color: #121619;
    background-image: url("/v2/img/ico_htu_play.png");
}

.service .guide .curation_video {
    padding-top: 16px;
    display: none;
}
.service .guide .curation_item.active .curation_video {
    display: block;
}
.service .guide .curation_video video {
    display: block;
    width: 100%;
}


.service .sub_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F0F2F6;
    border-bottom: 1px solid #E1E1E1;
}
.service .sub_menu .sub_menu_w {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 16px;
}
.service .sub_menu .sub_menu_w .odm_sub {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
}
.service .sub_menu .sub_menu_w .main_tit {
    padding: 7px 16px;
    font-size: 19px;
    line-height: 1.1578;
    font-weight: 600;
    text-align: center;
}
.service .sub_menu .sub_menu_w > .main_tit:first-child {
    margin-right: 8px;
}
.service .sub_menu .sub_menu_w .divide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.service .sub_menu .sub_menu_w .divide:not(:first-child)::before {
    content: ' ';
    border-right: 1px solid #C4C4C4;
    height: 20px;
    margin: 0 8px;
    display: inline-flex;
}
.service .sub_menu .sub_menu_w .sub_tit {
    padding: 7px 8px;
    font-size: 16px;
    line-height: 1.3750;
    text-align: center;
}
.service .sub_menu .sub_menu_w .sub_tit:not(:first-child) {
    margin-left: 8px;
}



.service .odm {
    padding: 158px 12.5% 60px;
    background-color: #F0F2F6;
    overflow: hidden;
}
.service .odm .pin-spacer .scroll_section {
    overflow: hidden;
}
.service .odm .main_tit {
    color: #121619;
    font-size: 44px;
    line-height: 1.1818;
    font-weight: 600;
    text-align: center;
}
.service .odm .sub_tit {
    color: #555555;
    font-size: 20px;
    line-height: 1.3000;
    font-weight: 300;
    letter-spacing: 0.07px;
    text-align: center;
    padding: 8px 0 33px;
}
.service .odm .ani_w {
    margin-top: 48px;
    position: relative;
}
.service .odm .ani_w .inner {
    /*overflow: hidden;*/
}
.service .odm .ani_w .card_box {
    max-width: 1328px;
    height: 556px;
    margin: 0 auto;
}
.service .odm .ani_w .card_box .card_item {
    will-change: transform;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.service .odm .ani_w .card_box .card_item .section_title {
    position: relative;
}
.service .odm .ani_w .card_box .card_item .section_title img {
    max-width: 1328px;

}
.service .odm .ani_w .card_box .card_item .section_title .a_tags {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.service .odm .ani_w .card_box .card_item .section_title .a_tags a {
    width: 33.33%;
    aspect-ratio: 0.9608;
}
.service .odm .btn {
    margin-top: 48px;
}


.service .development_process .inner {
    padding: 183px 0 199px;
    background-color: #F0F2F6;
}
.service .development_process .process_tit {
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
}
.service .development_process .process_tit > h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1000;
    color: #121619;
}
.service .development_process .process_tit .process_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0 25px;
}
.service .development_process .process_tit .process_btn .process {
    width: fit-content;
    padding: 6px 15px;
    border: 1px solid;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1.3750;
    cursor: default;
}
.service .development_process .process_tit .process_btn .process:not(:first-child) {
    margin-left: 8px;
}
.service .development_process .process_tit .process_btn .process.active {
    border-color: #121619;
    background-color: #121619;
    color: #FFFFFF;
    font-weight: 600;
}
.service .development_process .process_tit .process_btn .process.inactive {
    border-color: #E1E1E1;
    background-color: #FFFFFF;
    color: #A8A8A8;
}
.service .development_process .process_swipe {
    max-width: 1452px;
    padding: 0 76px;
    margin: 0 auto;
    overflow: hidden;
}
.service .development_process .process_swipe .process_item .item_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.service .development_process .process_swipe .process_item .item_list table {
    border-collapse: collapse;
}
.service .development_process .process_swipe .process_item .item_left > img {
    max-width: 608px;
    aspect-ratio: 1.2666;
}
.service .development_process .process_swipe .process_item .item_right {
    width: 692px;
    padding: 40px 32px 0 60px;
    background-color: #FFFFFF;
    vertical-align: baseline;
}

.service .development_process .process_swipe .process_item .item_right .item_tit {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    height: 60px;
}
.service .development_process .process_swipe .process_item .item_right .item_tit .item_no {
    /*border: 4px solid #E1E1E1;*/
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #121619;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1875;
    --p: 0;
    background: conic-gradient(#121619 var(--p, 0), 0 ,#E1E1E1);
}
.service .development_process .process_swipe .process_item .item_right .item_tit .item_no span {
    width: 52px;
    height: 52px;
    border-radius: 26px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.service .development_process .process_swipe .process_item .item_right .item_tit .item_no::before {*/
/*    content: ' ';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    border: 3px solid #121619;*/
/*    border-right: 0;*/
/*    width: 30px;*/
/*    height: 60px;*/
/*    border-radius: 30px 0 0 30px;*/
/*    z-index: 0;*/
/*}*/
.service .development_process .process_swipe .process_item .item_right .item_tit .item_txt {
    padding-left: 12px;
    color: #121619;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2500;
    letter-spacing: 0.084px;
}

.service .development_process .process_swipe .process_item .item_right .item_desc .desc_tit {
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1428;
    color: #121619;
}
.service .development_process .process_swipe .process_item.step1 .item_right .item_desc .desc_tit {
    margin-top: 40px;
}
.service .development_process .process_swipe .process_item.step2 .item_right .item_desc .desc_tit,
.service .development_process .process_swipe .process_item.step3 .item_right .item_desc .desc_tit {
    margin-top: 92px;
}
.service .development_process .process_swipe .process_item.step4 .item_right .item_desc .desc_tit {
    margin-top: 74px;
}
.service .development_process .process_swipe .process_item.step5 .item_right .item_desc .desc_tit {
    margin-top: 78px;
}
.service .development_process .process_swipe .process_item.step6 .item_right .item_desc .desc_tit {
    margin-top: 63px;
}
.service .development_process .process_swipe .process_item.step7 .item_right .item_desc .desc_tit {
    margin-top: 33px;
}
.service .development_process .process_swipe .process_item .item_right .item_desc .desc_txt {
    padding-top: 8px;
    font-size: 18px;
    line-height: 1.3333;
    letter-spacing: -0.5px;
    color: #555555;
}
.service .development_process .process_swipe .process_item .item_right .item_desc .desc_etc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4285;
    letter-spacing: -0.5px;
    color: #838383;
}
.service .development_process .process_swipe .process_item.step7 .item_right .item_desc .desc_etc {
    padding-top: 16px;
}
.service .development_process .process_swipe .process_item .item_right .item_desc .desc_btn {
    margin-top: 32px;
}
.service .development_process .process_swipe .process_item .item_right .item_desc .desc_btn a {
    display: block;
    width: fit-content;
    padding: 5px 16px;
    border: 1px solid #121619;
    background: #FFFFFF;
    color: #121619;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285;
}
.service .development_process .process_bar {
    width: 100%;
    padding-top: 40px;
    position: relative;
    display: flex;
    justify-content: center;
}
.service .development_process .process_bar .bar_border {
    border-top: 1px solid #121619;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
}
.service .development_process .process_bar .bar_w {
    display: flex;
    width: 1700px;
    overflow: hidden;
    padding-top: 12px;
}
.service .development_process .process_bar .bar_w .bar {
    width: 25%;
    flex-shrink: 0;
    text-align: center;
}
.service .development_process .process_bar .bar_w .bar p {
    padding-top: 18px;
    font-size: 20px;
    line-height: 1.3000;
    color: #A8A8A8;
    position: relative;
}
.service .development_process .process_bar .bar_w .bar.active p {
    color: #121619;
}
.service .development_process .process_bar .bar_w .bar p:before {
    position: absolute;
    top: -12px;
    left: calc(50% - 12px);
    content: ' ';
    width: 24px;
    aspect-ratio: 1;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    background-color: #A8A8A8;
}
.service .development_process .process_bar .bar_w .bar.active p:before {
    background-color: #121619;
}


.service .odm_service .inner {
    /*padding: 80px 358px 100px;*/
    padding: 80px 0 20px;
    background-color: #F0F2F6;
}
.service .odm_service .main_tit {
    padding-bottom: 40px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3500;
    letter-spacing: -0.5px;
}
.service .odm_service .service_w {
    max-width: 1158px;
    margin: 0 auto;
}
.service .odm_service .service_w .list .tit {
    color: #121619;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1875;
}
.service .odm_service .service_w .list .tit h3 {
    display: flex;
    color: #121619;
    font-size: 32px;
    font-weight: 600;
}
.service .odm_service .service_w .list .tit .tit_icon {
    margin-left: 8px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.service .odm_service .service_w .list .desc {
    margin: 24px 0 80px;
    background-color: #FFFFFF;
    position: relative;
}
.service .odm_service .service_w .list .desc .custom_txt {
    padding-left: 60px;
}
.service .odm_service .service_w .list .desc .txt_desc {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3125;
}
.service .odm_service .service_w .list .desc .sub_desc {
    margin-top: 24px;
}
.service .odm_service .service_w .list .desc .sub_desc .sub_context {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3333;
}
.service .odm_service .service_w .list .desc .sub_desc .sub_context.small {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    letter-spacing: -0.5px;
}
.service .odm_service .service_w .list .desc .img_desc img {
    position: absolute;
}
.service .odm_service .service_w .list .desc span.black {
    background-color: unset;
    color: #121619;
}
.service .odm_service .service_w .list .desc span.gray {
    color: #A8A8A8;
}
.service .odm_service .service_w .list .desc span.grey {
    color: #838383;
}
.service .odm_service .service_w .list .desc .sub_desc .sub_context:not(:first-child) {
    margin-top: 16px;
}
.service .odm_service .service_w .list .desc .custom_txt .custom_btn {
    margin: 40px 0 8px;
}
.service .odm_service .service_w .desc .custom_txt .custom_btn a {
    display: block;
    width: fit-content;
    padding: 5px 15px;
    color: #121619;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285;
    border: 1px solid #121619;
    background-color: #FFFFFF;
}

.service .odm_service .service_w .list.service_1 .tit .tit_icon {
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/SpeedMarktet_icon.png');
}
.service .odm_service .service_w .list.service_1 .desc .custom_txt {
    width: 446px;
}
.service .odm_service .service_w .list.service_1 .desc {
    height: 598px;
    display: flex;
    align-items: center;
}
.service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_1 {
    max-width: 202px;
    left: 499px;
    bottom: 0;
    z-index: 1;
}
.service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_2 {
    max-width: 560px;
    right: 0;
    bottom: 0;
}
.service .odm_service .service_w .list.service_2 .tit .tit_icon {
    width: 32px;
    margin-top: 4px;
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/LowMOQ_icon.png');
}
.service .odm_service .service_w .list.service_2 .desc {
    height: 1080px;
    display: flex;
    flex-wrap: wrap;
}
.service .odm_service .service_w .list.service_2 .desc .custom_txt {
    padding: 52px 80px 52px 60px;
    width: 526px;
    height: 600px;
    display: flex;
    align-items: center;
}
.service .odm_service .service_w .list.service_2 .desc .img_desc {
    width: calc(100% - 526px);
    height: 600px;
    position: relative;
}
.service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_1 {
    max-width: 572px;
    top: 52px;
    right: 0;
    z-index: 1;
}
.service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_2 {
    max-width: 582px;
    top: 44px;
    right: 0;
}
.service .odm_service .service_w .list.service_2 .desc .img_desc .img_scroll {
    position: absolute;
    top: 86px;
    right: 0;
    max-width: 572px;
    height: 446px;
    overflow: hidden;
}
.service .odm_service .service_w .list.service_2 .desc .img_desc .img_scroll img {
    position: unset;
    margin-bottom: 55px;
}
.service .odm_service .service_w .list.service_2 .moq_process {
    width: 100%;
    height: 480px;
    padding-top: 58px;
    padding-right: 95px;
    display: flex;
    justify-content: end;
    align-items: center;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_img {
    width: 710px;
    height: 100%;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_img img {
    position: absolute;
    left: 101px;
    bottom: 0;
    max-width: 380px;
    visibility: hidden;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe {
    width: 448px;
    margin: 0 56px;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p {
    text-align: center;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1666;
    color: #121619;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p:nth-child(2) {
    padding: 8px 0 33px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3750;
    color: #555555;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box {
    display: block;
    text-align: center;
    color: #121619;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3333;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(1) {
    background-color: #FFFFFF;
    border: 1px solid #121619;
    border-radius: 30px;
    padding: 5px 15px;
    width: fit-content;
    margin: 0 auto;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(2) {
    margin: 24px 0 32px;
}
.service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(3) {
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1428;
}
.service .odm_service .service_w .list.service_3 .desc .custom_txt {
    padding: 96px 0 156px 60px;
    max-width: 516px;
    height: 480px;
    display: flex;
    align-items: center;
}
.service .odm_service .service_w .list.service_3 .desc .sachet_img {
    background: #121619;
    padding-left: 530px;
    height: 375px;
    position: relative;
    display: flex;
    align-items: center;
}
.service .odm_service .service_w .list.service_3 .desc .sachet_img .image_front {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 119px;
    background: linear-gradient(180deg, rgba(18, 22, 25, 0.00) 0%, #121619 100%);
    z-index: 1;
}
.service .odm_service .service_w .list.service_3 .desc .sachet_img .image_w {
    position: absolute;
    top: 0;
    left: 0;
    width: 530px;
    height: 375px;
    overflow: hidden;
}
.service .odm_service .service_w .list.service_3 .desc .sachet_img .image_w img {
    position: absolute;
    left: 0;
    bottom: 0;
}
.service .odm_service .service_w .list.service_3 .desc .sachet_img .text_w {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4166;
    letter-spacing: 0.084px;
    background-image: linear-gradient(to top, #A5A5A5, #DDDDDD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: absolute;
    z-index: 1;
    padding-right: 95px;
}
.service .odm_service .service_w .list.service_3 .desc .img_desc .video_w {
    position: absolute;
    top: 65px;
    right: 48px;
    z-index: 1;
    width: 556px;
    height: 302px;
    overflow: hidden;
}

.service .odm_service .service_w .list.service_3 .desc .img_desc .video_w video {
    width: 560px;
    margin: -2px;
}
.service .odm_service .service_w .list.service_4 .tit .tit_icon {
    width: 32px;
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Tooling_icon.png');
}
.service .odm_service .service_w .list.service_4 .desc {
    display: flex;
    align-items: center;
    height: 600px;
}
.service .odm_service .service_w .list.service_4 .desc .img_desc img.tooling_1 {
    max-width: 583px;
    right: 0;
    top: 59px;
    z-index: 1;
}
.service .odm_service .service_w .list.service_4 .desc .custom_txt {
    padding-left: 60px;
    max-width: 446px;
}


.service .brand_fulfill .inner {
    padding: 100px 0;
    background-color: #FFFFFF;
}
.service .brand_fulfill .etc_w {
    max-width: 1300px;
    margin: 0 auto;
}
.service .brand_fulfill .each_item:not(:first-child) {
    margin-top: 100px;
}

.service .brand_fulfill .each_item table {
    border-collapse: collapse;
}
.service .brand_fulfill .each_item table tr td:nth-child(1) {
    padding-right: 40px;
}
.service .brand_fulfill .each_item table tr td:nth-child(2) {
    padding-left: 40px;
}

.service .brand_fulfill .each_item table tr td.item_left {
    width: 50.77%;
}
.service .brand_fulfill .each_item .item_right .item_txt {
    display: flex;
    justify-content: left;
    align-items: center;
}
.service .brand_fulfill .each_item .item_right .item_txt .tit {
    color: #121619;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1250;
    max-width: 600px;
    padding-bottom: 8px;
}
.service .brand_fulfill .each_item .item_right .item_txt .tit h2 {
    color: #121619;
    font-size: 48px;
    font-weight: 600;
}
.service .brand_fulfill .each_item .item_right .item_txt .desc {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333;
}
.service .brand_fulfill .each_item .item_right .item_txt .desc p {
    padding-top: 8px;
}


.service .web_contents .inner {
    padding: 100px 0;
    background-color: #121619;
}
.service .web_contents .cont_tit {
    color: #FFFFFF;
    text-align: center;
    font-size: 48px;
    line-height: 1.5000;
    text-transform: uppercase;
}
.service .web_contents .cont_tit span {
    font-weight: 700;
}
.service .web_contents .img_rolling {
    padding: 40px 0 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: left;
    flex-shrink: 0;
}
.service .web_contents .img_rolling .rolling_w {
    display: flex;
    flex-shrink: 0;
}
.service .web_contents .img_rolling .each_img {
    margin: 0 20px;
}
.service .web_contents .img_rolling .each_img .cont_img {
    display: flex;
    align-items: end;
}
.service .web_contents .img_rolling .each_img .cont_img img,
.service .web_contents .img_rolling .each_img .cont_txt {
    max-width: 320px;
}
.service .web_contents .img_rolling .each_img .cont_img img {
    aspect-ratio: 1;
    object-fit: cover;
}
.service .web_contents .img_rolling .each_img .cont_txt {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.4285;
    padding-top: 24px;
}
.service .web_contents .img_rolling .each_img .cont_txt .cat {
    font-weight: 600;
    padding-bottom: 8px;
}
.service .web_contents .img_rolling .each_img .cont_txt .tit {
    font-size: 24px;
    font-family: 'adobe-caslon-pro', serif;
    line-height: 1.2500;
}
.service .web_contents .img_rolling .each_img .cont_txt .desc {
    padding-top: 8px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}



.service .faq .inner {
    padding: 100px 13%;
}
.service .faq .content_in {
    max-width: 1440px;
    margin: 0 auto;

    display: flex;
}
.service .faq .content_in .left {
    width: 615px;
    padding-right: 60px;
}
.service .faq .content_in .left .tit {
    color: #121619;
    font-size: 32px;
    line-height: 1.1875;
    font-weight: 600;
}
.service .faq .content_in .left .desc {
    color: #555555;
    font-size: 18px;
    line-height: 1.3333;
    padding: 8px 0 16px;
}
.service .faq .content_in .left .category_item {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}
.service .faq .left .category_item a {
    color: #A8A8A8;
    font-size: 16px;
    line-height: 1.3750;
    padding: 7px 14px;
    border-radius: 30px;
    border: 1px solid #E1E1E1;
    background-color: #FFFFFF;
    margin-top: 8px;
}
.service .faq .left .category_item a:not(:last-child) {
    margin-right: 8px;
}
.service .faq .left .category_item a.active {
    color: #FFFFFF;
    background-color: #121619;
    border-color: #E1E1E1;
    font-weight: 600;
}
.service .faq .content_in .right {
    width: 825px;
}
/*.service .faq .content_in .right .each_item {*/
/*    border-top: 1px solid #E1E1E1;*/
/*}*/
.service .faq .content_in .right .faq_list {
    border-top: 1px solid #121619;
}
.service .faq .content_in .right .each_item {
    padding-right: 52px;
    border-bottom: 1px solid #E1E1E1;
}
.service .faq .content_in .right .each_item .tit {
    position: relative;
    padding: 16px 0;
    font-size: 20px;
    line-height: 1.3000;
    color: #121619;
    letter-spacing: 0.07px;
}
.service .faq .content_in .right .each_item .slide_btn {
    position: absolute;
    top: 21px;
    right: -32px;
    width: 16px;
    aspect-ratio: 1;
}
.service .faq .content_in .right .each_item .desc {
    font-size: 16px;
    line-height: 1.3750;
    color: #838383;
    padding-bottom: 16px;
    display: none;
}


.service .last .inner {
    padding: 160px 0 30px;
}
.service .last .content_in .mid {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.service .last .content_in .mid .mask {
    /*width: 277px;*/
    /*height: 337px;*/
    /*background: #E0DACF;*/
    /*border-radius: 200px 200px 0 0;*/
}
.service .last .content_in .mid p {
    /*position: absolute;*/
    color: #000000;
    text-align: center;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.0625;
    /*bottom: 0;*/
}




.service .btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.service .brand_fulfill .each_item .item_right .item_txt .btn {
    margin-top: 24px;
    justify-content: left;
}
.service .last .btn {
    margin-top: 32px;
}
.service .btn .service_btn:not(:first-child) {
    margin-left: 8px;
}
.service .service_btn {
    border: 1px solid #121619;
    padding: 11px 23px;
    font-size: 18px;
    line-height: 1.3333;
    font-weight: 600;
    width: fit-content;
}
.service .white {
    color: #121619;
    background-color: #FFFFFF;
}

.service .black {
    color: #FFFFFF;
    background-color: #121619;
}



/* SWIPER *************************************************************************************************************/
.slick-prev:before, .slick-next:before {
    content: unset;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: unset;
    outline: unset;
}
.slick-prev:hover, .slick-prev:focus {
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_PrevButton.png');
    background-size: cover;
}
.slick-next:hover, .slick-next:focus {
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_NextButton.png');
    background-size: cover;
}
.slick-prev {
    left: -76px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_PrevButton.png');
    background-size: cover;
}
.slick-next {
    right: -76px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_NextButton.png');
    background-size: cover;
}
.moq_swipe .slick-next, .moq_swipe .slick-prev {
    margin: 0;
}
/**********************************************************************************************************************/


@media (max-width: 1400px) {
    .service .breadcrumb {
        padding: 24px 60px 10px;
    }
    .service .guide {
        padding: 60px;
    }
}

@media (max-width: 1300px) {
    .service .sticky {
        top: 4.23vw;
    }
    .service .sticky .progress_bar {
        height: 0.15vw;
    }
    .service .sticky .menu {
        padding-top: 1.15vw;
    }
    .service .sticky .menu > div {
        border-radius: 2.31vw;
        box-shadow: 0 0.15vw 0.31vw 0 rgba(0, 0, 0, 0.25);
    }
    .service .sticky .menu > div:first-child {
        padding: 0.15vw 1.23vw;
    }
    .service .sticky .menu > div:not(:first-child) {
        padding: 0.15vw 0.62vw;
        margin-left: 0.62vw;
    }
    .service .sticky .menu > div > a {
        font-size: 1.38vw;
        padding: 0.46vw 1.23vw;
    }
    .service .sticky .menu > div:first-child > div > a {
        font-size: 1.23vw;
        padding: 0.46vw 0.62vw;
    }
    .service .sticky .menu > div:first-child > div::before {
        border-right: 0.15vw solid #C4C4C4;
        height: 1.54vw;
        margin: 0.54vw 0.62vw;
    }
    .service .sticky .menu > div:first-child > div > a {
        margin-left: 0.62vw;
    }


    .service .breadcrumb {
        max-width: unset;
        padding: 1.85vw 3.91vw 0.77vw;
    }


    .service .intro {
        padding: 3.69vw 0 0 0;
    }
    .service .intro > div:nth-child(1) {
        padding: 0 0 3.85vw 0;
    }
    .service .intro > div:nth-child(1) > p {
        height: 4.15vw;
    }
    .service .intro > div:nth-child(2) > p:nth-child(1) {
        height: 4.15vw;
    }
    .service .intro > div:nth-child(2) > div {
        font-size: 3.69vw;
    }
    .service .intro > div:nth-child(2) > div .rolling_area {
        height: 4.15vw;
    }
    .service .intro > div:nth-child(2) > div > p {
        margin-top: 1.23vw;
    }
    .service .intro > div:nth-child(3) {
        padding: 1.85vw 0 1.15vw;
    }
    .service .intro > div:nth-child(3) > a {
        width: 3.69vw;
        height: 4.62vw;
    }
    .service .intro > div:nth-child(4) .first_img {
        width: 79.54vw;
        height: 34.92vw;
    }
    .service .intro > div:nth-child(4) .first_left1 {
        max-width: 24.62vw;
    }
    .service .intro > div:nth-child(4) .first_left2 {
        max-width: 32.92vw;
        left: 6.23vw;
        bottom: 1.69vw;
    }
    .service .intro > div:nth-child(4) .first_mid {
        max-width: 30.77vw;
        left: calc(50% - 14.23vw);
    }
    .service .intro > div:nth-child(4) .first_right1 {
        max-width: 32.31vw;
    }
    .service .intro > div:nth-child(4) .first_right2 {
        max-width: 23.38vw;
        right: 12.23vw;
        bottom: 1.15vw;
    }


    .service .guide {
        padding: 4.62vw 3.91vw;
    }
    .service .guide .inner {
        max-width: 107.69vw;
    }
    .service .guide .sec_tit {
        font-size: 3.08vw;
    }
    .service .guide .sec_desc {
        margin-top: 0.62vw;
        font-size: 1.23vw;
    }
    .service .guide .sec_cont {
        margin-top: 2.46vw;
    }
    .service .guide .curation .left_tab {
        padding-right: 3.69vw;
    }
    .service .guide .curation .left_tab .tab_item {
        padding: 1.85vw 0;
        border-bottom: 0.08vw solid #f0f0f0;
    }
    .service .guide .curation .left_tab .tab_item:first-child {
        padding-top: 1.23vw;
    }
    .service .guide .curation .left_tab .tab_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .service .guide .curation .left_tab .tab_item a {
        font-size: 1.54vw;

        background-size: 2.46vw;
    }
    .service .guide .curation_item {
        padding: 1.23vw 0;
        border-bottom: 0.08vw solid #f0f0f0;
    }
    .service .guide .curation_item:first-child {
        padding-top: 0;
    }
    .service .guide .curation_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .service .guide .curation_btn a {
        font-size: 1.23vw;

        background-size: 1.85vw;
    }
    .service .guide .curation_video {
        padding-top: 1.23vw;
    }


    .service .sub_menu {
        border-bottom: 0.08vw solid #E1E1E1;
    }
    .service .sub_menu .sub_menu_w {
        padding: 1.23vw;
    }
    .service .sub_menu .sub_menu_w .odm_sub {
        padding: 0 0.62vw;
    }
    .service .sub_menu .sub_menu_w .main_tit {
        padding: 0.54vw 1.23vw;
        font-size: 1.46vw;
    }
    .service .sub_menu .sub_menu_w > .main_tit:first-child {
        margin-right: 0.62vw;
    }
    .service .sub_menu .sub_menu_w .divide:not(:first-child)::before {
        border-right: 0.08vw solid #C4C4C4;
        height: 1.54vw;
        margin: 0 0.62vw;
    }
    .service .sub_menu .sub_menu_w .sub_tit {
        padding: 0.54vw 0.62vw;
        font-size: 1.23vw;
    }
    .service .sub_menu .sub_menu_w .sub_tit:not(:first-child) {
        margin-left: 0.62vw;
    }



    .service .odm {
        padding: 12.15vw 12.5% 4.62vw;
    }
    .service .odm .main_tit {
        font-size: 3.38vw;
    }
    .service .odm .sub_tit {
        font-size: 1.54vw;
        letter-spacing: 0.00538vw;
        padding: 0.62vw 0 2.54vw;
    }
    .service .odm .ani_w {
        margin-top: 3.69vw;
    }
    .service .odm .ani_w .card_box {
        width: 102.15vw;
        height: 35.38vw;
    }
    .service .odm .ani_w .card_box .card_item .section_title img {
        max-width: 102.15vw;

    }
    .service .odm .btn {
        margin-top: 3.69vw;
    }


    .service .development_process .inner {
        padding: 14.08vw 0 15.31vw;
    }
    .service .development_process .process_tit {
        max-width: 110.77vw;
    }
    .service .development_process .process_tit > h2 {
        font-size: 3.08vw;
        padding: 0 11.08vw;
    }
    .service .development_process .process_tit .process_btn {
        margin: 1.85vw 0 1.92vw;
    }
    .service .development_process .process_tit .process_btn .process {
        padding: 0.46vw 1.15vw;
        border: 0.08vw solid;
        border-radius: 2.31vw;
        font-size: 1.23vw;
    }
    .service .development_process .process_tit .process_btn .process:not(:first-child) {
        margin-left: 0.62vw;
    }
    .service .development_process .process_swipe {
        max-width: 111.69vw;
        padding: 0 5.85vw;
        margin: 0 auto;
    }
    .service .development_process .process_swipe .process_item .item_left > img {
        max-width: 46.77vw;
        min-width: 36.92vw;
    }
    .service .development_process .process_swipe .process_item .item_right {
        width: 53.23vw;
        padding: 3.08vw 2.46vw 0 4.62vw;
    }

    .service .development_process .process_swipe .process_item .item_right .item_tit {
        height: 4.62vw;
    }
    .service .development_process .process_swipe .process_item .item_right .item_tit .item_no {
        width: 4.62vw;
        height: 4.62vw;
        border-radius: 2.31vw;
        font-size: 2.46vw;
    }
    .service .development_process .process_swipe .process_item .item_right .item_tit .item_no span {
        width: 4.00vw;
        height: 4.00vw;
        border-radius: 2.00vw;
    }
    /*.service .development_process .process_swipe .process_item .item_right .item_tit .item_no::before {*/
    /*    border: 0.23vw solid #121619;*/
    /*    border-right: 0;*/
    /*    width: 2.31vw;*/
    /*    height: 4.62vw;*/
    /*    border-radius: 2.31vw 0 0 2.31vw;*/
    /*}*/
    .service .development_process .process_swipe .process_item .item_right .item_tit .item_txt {
        padding-left: 0.92vw;
        font-size: 1.85vw;
        letter-spacing: 0.00646vw;
    }

    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_tit {
        margin-bottom: 0.62vw;
        font-size: 2.15vw;
    }
    .service .development_process .process_swipe .process_item.step1 .item_right .item_desc .desc_tit {
        margin-top: 3.08vw;
    }
    .service .development_process .process_swipe .process_item.step2 .item_right .item_desc .desc_tit,
    .service .development_process .process_swipe .process_item.step3 .item_right .item_desc .desc_tit {
        margin-top: 7.08vw;
    }
    .service .development_process .process_swipe .process_item.step4 .item_right .item_desc .desc_tit {
        margin-top: 5.69vw;
    }
    .service .development_process .process_swipe .process_item.step5 .item_right .item_desc .desc_tit {
        margin-top: 6.00vw;
    }
    .service .development_process .process_swipe .process_item.step6 .item_right .item_desc .desc_tit {
        margin-top: 4.85vw;
    }
    .service .development_process .process_swipe .process_item.step7 .item_right .item_desc .desc_tit {
        margin-top: 2.54vw;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_txt {
        padding-top: 0.62vw;
        font-size: 1.38vw;
        letter-spacing: -0.03846vw;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_etc {
        margin-top: 0.62vw;
        font-size: 1.08vw;
        letter-spacing: -0.03846vw;
    }
    .service .development_process .process_swipe .process_item.step7 .item_right .item_desc .desc_etc {
        padding-top: 1.23vw;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_btn {
        margin-top: 2.46vw;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_btn a {
        padding: 0.38vw 1.23vw;
        border: 0.08vw solid #121619;
        font-size: 1.08vw;
    }
    .service .development_process .process_bar {
        padding-top: 3.08vw;
    }
    .service .development_process .process_bar .bar_border {
        border-top: 0.08vw solid #121619;
        top: 4.00vw;
    }
    .service .development_process .process_bar .bar_w {
        padding-top: 0.92vw;
    }
    .service .development_process .process_bar .bar_w .bar p {
        padding-top: 1.38vw;
        font-size: 1.54vw;
    }
    .service .development_process .process_bar .bar_w .bar p:before {
        top: -0.92vw;
        left: calc(50% - 0.92vw);
        width: 1.85vw;
        border: 0.08vw solid #FFFFFF;
        border-radius: 1.85vw;
    }


    .service .odm_service .inner {
        padding: 6.15vw 0 1.54vw;
    }
    .service .odm_service .main_tit {
        padding-bottom: 3.08vw;
        font-size: 3.08vw;
        letter-spacing: -0.03846vw;
    }
    .service .odm_service .service_w {
        max-width: 89.08vw;
        margin: 0 auto;
    }
    .service .odm_service .service_w .list .tit {
        font-size: 2.46vw;
    }
    .service .odm_service .service_w .list .tit h3 {
        font-size: 2.46vw;
    }
    .service .odm_service .service_w .list .tit .tit_icon {
        margin-left: 0.62vw;
        width: 1.85vw;
    }
    .service .odm_service .service_w .list .desc {
        margin: 1.85vw 0 6.15vw;
    }
    .service .odm_service .service_w .list .desc .custom_txt {
        padding-left: 4.62vw;
    }
    .service .odm_service .service_w .list .desc .txt_desc {
        font-size: 2.46vw;
    }
    .service .odm_service .service_w .list .desc .sub_desc {
        margin-top: 1.85vw;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context {
        font-size: 1.38vw;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context.small {
        font-size: 1.08vw;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context:not(:first-child) {
        margin-top: 1.23vw;
    }
    .service .odm_service .service_w .list .desc .custom_txt .custom_btn {
        margin: 3.08vw 0 0.62vw;
    }
    .service .odm_service .service_w .desc .custom_txt .custom_btn a {
        padding: 0.38vw 1.15vw;
        font-size: 1.08vw;
        border: 0.08vw solid #121619;
    }
    .service .odm_service .service_w .list.service_1 .desc .custom_txt {
        width: 34.31vw;
    }
    .service .odm_service .service_w .list.service_1 .desc {
        height: 46.00vw;
    }
    .service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_1 {
        max-width: 15.54vw;
        left: 38.38vw;
    }
    .service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_2 {
        max-width: 43.08vw;
    }
    .service .odm_service .service_w .list.service_2 .tit .tit_icon {
        width: 2.46vw;
        margin-top: 0.31vw;
    }
    .service .odm_service .service_w .list.service_2 .desc {
        height: 83.08vw;
    }
    .service .odm_service .service_w .list.service_2 .desc .custom_txt {
        padding: 4.00vw 6.15vw 4.00vw 4.62vw;
        width: 40.46vw;
        height: 46.15vw;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc {
        width: calc(100% - 40.46vw);
        height: 46.15vw;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_1 {
        max-width: 44.00vw;
        top: 4.00vw;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_2 {
        max-width: 44.77vw;
        top: 3.38vw;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc .img_scroll {
        top: 6.62vw;
        max-width: 44.00vw;
        height: 34.31vw;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc .img_scroll img {
        position: unset;
        margin-bottom: 4.23vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process {
        height: 36.92vw;
        padding-top: 4.46vw;
        padding-right: 7.31vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_img {
        width: 54.62vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_img {
        width: 419px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_img img {
        left: 7.77vw;
        max-width: 29.23vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe {
        width: 34.46vw;
        margin: 0 4.31vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p:nth-child(1) {
        font-size: 1.85vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p:nth-child(2) {
        padding: 0.62vw 0 2.54vw;
        font-size: 1.23vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box {
        font-size: 1.38vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(1) {
        border: 0.08vw solid #121619;
        border-radius: 2.31vw;
        padding: 0.38vw 1.15vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(2) {
        margin: 1.85vw 0 2.46vw;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(3) {
        font-size: 1.08vw;
    }
    .service .odm_service .service_w .list.service_3 .desc .custom_txt {
        padding: 7.38vw 0 12.00vw 4.62vw;
        max-width: 39.69vw;
        height: 36.92vw;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img {
        padding-left: 40.77vw;
        height: 28.85vw;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_front {
        height: 9.15vw;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_w {
        width: 40.77vw;
        height: 28.85vw;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .text_w {
        font-size: 1.85vw;
        letter-spacing: 0.00646vw;
        padding-right: 7.31vw;
    }
    .service .odm_service .service_w .list.service_3 .desc .img_desc .video_w {
        top: 5.00vw;
        right: 3.69vw;
        width: 42.77vw;
        height: 23.23vw;
    }

    .service .odm_service .service_w .list.service_3 .desc .img_desc .video_w video {
        width: 43.08vw;
        margin: -0.15vw;
    }
    .service .odm_service .service_w .list.service_4 .tit .tit_icon {
        width: 2.46vw;
    }
    .service .odm_service .service_w .list.service_4 .desc {
        height: 46.15vw;
    }
    .service .odm_service .service_w .list.service_4 .desc .img_desc img.tooling_1 {
        max-width: 44.85vw;
        top: 4.54vw;
    }
    .service .odm_service .service_w .list.service_4 .desc .custom_txt {
        padding-left: 4.62vw;
        max-width: 34.31vw;
    }


    .service .brand_fulfill .inner {
        padding: 7.69vw 4.54vw;
    }
    .service .brand_fulfill .etc_w {
        max-width: 100.00vw;
        margin: 0 auto;
    }
    .service .brand_fulfill .each_item:not(:first-child) {
        margin-top: 7.69vw;
    }
    .service .brand_fulfill .each_item table tr td:nth-child(1) {
        padding-right: 3.08vw;
    }
    .service .brand_fulfill .each_item table tr td:nth-child(2) {
        padding-left: 3.08vw;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .tit {
        font-size: 3.69vw;
        max-width: 46.15vw;
        padding-bottom: 0.62vw;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .tit h2 {
        font-size: 3.69vw;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .desc {
        font-size: 1.38vw;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .desc p {
        padding-top: 0.62vw;
    }


    .service .web_contents .inner {
        padding: 7.69vw 0;
    }
    .service .web_contents .cont_tit {
        font-size: 3.69vw;
    }
    .service .web_contents .img_rolling {
        padding: 3.08vw 0 0;
    }
    .service .web_contents .img_rolling .each_img {
        margin: 0 1.54vw;
    }
    .service .web_contents .img_rolling .each_img .cont_img img,
    .service .web_contents .img_rolling .each_img .cont_txt {
        max-width: 24.62vw;
    }
    .service .web_contents .img_rolling .each_img .cont_txt {
        font-size: 1.08vw;
        padding-top: 1.85vw;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .cat {
        padding-bottom: 0.62vw;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .tit {
        font-size: 1.85vw;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .desc {
        padding-top: 0.62vw;
    }



    .service .faq .inner {
        padding: 7.69vw 13%;
    }
    .service .faq .content_in {
        max-width: 110.77vw;
        margin: 0 auto;
    }
    .service .faq .content_in .left {
        width: 47.31vw;
        padding-right: 4.62vw;
    }
    .service .faq .content_in .left .tit {
        font-size: 2.46vw;
    }
    .service .faq .content_in .left .desc {
        font-size: 1.38vw;
        padding: 0.62vw 0 1.23vw;
    }
    .service .faq .left .category_item a {
        font-size: 1.23vw;
        padding: 0.54vw 1.08vw;
        border-radius: 2.31vw;
        border: 0.08vw solid #E1E1E1;
        margin-top: 0.62vw;
    }
    .service .faq .left .category_item a:not(:last-child) {
        margin-right: 0.62vw;
    }
    .service .faq .content_in .right {
        width: 63.46vw;
    }
    .service .faq .content_in .right .faq_list {
        border-top: 0.08vw solid #121619;
    }
    .service .faq .content_in .right .each_item {
        padding-right: 4.00vw;
        border-bottom: 0.08vw solid #E1E1E1;
    }
    .service .faq .content_in .right .each_item .tit {
        padding: 1.23vw 0;
        font-size: 1.54vw;
        letter-spacing: 0.005438vw;
    }
    .service .faq .content_in .right .each_item .slide_btn {
        top: 1.62vw;
        right: -2.46vw;
        width: 1.23vw;
    }
    .service .faq .content_in .right .each_item .desc {
        font-size: 1.23vw;
        padding-bottom: 1.23vw;
    }


    .service .last .inner {
        padding: 12.31vw 0 2.31vw;
    }
    .service .last .content_in .mid .mask {
        /*width: 21.31vw;*/
        /*height: 25.92vw;*/
    }
    .service .last .content_in .mid p {
        font-size: 4.92vw;
    }



    .service .brand_fulfill .each_item .item_right .item_txt .btn {
        margin-top: 1.85vw;
    }
    .service .last .btn {
        margin-top: 3.69vw;
    }
    .service .btn .service_btn:not(:first-child) {
        margin-left: 0.62vw;
    }
    .service .service_btn {
        border: 0.08vw solid #121619;
        padding: 0.85vw 1.77vw;
        font-size: 1.38vw;
    }



    /* SWIPER *************************************************************************************************************/
    .slick-prev {
        left: -5.25vw;
        width: 4.62vw;
        height: 4.62vw;
        border-radius: 2.31vw;
    }
    .slick-next {
        right: -5.25vw;
        width: 4.62vw;
        height: 4.62vw;
        border-radius: 2.31vw;
    }
    .moq_swipe .slick-next, .moq_swipe .slick-prev {
        margin: 0;
    }
    /**********************************************************************************************************************/
}

/* s:사용자재구축 (passrim) 추가  */
.content.service .sub_menu.mobile {display:none;}
.content.service .sub_menu.desktop {display:flex;}
.content.service .development_process .process_swipe .process_item .item_list.desktop {display:flex;}
.content.service .development_process .process_swipe .process_item .item_list.mobile {display:none;}
.content.service .development_process .process_bar.desktop {display:flex;}
.content.service .development_process .process_bar.mobile {display:none;}
.content.service .odm .ani_w .btn.mobile {display:none;}
.service .odm .desktop{display:block;}
.service .odm.mobile{display:none;}
.service .odm_service .service_w .list.service_2 .desc.desktop {display:flex;}
.service .odm_service .service_w .list.service_2 .desc.mobile {display:none;}
.service .odm_service .service_w .list.service_3 .desc .sachet_img.desktop {display:flex;}
.service .odm_service .service_w .list.service_3 .desc .sachet_img.mobile {display:none;}

@media (max-width: 376px) {
    .gwp-contact-wrap .scont .mdesc {
        padding:0 5px;
    }
}
/* s:사용자재구축 추가 끝  */
@media (max-width: 768px) {
    .service .sticky {
        top: 32px;
    }
    .service .sticky .progress_bar {
        height: 1px;
    }
    .service .sticky .menu {
        padding-top: 9px;
    }
    .service .sticky .menu > div {
        border-radius: 18px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    }
    .service .sticky .menu > div:first-child {
        padding: 1px 9px;
    }
    .service .sticky .menu > div:not(:first-child) {
        padding: 1px 5px;
        margin-left: 5px;
    }
    .service .sticky .menu > div > a {
        font-size: 11px;
        padding: 4px 9px;
    }
    .service .sticky .menu > div:first-child > div > a {
        font-size: 9px;
        padding: 4px 5px;
    }
    .service .sticky .menu > div:first-child > div::before {
        border-right: 1px solid #C4C4C4;
        height: 12px;
        margin: 4px 5px;
    }
    .service .sticky .menu > div:first-child > div > a {
        margin-left: 5px;
    }


    .service .breadcrumb {
        max-width: unset;
        padding: 14px 32px 6px;
    }


    .service .intro {
        padding: 28px 0 0 0;
    }
    .service .intro > div:nth-child(1) {
        padding: 0 0 30px 0;
    }
    .service .intro > div:nth-child(1) > p {
        height: 32px;
    }
    .service .intro > div:nth-child(2) > p:nth-child(1) {
        height: 32px;
    }
    .service .intro > div:nth-child(2) > div {
        font-size: 28px;
    }
    .service .intro > div:nth-child(2) > div .rolling_area {
        height: 32px;
    }
    .service .intro > div:nth-child(2) > div > p {
        margin-top: 9px;
    }
    .service .intro > div:nth-child(3) {
        padding: 14px 0 9px;
    }
    .service .intro > div:nth-child(3) > a {
        width: 28px;
        height: 35px;
    }
    .service .intro > div:nth-child(4) .first_img {
        width: 611px;
        height: 268px;
    }
    .service .intro > div:nth-child(4) .first_left1 {
        max-width: 189px;
    }
    .service .intro > div:nth-child(4) .first_left2 {
        max-width: 253px;
        left: 48px;
        bottom: 13px;
    }
    .service .intro > div:nth-child(4) .first_mid {
        max-width: 236px;
        left: calc(50% - 109px);
    }
    .service .intro > div:nth-child(4) .first_right1 {
        max-width: 248px;
    }
    .service .intro > div:nth-child(4) .first_right2 {
        max-width: 180px;
        right: 94px;
        bottom: 9px;
    }


    .service .guide {
        padding: 35px 32px;
    }
    .service .guide .inner {
        max-width: unset;
    }
    .service .guide .sec_tit {
        font-size: 24px;
    }
    .service .guide .sec_desc {
        margin-top: 5px;
        font-size: 9px;
    }
    .service .guide .sec_cont {
        margin-top: 19px;
    }
    .service .guide .curation .left_tab {
        padding-right: 28px;
    }
    .service .guide .curation .left_tab .tab_item {
        padding: 14px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .service .guide .curation .left_tab .tab_item:first-child {
        padding-top: 9px;
    }
    .service .guide .curation .left_tab .tab_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .service .guide .curation .left_tab .tab_item a {
        font-size: 12px;

        background-size: 19px;
    }
    .service .guide .curation_item {
        padding: 9px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .service .guide .curation_item:first-child {
        padding-top: 0;
    }
    .service .guide .curation_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .service .guide .curation_btn a {
        font-size: 9px;

        background-size: 14px;
    }
    .service .guide .curation_video {
        padding-top: 9px;
    }


    .service .sub_menu {
        border-bottom: 1px solid #E1E1E1;
    }
    .service .sub_menu .sub_menu_w {
        padding: 9px;
    }
    .service .sub_menu .sub_menu_w .odm_sub {
        padding: 0 5px;
    }
    .service .sub_menu .sub_menu_w .main_tit {
        padding: 4px 9px;
        font-size: 11px;
    }
    .service .sub_menu .sub_menu_w > .main_tit:first-child {
        margin-right: 5px;
    }
    .service .sub_menu .sub_menu_w .divide:not(:first-child)::before {
        border-right: 1px solid #C4C4C4;
        height: 12px;
        margin: 0 5px;
    }
    .service .sub_menu .sub_menu_w .sub_tit {
        padding: 4px 5px;
        font-size: 9px;
    }
    .service .sub_menu .sub_menu_w .sub_tit:not(:first-child) {
        margin-left: 5px;
    }



    .service .odm {
        padding: 93px 12.5% 35px;
    }
    .service .odm .main_tit {
        font-size: 26px;
    }
    .service .odm .sub_tit {
        font-size: 12px;
        letter-spacing: 0.0414px;
        padding: 5px 0 19px;
    }
    .service .odm .ani_w {
        margin-top: 28px;
    }
    .service .odm .ani_w .card_box {
        width: 785px;
        height: 272px;
    }
    .service .odm .ani_w .card_box .card_item .section_title img {
        max-width: 785px;

    }
    .service .odm .btn {
        margin-top: 28px;
    }


    .service .development_process .inner {
        padding: 108px 0 118px;
    }
    .service .development_process .process_tit {
        max-width: 851px;
    }
    .service .development_process .process_tit > h2 {
        font-size: 24px;
    }
    .service .development_process .process_tit .process_btn {
        margin: 14px 0 15px;
    }
    .service .development_process .process_tit .process_btn .process {
        padding: 4px 9px;
        border: 1px solid;
        border-radius: 18px;
        font-size: 9px;
        white-space: nowrap;
    }
    .service .development_process .process_tit .process_btn .process:not(:first-child) {
        margin-left: 5px;
    }
    .service .development_process .process_swipe {
        max-width: 858px;
        padding: 0 45px;
        margin: 0 auto;
    }
    .service .development_process .process_swipe .process_item .item_left > img {
        max-width: 359px;
        min-width: 284px;
    }
    .service .development_process .process_swipe .process_item .item_right {
        width: 409px;
        padding: 24px 19px 0 35px;
    }

    .service .development_process .process_swipe .process_item .item_right .item_tit {
        height: 35px;
    }
    .service .development_process .process_swipe .process_item .item_right .item_tit .item_no {
        width: 35px;
        height: 35px;
        border-radius: 18px;
        font-size: 19px;
    }
    .service .development_process .process_swipe .process_item .item_right .item_tit .item_no span {
        width: 31px;
        height: 31px;
        border-radius: 16px;
    }
    /*.service .development_process .process_swipe .process_item .item_right .item_tit .item_no::before {*/
    /*    border: 2px solid #121619;*/
    /*    border-right: 0;*/
    /*    width: 18px;*/
    /*    height: 35px;*/
    /*    border-radius: 18px 0 0 18px;*/
    /*}*/
    .service .development_process .process_swipe .process_item .item_right .item_tit .item_txt {
        padding-left: 7px;
        font-size: 14px;
        letter-spacing: 0.0496px;
    }

    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_tit {
        margin-bottom: 5px;
        font-size: 17px;
    }
    .service .development_process .process_swipe .process_item.step1 .item_right .item_desc .desc_tit {
        margin-top: 24px;
    }
    .service .development_process .process_swipe .process_item.step2 .item_right .item_desc .desc_tit,
    .service .development_process .process_swipe .process_item.step3 .item_right .item_desc .desc_tit {
        margin-top: 54px;
    }
    .service .development_process .process_swipe .process_item.step4 .item_right .item_desc .desc_tit {
        margin-top: 44px;
    }
    .service .development_process .process_swipe .process_item.step5 .item_right .item_desc .desc_tit {
        margin-top: 46px;
    }
    .service .development_process .process_swipe .process_item.step6 .item_right .item_desc .desc_tit {
        margin-top: 37px;
    }
    .service .development_process .process_swipe .process_item.step7 .item_right .item_desc .desc_tit {
        margin-top: 19px;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_txt {
        padding-top: 5px;
        font-size: 11px;
        letter-spacing: -0.2954px;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_etc {
        margin-top: 5px;
        font-size: 8px;
        letter-spacing: -0.2954px;
    }
    .service .development_process .process_swipe .process_item.step7 .item_right .item_desc .desc_etc {
        padding-top: 9px;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_btn {
        margin-top: 19px;
    }
    .service .development_process .process_swipe .process_item .item_right .item_desc .desc_btn a {
        padding: 3px 9px;
        border: 1px solid #121619;
        font-size: 8px;
    }
    .service .development_process .process_bar {
        padding-top: 24px;
    }
    .service .development_process .process_bar .bar_border {
        border-top: 1px solid #121619;
        top: 31px;
    }
    .service .development_process .process_bar .bar_w {
        padding-top: 7px;
    }
    .service .development_process .process_bar .bar_w .bar p {
        padding-top: 11px;
        font-size: 12px;
    }
    .service .development_process .process_bar .bar_w .bar p:before {
        top: -7px;
        left: calc(50% - 7px);
        width: 14px;
        border: 1px solid #FFFFFF;
        border-radius: 14px;
    }


    .service .odm_service .inner {
        padding: 47px 0 12px;
    }
    .service .odm_service .main_tit {
        padding-bottom: 24px;
        font-size: 24px;
        letter-spacing: -0.2954px;
    }
    .service .odm_service .service_w {
        max-width: 684px;
        margin: 0 auto;
    }
    .service .odm_service .service_w .list .tit {
        font-size: 19px;
    }
    .service .odm_service .service_w .list .tit h3 {
        font-size: 19px;
    }
    .service .odm_service .service_w .list .tit .tit_icon {
        margin-left: 5px;
        width: 14px;
    }
    .service .odm_service .service_w .list .desc {
        margin: 14px 0 47px;
    }
    .service .odm_service .service_w .list .desc .custom_txt {
        padding-left: 35px;
    }
    .service .odm_service .service_w .list .desc .txt_desc {
        font-size: 19px;
    }
    .service .odm_service .service_w .list .desc .sub_desc {
        margin-top: 14px;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context {
        font-size: 11px;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context.small {
        font-size: 8px;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context:not(:first-child) {
        margin-top: 9px;
    }
    .service .odm_service .service_w .list .desc .custom_txt .custom_btn {
        margin: 24px 0 5px;
    }
    .service .odm_service .service_w .desc .custom_txt .custom_btn a {
        padding: 3px 9px;
        font-size: 8px;
        border: 1px solid #121619;
    }
    .service .odm_service .service_w .list.service_1 .desc .custom_txt {
        width: 263px;
    }
    .service .odm_service .service_w .list.service_1 .desc {
        height: 353px;
    }
    .service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_1 {
        max-width: 119px;
        left: 295px;
    }
    .service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_2 {
        max-width: 331px;
    }
    .service .odm_service .service_w .list.service_2 .tit .tit_icon {
        width: 19px;
        margin-top: 2px;
    }
    .service .odm_service .service_w .list.service_2 .desc {
        height: 638px;
    }
    .service .odm_service .service_w .list.service_2 .desc .custom_txt {
        padding: 31px 47px 31px 35px;
        width: 311px;
        height: 354px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc {
        width: calc(100% - 311px);
        height: 354px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_1 {
        max-width: 338px;
        top: 31px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_2 {
        max-width: 344px;
        top: 26px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc .img_scroll {
        top: 51px;
        max-width: 338px;
        height: 263px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc .img_scroll img {
        position: unset;
        margin-bottom: 32px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process {
        height: 284px;
        padding-top: 34px;
        padding-right: 56px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_img img {
        left: 60px;
        max-width: 224px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe {
        width: 265px;
        margin: 0 33px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p:nth-child(1) {
        font-size: 14px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_tit p:nth-child(2) {
        padding: 5px 0 19px;
        font-size: 9px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box {
        font-size: 11px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(1) {
        border: 1px solid #121619;
        border-radius: 18px;
        padding: 3px 9px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(2) {
        margin: 14px 0 19px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(3) {
        font-size: 8px;
    }
    .service .odm_service .service_w .list.service_3 .desc .custom_txt {
        padding: 57px 0 92px 35px;
        max-width: 305px;
        height: 284px;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img {
        padding-left: 313px;
        height: 222px;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_front {
        height: 70px;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_w {
        width: 313px;
        height: 222px;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .text_w {
        font-size: 14px;
        letter-spacing: 0.0496px;
        padding-right: 56px;
    }
    .service .odm_service .service_w .list.service_3 .desc .img_desc .video_w {
        top: 38px;
        right: 28px;
        width: 328px;
        height: 178px;
    }

    .service .odm_service .service_w .list.service_3 .desc .img_desc .video_w video {
        width: 331px;
        margin: -1px;
    }
    .service .odm_service .service_w .list.service_4 .tit .tit_icon {
        width: 19px;
    }
    .service .odm_service .service_w .list.service_4 .desc {
        height: 354px;
    }
    .service .odm_service .service_w .list.service_4 .desc .img_desc img.tooling_1 {
        max-width: 344px;
        top: 35px;
    }
    .service .odm_service .service_w .list.service_4 .desc .custom_txt {
        padding-left: 35px;
        max-width: 263px;
    }


    .service .brand_fulfill .inner {
        padding: 59px 42px;
    }
    .service .brand_fulfill .etc_w {
        max-width: 768px;
        margin: 0 auto;
    }
    .service .brand_fulfill .each_item:not(:first-child) {
        margin-top: 59px;
    }
    .service .brand_fulfill .each_item table tr td:nth-child(1) {
        padding-right: 24px;
    }
    .service .brand_fulfill .each_item table tr td:nth-child(2) {
        padding-left: 24px;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .tit {
        font-size: 28px;
        max-width: 354px;
        padding-bottom: 5px;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .tit h2 {
        font-size: 28px;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .desc {
        font-size: 11px;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .desc p {
        padding-top: 5px;
    }


    .service .web_contents .inner {
        padding: 59px 0;
    }
    .service .web_contents .cont_tit {
        font-size: 28px;
    }
    .service .web_contents .img_rolling {
        padding: 24px 0 0;
    }
    .service .web_contents .img_rolling .each_img {
        margin: 0 12px;
    }
    .service .web_contents .img_rolling .each_img .cont_img img,
    .service .web_contents .img_rolling .each_img .cont_txt {
        max-width: 189px;
    }
    .service .web_contents .img_rolling .each_img .cont_txt {
        font-size: 8px;
        padding-top: 14px;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .cat {
        padding-bottom: 5px;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .tit {
        font-size: 14px;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .desc {
        padding-top: 5px;
    }



    .service .faq .inner {
        padding: 59px 13%;
    }
    .service .faq .content_in {
        max-width: 851px;
        margin: 0 auto;
    }
    .service .faq .content_in .left {
        width: 363px;
        padding-right: 35px;
    }
    .service .faq .content_in .left .tit {
        font-size: 19px;
    }
    .service .faq .content_in .left .desc {
        font-size: 11px;
        padding: 5px 0 9px;
    }
    .service .faq .left .category_item a {
        font-size: 9px;
        padding: 4px 8px;
        border-radius: 18px;
        border: 1px solid #E1E1E1;
        margin-top: 5px;
    }
    .service .faq .left .category_item a:not(:last-child) {
        margin-right: 5px;
    }
    .service .faq .content_in .right {
        width: 487px;
    }
    .service .faq .content_in .right .faq_list {
        border-top: 1px solid #121619;
    }
    .service .faq .content_in .right .each_item {
        padding-right: 31px;
        border-bottom: 1px solid #E1E1E1;
    }
    .service .faq .content_in .right .each_item .tit {
        padding: 9px 0;
        font-size: 12px;
        letter-spacing: 0.0414px;
    }
    .service .faq .content_in .right .each_item .slide_btn {
        top: 12px;
        right: -19px;
        width: 9px;
    }
    .service .faq .content_in .right .each_item .desc {
        font-size: 9px;
        padding-bottom: 9px;
    }


    .service .last .inner {
        padding: 95px 0 18px;
    }
    .service .last .content_in .mid .mask {
        /*width: 164px;*/
        /*height: 199px;*/
    }
    .service .last .content_in .mid p {
        font-size: 38px;
    }



    .service .brand_fulfill .each_item .item_right .item_txt .btn {
        margin-top: 14px;
    }
    .service .last .btn {
        margin-top: 28px;
    }
    .service .btn .service_btn:not(:first-child) {
        margin-left: 5px;
    }
    .service .service_btn {
        border: 1px solid #121619;
        padding: 6px 14px;
        font-size: 11px;
    }



    /* SWIPER *************************************************************************************************************/
    .slick-prev {
        left: -45px;
        width: 35px;
        height: 35px;
        border-radius: 18px;
    }
    .slick-next {
        right: -45px;
        width: 35px;
        height: 35px;
        border-radius: 18px;
    }
    .moq_swipe .slick-next, .moq_swipe .slick-prev {
        margin: 0;
    }
    /**********************************************************************************************************************/
}
/* s:사용자재구축 (passrim) 추가  */
.pc .service .faq .content_in .left .category_item.desktop {display:flex;}
.pc .service .faq .content_in .left .category_item.mobile {display:none;}
/* s:사용자재구축 추가 끝  */
@media (max-width: 768px) {
    /* s:사용자재구축 */
    .wrap {
        overflow: visible;
    }
    .service {
        position: relative;
        overflow: visible;
    }
    .service .sticky {
        width: 100%;
        padding-top: 0;
        position: fixed;
        left: 0;
        top: 56px;
        z-index: 5;
    }
    .service .sticky .sticky_swiper {
        padding: 0 16px;
        overflow: visible;
    }
    .service .sticky .menu {
        width: 100%;
        padding-top: 8px;
    }
    .service .sticky .menu > div {
        width: auto;
        border-radius: 30px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    }
    .service .sticky .menu > div:first-child {
        display: flex;
        align-items: center;
        padding: 0 8px;
    }
    .service .sticky .menu > div:not(:first-child) {
        padding: 0 8px;
        margin-left: 8px;
    }
    .service .sticky .menu > div > a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #121619;
        font-size: 18px;
        font-weight: 600;
        padding: 7px 8px;
    }
    .service .sticky .menu > div:first-child > div {
        display: flex;
    }
    .service .sticky .menu > div:first-child > div > a {
        color: #555555;
        font-size: 16px;
        padding: 6px 8px;
    }
    .service .sticky .menu > div:first-child > div > a {
        margin-left: 8px;
    }
    .service .intro {
        background-color: #F6F7FB;
        padding: 80px 0 0 0;
        overflow: hidden;
    }
    .service .intro > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service .intro > div:nth-child(1) {
        padding: 0;
        height: 0;
    }
    .service .intro > div:nth-child(1) > p {
        height: 54px;
    }
    .service .intro > div:nth-child(2) > p:nth-child(1) {
        height: 54px;
    }
    .service .intro > div:nth-child(2) > div {
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        color: #121619;
        position: relative;
    }
    .service .intro > div:nth-child(2) > div .rolling_area {
        height: 24px;
        overflow: hidden;
    }
    .service .intro > div:nth-child(2) > div .rolling_area .rolling {
        position: relative;
        display: block;
        white-space: nowrap;
		
		font-family: ITC Avant Garde Gothic Pro;
		font-weight: 500;
		font-size: 22px;
		line-height: 26.4px;
		letter-spacing: 0.35px;
		text-align: center;
		vertical-align: middle;

		
    }
    .service .intro > div:nth-child(2) > div > p {
        margin-top: 8px;
		font-family: ITC Avant Garde Gothic Pro;
		font-weight: 500;
		font-size: 22px;
		line-height: 26.4px;
		letter-spacing: 0.35px;
		text-align: center;
		vertical-align: middle;

    }
    .service .intro > div:nth-child(3) {
        padding: 40px 0 8px;
    }
    .service .intro > div:nth-child(3) > a {
        width: 48px;
        height: 60px;
        position: relative;
    }
    .service .intro > div:nth-child(3) > a > img {
        position: absolute;
    }
    .service .intro > div:nth-child(4) {
        padding-top: 75px;
    }
    .service .intro > div:nth-child(4) .first_img {
        position: relative;
        padding-left: 16px;
        max-width: 343px;
    }
    .service .intro > div:nth-child(4) .first_img img.m_img {
        position: absolute;
    }
    .service .intro > div:nth-child(4) .first_left1 {
        width: 160px;
        position: absolute;
        left: -70px;
        bottom: 186px;
        margin-top: -160px;
    }
    .service .intro > div:nth-child(4) .first_left2 {
        width: 170px;
        position: absolute;
        left: -53px;
        bottom: 30px;
        margin-top: -160px;
        z-index: 2;
    }
    .service .intro > div:nth-child(4) .first_right1 {
        width: 130px;
        position: absolute;
        right: -66px;
        bottom: 100px;
        margin-top: -160px;
    }
    .service .intro > div:nth-child(4) .first_right2 {
        width: 120px;
        position: absolute;
        right: -42px;
        bottom: 20px;
        margin-top: -160px;
    }
    .service .intro > div:nth-child(4) .first_mid {
        position: relative;
        width: 200px;
    }
    .service .guide {
        padding: 32px 20px 60px;
    }
    .service .guide .sec_tit {
        color: #000000;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3000;
        letter-spacing: 0.07px;
        text-align: center;
        text-transform: uppercase;
    }
    .service .guide .sec_desc {
        color: #444444;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.4285;
        text-align: center;
        margin-top: 4px;
    }
    .service .guide .sec_cont {
        margin-top: 24px;
    }
    .service .guide .curation_item {
        padding: 16px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .service .guide .curation_item:first-child {
        padding-top: 0;
    }
    .service .guide .curation_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .service .guide .curation_btn a {
        display: block;
        font-size: 16px;
        color: #a8a8a8;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 24px;
        background-image: url("/v2/img/ico_htu_play_g.png");
    }
    .service .guide .curation_item.active .curation_btn a {
        color: #121619;
        background-image: url("/v2/img/ico_htu_play.png");
    }
    .service .guide .curation_video {
        padding-top: 16px;
        display: none;
    }
    .service .guide .curation_item.active .curation_video {
        display: block;
    }
    .service .guide .curation_video video {
        display: block;
        width: 100%;
    }
    .service .sub_menu {
        background-color: #F0F2F6;
        border-bottom: 1px solid #E1E1E1;
    }
    .service .sub_menu .sub_menu_swiper {
        padding: 8px 20px;
    }
    .service .sub_menu .sub_menu_w {
        display: flex;
        align-items: center;
    }
    .service .sub_menu .sub_menu_w .swiper-slide {
        width: auto;
    }
    .service .sub_menu .sub_menu_w .odm_mo_sub {
        display: flex;
        align-items: center;
    }
    .service .sub_menu .sub_menu_w .main_tit {
        padding: 6px 16px;
        font-size: 16px;
        line-height: var(--fs_tit);
        font-weight: 600;
        text-align: center;
        color: #121619;
    }
    .service .sub_menu .sub_menu_w > .main_tit:first-child {
        margin-right: 8px;
    }
    .service .sub_menu .sub_menu_w .divide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service .sub_menu .sub_menu_w .divide:not(:first-child)::before {
        content: ' ';
        border-right: 1px solid #C4C4C4;
        height: 20px;
        margin: 0 8px;
        display: inline-flex;
    }
    .service .sub_menu .sub_menu_w .sub_tit {
        font-size: 16px;
        line-height: var(--fs_tit);
        text-align: center;
        color: #555;
        padding: 7px 8px;
    }
    .service .sub_menu .sub_menu_w .sub_tit:not(:first-child) {
        margin-left: 8px;
    }
    .service .odm_mo {
        padding: 60px 20px;
        background-color: #F0F2F6;
    }
    .service .odm_mo .main_tit {
        color: #121619;
        font-size: 22px;
        line-height: var(--fs_tit);
        font-weight: 600;
        text-align: center;
    }
    .service .odm_mo .sub_tit {
        color: #555555;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        margin-top: 8px;
    }
    .service .odm_mo .ani_w {
        margin-top: 17px;
        position: relative;
    }
    .service .odm_mo .ani_w .card_box {
        width: 100%;
        margin: 0 auto;
    }
    .service .odm_mo .ani_w .card_box .card_item {
        will-change: transform;
        overflow: hidden;
        position: absolute;
        top: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.16);
    }
    .service .odm_mo .ani_w .card_box .card_item:first-child {
        position: relative;
    }
    .service .odm_mo .btn {
        margin-top: 24px;
        text-align: center;
        flex-wrap: wrap;
    }
    .service .odm_mo .service_btn {
        padding: 8px 16px;
        font-size: 14px;
        width: 100%;
    }
    .service .development_process .inner {
        padding: 60px 0 0 0;
        background-color: #F0F2F6;
    }
    .service .development_process .process_tit {
        text-align: center;
    }
    .service .development_process .process_tit > h2 {
        font-size: 22px;
        line-height: var(--fs_tit);
        font-weight: 600;
        color: #121619;
        padding: 0 20px;
    }
    .service .development_process .process_tit .process_btn {
        display: flex;
        align-items: center;
        margin: 24px 0 16px;
    }
    .service .development_process .process_top_swiper {
        padding: 0 20px;
    }
    .service .development_process .process_tit .process_btn .process {
        width: auto;
        padding: 7px 16px;
        border: 1px solid;
        border-radius: 30px;
        font-size: 16px;
        cursor: default;
    }
    .service .development_process .process_tit .process_btn .process:not(:first-child) {
        margin-left: 4px;
    }
    .service .development_process .process_tit .process_btn .process.active {
        border-color: #121619;
        background-color: #121619;
        color: #FFFFFF;
        font-weight: 600;
    }
    .service .development_process .process_tit .process_btn .process.inactive {
        border-color: #E1E1E1;
        background-color: #FFFFFF;
        color: #A8A8A8;
    }
    .service .development_process .process_swipe {
        padding: 0 20px;
        overflow: hidden;
    }
    .service .development_process .process_swipe .process_item .item_info {
        padding: 24px 20px 32px;
        background-color: #FFFFFF;
    }
    .service .development_process .process_swipe .process_item .item_info .item_tit {
        display: flex;
        justify-content: start;
        align-items: center;
        position: relative;
        height: 40px;
    }
    .service .development_process .process_swipe .process_item .item_info .item_tit .item_no {
        /*border: 4px solid #E1E1E1;
        */
        width: 40px;
        height: 40px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #121619;
        font-size: 24px;
        font-weight: 600;
        --p: 0;
        background: conic-gradient(#121619 var(--p, 0), 0 ,#E1E1E1);
    }
    .service .development_process .process_swipe .process_item .item_info .item_tit .item_no span {
        width: 36px;
        height: 36px;
        border-radius: 28px;
        background: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*.service .development_process .process_swipe .process_item .item_info .item_tit .item_no::before {
        */
    /* content: ' ';
    */
    /* position: absolute;
    */
    /* top: 0;
    */
    /* left: 0;
    */
    /* border: 3px solid #121619;
    */
    /* border-right: 0;
    */
    /* width: 20px;
    */
    /* height: 40px;
    */
    /* border-radius: 30px 0 0 30px;
    */
    /* z-index: 0;
    */
    /*
}
*/
    .service .development_process .process_swipe .process_item .item_info .item_tit .item_txt {
        padding-left: 12px;
        color: #121619;
        font-size: 18px;
        font-weight: 600;
    }
    .service .development_process .process_swipe .process_item .item_info .item_desc .desc_tit {
        margin-bottom: 4px;
        font-size: 24px;
        line-height: var(--fs_tit);
        font-weight: 600;
        color: #121619;
        margin-top: 24px;
    }
    .service .development_process .process_swipe .process_item .item_info .item_desc .desc_txt {
        padding-top: 4px;
        font-size: 14px;
        color: #555555;
    }
    .service .development_process .process_swipe .process_item .item_info .item_desc .desc_txt br {
        display: none;
    }
    .service .development_process .process_swipe .process_item .item_info .item_desc .desc_etc {
        margin-top: 4px;
        font-size: 12px;
        color: #555;
    }
    .service .development_process .process_swipe .process_item .item_info .item_desc .desc_btn {
        margin-top: 16px;
    }
    .service .development_process .process_swipe .process_item .item_info .item_desc .desc_btn a {
        display: block;
        width: fit-content;
        padding: 5px 16px;
        border: 1px solid #121619;
        background: #FFFFFF;
        color: #121619;
        font-size: 14px;
        font-weight: 600;
    }
    .service .development_process .process_swipe .slick-next, .service .development_process .process_swipe .slick-prev {
        width: 32px;
        height: 32px;
        border: 1px solid #c4c4c4;
        top: 0;
        transform: none;
    }
    .service .development_process .process_swipe .slick-next {
        right: 20px;
    }
    .service .development_process .process_swipe .slick-prev {
        left: auto;
        right: 60px;
        z-index: 1;
    }
    .service .odm_service .inner {
        padding: 60px 20px;
        background-color: #F0F2F6;
    }
    .service .odm_service .main_tit {
        padding-bottom: 40px;
        text-align: center;
        font-size: 22px;
        line-height: var(--fs_tit);
        font-weight: 700;
        letter-spacing: -0.5px;
    }
    .service .odm_service .service_w .list:not(:first-child) {
        margin-top: 40px;
    }
    .service .odm_service .service_w .list .tit {
        color: #121619;
        font-size: 24px;
        line-height: var(--fs_tit);
        font-weight: 600;
    }
    .service .odm_service .service_w .list .tit h3 {
        display: flex;
        color: #121619;
        font-size: 24px;
        font-weight: 600;
    }
    .service .odm_service .service_w .list .tit .tit_icon {
        margin-left: 8px;
        width: 24px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .service .odm_service .service_w .list .desc {
        margin-top: 16px;
        padding: 32px 20px 0;
        background-color: #FFFFFF;
        position: relative;
    }
    .service .odm_service .service_w .list .desc .txt_desc {
        font-size: 28px;
        font-weight: 600;
    }
    .service .odm_service .service_w .list .desc .sub_desc {
        margin-top: 16px;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context {
        font-size: 16px;
        font-weight: 600;
    }
    .service .odm_service .service_w .list .desc span.black {
        background-color: unset;
        color: #121619;
    }
    .service .odm_service .service_w .list .desc span.gray {
        color: #A8A8A8;
    }
    .service .odm_service .service_w .list .desc span.grey {
        color: #838383;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context:not(:first-child) {
        margin-top: 8px;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context br {
        display: none;
    }
    .service .odm_service .service_w .list .desc .sub_desc .sub_context.small {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4285;
    }
    .service .odm_service .service_w .list .desc .custom_txt .custom_btn {
        margin-top: 24px;
    }
    .service .odm_service .service_w .desc .custom_txt .custom_btn a {
        padding: 5px 15px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #121619;
        background-color: #FFFFFF;
        width: fit-content;
        display: block;
        text-align: center;
    }
    .service .odm_service .service_w .list .desc .img_desc {
        margin-top: 32px;
        position: relative;
    }
    .service .odm_service .service_w .list.service_1 .desc .img_desc, .service .odm_service .service_w .list.service_2 .desc .img_desc {
        margin-right: -20px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc {
        margin-top: 51px;
    }
    .service .odm_service .service_w .list.service_1 .tit .tit_icon {
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/SpeedMarktet_icon.png');
    }
    .service .odm_service .service_w .list.service_2 .tit .tit_icon {
        width: 32px;
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/LowMOQ_icon.png');
    }
    .service .odm_service .service_w .list.service_1 .img_desc .speed_1 {
        width: 100px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .service .odm_service .service_w .list.service_1 .img_desc .speed_2 {
        width: 272px;
        margin: 0 0 0 auto;
    }
    .service .odm_service .service_w .list.service_2 .desc {
        padding-left: 0;
        padding-right: 0;
    }
    .service .odm_service .service_w .list.service_2 .custom_txt {
        padding: 0 20px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process {
        margin-top: 40px;
        position: relative;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img {
        position: absolute;
        right: 0;
        max-width: unset;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_1 {
        width: 316px;
        max-width: unset;
        top: -19px;
        right: 0;
        z-index: 1;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_2 {
        width: 320px;
        max-width: unset;
        right: 0;
        bottom: -20px;
    }
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_3 {
        position: relative;
        width: 300px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_img {
        display: flex;
        justify-content: center;
        background-color: #E5DEDE;
        padding: 0 42px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_img img {
        /*max-width: 260px;
        */
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box {
        padding: 24px 20px 32px 20px;
        display: block;
        text-align: center;
        color: #121619;
        font-size: 16px;
        font-weight: 600;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(1) {
        background-color: #FFFFFF;
        border: 1px solid #121619;
        border-radius: 30px;
        padding: 8px 16px;
        width: fit-content;
        margin: 0 auto;
        font-size: 14px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(2) {
        margin-top: 8px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(2) br {
        display: none;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .moq_box > div:nth-child(3) {
        margin-top: 16px;
        color: #555555;
        font-size: 14px;
        font-weight: 400;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .slick-next, .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .slick-prev {
        width: 40px;
        height: 40px;
        border: 0;
        top: 154px;
        background-color: #fff;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .slick-next {
        top: 50%;
        right: 16px;
    }
    .service .odm_service .service_w .list.service_2 .moq_process .moq_swipe .moq_slider .slick-prev {
        left: 16px;
        z-index: 1;
    }
    .service .odm_service .service_w .list.service_3 .desc {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
    }
    .service .odm_service .service_w .list.service_3 .desc .txt_desc, .service .odm_service .service_w .list.service_3 .desc .sub_desc, .service .odm_service .service_w .list.service_3 .desc .custom_btn {
        padding-left: 20px;
        padding-right: 20px;
    }
    .service .odm_service .service_w .list.service_3 .desc .custom_txt .custom_btn.text_en a {
        width: 100%;
        padding: 5px 0;
    }
    .service .odm_service .service_w .list.service_3 .desc .img_desc {
        overflow: hidden;
    }
    /*.service .odm_service .service_w .list.service_3 .desc .img_desc:has(img) {
        */
    /* padding-right: 0;
    */
    /*
}
*/
    .service .odm_service .service_w .list.service_3 .desc .img_desc video {
        width: calc(100% + 2px);
        margin-left: -1px;
        margin-top: -1px;
        display: block;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img {
        background: #121619;
        position: relative;
        padding: 40px 20px 0;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_front {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 119px;
        background: linear-gradient(180deg, rgba(18, 22, 25, 0.00) 0%, #121619 100%);
        z-index: 1;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_w {
        overflow: hidden;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .image_w img {
        rotate: -10.8deg;
    }
    .service .odm_service .service_w .list.service_3 .desc .sachet_img .text_w {
        font-size: 22px;
        font-weight: 600;
        letter-spacing: -0.5px;
        background-image: linear-gradient(to top, #A5A5A5, #DDDDDD);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        margin-bottom: -30px;
        z-index: 1;
        position: relative;
    }
    .service .odm_service .service_w .list.service_4 .tit .tit_icon {
        width: 32px;
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Tooling_icon.png');
    }
    .service .brand_fulfill .inner {
        padding: 60px 20px;
        background-color: #FFFFFF;
    }
    .service .brand_fulfill .each_item:not(:first-child) {
        margin-top: 60px;
    }
    .service .brand_fulfill .each_item .item_txt {
        display: flex;
        justify-content: left;
        align-items: center;
        margin-top: 32px;
    }
    .service .brand_fulfill .each_item .item_txt .tit {
        color: #121619;
        font-size: 28px;
        line-height: var(--fs_tit);
        font-weight: 600;
        max-width: 600px;
        padding-bottom: 16px;
    }
    .service .brand_fulfill .each_item .item_txt .tit h2 {
        color: #121619;
        font-size: 28px;
        font-weight: 600;
    }
    .service .brand_fulfill .each_item .item_txt .desc {
        color: #555555;
        font-size: 16px;
        font-weight: 400;
    }
    .service .brand_fulfill .each_item .item_txt .desc p:not(:first-child) {
        padding-top: 8px;
    }
    .service .brand_fulfill .each_item .item_txt .desc p br {
        display: none;
    }
    .service .brand_fulfill .each_item .btn {
        margin-top: 24px;
        justify-content: left;
        flex-wrap: wrap;
    }
    .service .brand_fulfill .each_item .service_btn {
        padding: 8px 24px;
        font-size: 17px;
        text-align: center;
        width: 100%;
    }
    .service .web_contents .inner {
        padding: 60px 0 20px;
        background-color: #121619;
    }
    .service .web_contents .cont_tit {
        color: #FFFFFF;
        text-align: center;
        font-size: 24px;
        line-height: var(--fs_tit);
        text-transform: uppercase;
    }
    .service .web_contents .cont_tit span {
        font-weight: 700;
        display: block;
    }
    .service .web_contents .img_rolling {
        padding-top: 16px;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: left;
        flex-shrink: 0;
    }
    .service .web_contents .img_rolling .rolling_w {
        display: flex;
        flex-shrink: 0;
    }
    .service .web_contents .img_rolling .rolling_w.swiper-wrapper {
        transition-timing-function: linear
    }
    .service .web_contents .img_rolling .each_img.swiper-slide {
        width: max-content;
    }
    .service .web_contents .img_rolling .each_img {
        margin: 0 20px;
    }
    .service .web_contents .img_rolling .each_img .cont_img {
        display: flex;
        align-items: end;
    }
    .service .web_contents .img_rolling .each_img .cont_img img, .service .web_contents .img_rolling .each_img .cont_txt {
        max-width: 210px;
    }
    .service .web_contents .img_rolling .each_img .cont_img img {
        aspect-ratio: 1;
        object-fit: cover;
    }
    .service .web_contents .img_rolling .each_img .cont_txt {
        color: #FFFFFF;
        font-size: 14px;
        padding-top: 24px;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .cat {
        font-weight: 600;
        font-size: 12px;
        padding-bottom: 8px;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .tit {
        font-size: 18px;
        line-height: var(--fs_tit);
        font-family: 'adobe-caslon-pro', serif;
    }
    .service .web_contents .img_rolling .each_img .cont_txt .desc {
        padding-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .service .faq .inner {
        padding: 60px 0;
    }
    .service .faq .content_in .left .txt {
        padding: 0 20px;
        text-align: center;
    }
    .service .faq .content_in .left .tit {
        color: #121619;
        font-size: 24px;
        line-height: var(--fs_tit);
        font-weight: 600;
    }
    .service .faq .content_in .left .desc {
        color: #555555;
        font-size: 16px;
        padding: 8px 0 0;
    }
    .service .faq .content_in .left .category_item {
        display: flex;
        margin-top: 24px;
    }
    .service .faq .left .category_item .category_swiper {
        padding: 0 20px;
    }
    .service .faq .left .category_item a {
        width: auto;
        color: #A8A8A8;
        font-size: 16px;
        line-height: 1.3750;
        padding: 6px 14px;
        border-radius: 30px;
        border: 1px solid #E1E1E1;
        background-color: #FFFFFF;
    }
    .service .faq .left .category_item a:not(:last-child) {
        margin-right: 8px;
    }
    .service .faq .left .category_item a.active {
        color: #FFFFFF;
        background-color: #121619;
        border-color: #E1E1E1;
        font-weight: 600;
    }
    .service .faq .content_in .right {
        margin-top: 16px;
        padding: 0 20px;
    }
    .service .faq .content_in .right .faq_list {
        border-top: 1px solid #121619;
    }
    .service .faq .content_in .right .each_item {
        border-bottom: 1px solid #E1E1E1;
    }
    .service .faq .content_in .right .each_item .tit {
        position: relative;
        padding: 16px 24px 16px 0;
        font-size: 16px;
        line-height: var(--fs_tit);
        color: #121619;
    }
    .service .faq .content_in .right .each_item .slide_btn {
        position: absolute;
        top: 18px;
        right: 0px;
        width: 16px;
        aspect-ratio: 1;
    }
    .service .faq .content_in .right .each_item .desc {
        font-size: 16px;
        line-height: 1.3750;
        color: #838383;
        padding-bottom: 16px;
        display: none;
    }
    .service .last .inner {
        padding: 98px 0 58px;
    }
    .service .last .content_in .mid {
        padding: 58px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    /*.service .last .content_in .mid .mask {
        */
    /* width: 277px;
    */
    /* height: 337px;
    */
    /* background: #E0DACF;
    */
    /* border-radius: 200px 200px 0 0;
    */
    /*
}
*/
    .service .last .content_in .mid p {
        color: #000000;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
    }
    .service .last .btn {
        margin-top: 32px;
    }
    .service .last .btn .service_btn {
        padding: 10px 16px;
        font-size: 17px;
    }
    .service .btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service .brand_fulfill .each_item .item_right .item_txt .btn {
        margin-top: 24px;
        justify-content: left;
    }
    .service .btn .service_btn:not(:first-child) {
        margin-left: 8px;
    }
    .service .odm_mo .btn .service_btn:not(:first-child), .service .brand_fulfill .each_item .service_btn:not(:first-child) {
        margin-left: 0;
        margin-top: 8px;
    }
    .service .service_btn {
        border: 1px solid #121619;
        padding: 11px 23px;
        font-size: 18px;
        line-height: 1.3333;
        font-weight: 600;
        width: fit-content;
    }
    .service .white {
        color: #121619;
        background-color: #FFFFFF;
    }
    .service .black {
        color: #FFFFFF;
        background-color: #121619;
    }
    /* SWIPER *************************************************************************************************************/
    .slick-prev:before, .slick-next:before {
        content: unset;
    }
    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: unset;
        outline: unset;
    }
    .slick-prev:hover, .slick-prev:focus {
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_PrevButton.png');
        background-size: cover;
    }
    .slick-next:hover, .slick-next:focus {
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_NextButton.png');
        background-size: cover;
    }
    .slick-prev {
        left: -76px;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_PrevButton.png');
        background-size: cover;
    }
    .slick-next {
        right: -76px;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-image: url('https://clip-media-dev.s3.us-west-2.amazonaws.com/user/service/Service_NextButton.png');
        background-size: cover;
    }
    .moq_swipe .slick-next, .moq_swipe .slick-prev {
        margin: 0;
    }
    /**********************************************************************************************************************/

    /* s:사용자재구축: ******** mobile 대응 시작  241108 */
    .service .guide .curation {
        display: block;
        padding-right: 0px;
    }
    .service .guide .curation .left_tab {
        width: 100%;
        padding-right: 0px;
    }
    .service .guide .curation .left_tab .tab_item {
        display:block;
        padding: 16px 0;
        border-bottom: 1px solid #f0f0f0;
        overflow:hidden;
    }
    .service .guide .curation .left_tab .tab_item:first-child {
        padding-top: 0px;
    }
    .service .guide .curation .left_tab .tab_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .service .guide .curation .left_tab .tab_item a {
        display: block;
        font-size: 16px;
        color: #a8a8a8;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 24px;
        background-image: url("/v2/img/ico_htu_play_g.png");
    }
    .service .guide .curation .left_tab .tab_item.active a {
        color: #121619;
        background-image: url("/v2/img/ico_htu_play.png");
    }
    .service .guide .curation .left_tab .tab_item video {
        display:none;
    }
    .service .guide .curation .left_tab .tab_item.active video {
        display:block;
        padding-top: 16px;
        width:100%;
        height:auto;
    }
    .service .odm.desktop{display:none;}
    .service .odm_mo .scroll_section.mobile{display:block;}

    /*클립서비스 가이드 */
    .service .sticky .menu.desktop{display:none;}
    .service .sticky .m_menu{width: 100%;padding-top: 8px;}
    .service .sticky .m_menu > div{width: auto;border-radius: 30px;background-color: #FFFFFF;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
    .service .sticky .m_menu > div:first-child{display: flex;align-items: center;padding: 0 8px;}
    .service .sticky .m_menu > div > a{display: flex;justify-content: center;align-items: center;color: #121619;font-size: 18px;font-weight: 600;padding: 7px 8px;}
    /*
    .service .sticky .m_menu > div > a{width: auto;border-radius: 30px;background-color: #FFFFFF;box-shadow: 0 2px 4px}
    */
    .service .sticky .m_menu > div:first-child > div{display: flex;}
    .service .sticky .m_menu > div:not(:first-child){padding: 0 8px;margin-left: 8px;}
    .service .sticky .m_menu > div:first-child > div > a {margin-left: 8px;color: #555;font-size: 16px;padding: 6px 8px;}
    .service .intro > div:nth-child(2) > div .rolling_area .rolling {line-height:22.4px}

    .service .odm_mo .ani_w .card_box {height:auto;}
    .content.service .odm_mo .ani_w .btn.mobile {display:flex;}


    .service .intro > div:nth-child(4) .first_img {width:100%;height:100%;}
    .service .intro > div:nth-child(4) .first_left1 {left:-20px;margin-top:-52px;z-index:0}
    .service .intro > div:nth-child(4) .first_left2 {left:0px;}
    .service .intro > div:nth-child(4) .first_right1 {right:-6px;margin-top:42px;}
    .service .intro > div:nth-child(4) .first_right2 {right:30px;margin-top:-52px;}
    .content.service .sub_menu.mobile {display:flex;}
    .content.service .sub_menu.desktop {display:none;}

    .content.service .development_process .process_swipe .process_item .item_list.desktop {display:none;}
    .content.service .development_process .process_swipe .process_item .item_list.mobile {display:block;}
    .content.service .development_process .process_bar.desktop {display:none;}
    /*
    .content.service .development_process .process_slider .slick-arrow {display:none !important;}
    */
    /* 빠른런칭 */
    .content.service .odm_service .service_w .list.service_1 .desc {display:block;height:auto;}
    .service .odm_service .service_w .list.service_1 .desc .custom_txt {padding:0;width:100%;}

    .service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_1{max-width: 100%;width: 100px;position: absolute;left: 0;bottom: 0;}
    .service .odm_mo_staticservice .service_w .list.service_1 .desc .img_desc img.speed_2{max-width: 100%;width: 272px;margin: 0 0 0 auto;position:static;}

    .service .odm_service .service_w .list.service_1 .desc .img_desc img.speed_2 {position:static;}

    /* 소량생산 */
    .service .odm_service .service_w .list.service_2 .desc.mobile {height:auto;}
    .service .odm_service .service_w .list.service_2 .desc .custom_txt {width:100%;padding:0 20px;}

    .service .odm_service .service_w .list.service_2 .desc .img_desc {display:block;margin: 51px -20px 0 0;width:auto;height:auto;}
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_1 {right:0;}
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_2{top: auto;}
    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_21{position: relative;width: 300px;}
    .service .odm_service .service_w .list.service_2 .desc.desktop {display:none;}
    .service .odm_service .service_w .list.service_2 .desc.mobile {display:block;}
    .service .odm_service .service_w .list.service_2 .desc.mobile .custom_txt {display:block;height:auto;}
    .service .odm_service .service_w .list.service_2 .desc.mobile .img_desc img.moq_1 {right: 0;}
    .service .odm_service .service_w .list.service_2 .desc.mobile .moq_process {display:block;margin:40px 0 0;padding:0;width:100%;height:100%;}
    .service .odm_service .service_w .list.service_2 .desc.mobile .moq_process .moq_swipe {margin:0;padding:0;width:100%;}


    .service .odm_service .service_w .list.service_2 .desc.mobile .moq_process .moq_swipe .moq_slider .moq_img {width:100%;}
    .service .odm_service .service_w .list.service_2 .desc.mobile .moq_process .moq_swipe .moq_slider .moq_img > img {padding:0;margin:0;max-width:100%;width:100%;position:static;visibility:initial !important;}


    .service .odm_service .service_w .list.service_2 .desc.mobile .moq_process .moq_swipe .moq_slider .moq_item.swiper-slide {padding:0;}

    .service .odm_service .service_w .list.service_2 .desc .img_desc img.moq_m3 {
        position: relative;
        width: 300px;
    }

    /* 마카팅샘플 */
    .service .odm_service .service_w .list.service_3 .desc {margin:16px 0 0;}
    .service .odm_service .service_w .list.service_3 .desc .custom_txt {margin:0;padding:0;display:block;width:100%;max-width:100%;height:auto;}
    .service .odm_service .service_w .list.service_3 .desc .custom_txt .custom_flex {margin:0;padding:0;width:100%;}


    .service .odm_service .service_w .list .desc .img_desc.mobile img {position:static;}
    .service .odm_service .service_w .list.service_3 .desc .sachet_img.desktop {display:none;}
    .service .odm_service .service_w .list.service_3 .desc .sachet_img.mobile {display:block;}
    .service .odm_service .service_w .list.service_3 .desc .sachet_img.mobile {height:auto;}
    .service .odm_service .service_w .list.service_3 .desc .sachet_img.mobile .text_w {margin:0;padding:0;}
    .service .odm_service .service_w .list.service_3 .desc .sachet_img.mobile .image_w {width:100%;height:auto;position:static;}
    .service .odm_service .service_w .list.service_3 .desc .sachet_img.mobile .image_w img {width:100%;height:auto;position:static;}

    /* 커스텀 패키징 */
    .service .odm_service .service_w .list.service_4 .desc {display: block;height: auto;}
    .service .odm_service .service_w .list.service_4 .desc {display: block;height: auto;}
    .service .odm_service .service_w .list.service_4 .desc .custom_txt {margin:0;padding:0;max-width:100%;}
    .service .odm_service .service_w .list.service_4 .desc .img_desc.mobile img.tooling_1 {margin:0;position:static;max-width:100%;}

    /* brand_fulfill */
    .service .brand_fulfill .etc_w {margin:0;max-width:100%;}
    /* .service .brand_fulfill .each_item.mobile {margin:0} */


    .service .faq .inner {padding: 60px 20px;background-color: #FFFFFF;}
    .service .faq .content_in {display:block;margin:0;max-width:100%;}
    .service .faq .content_in .left {display:block;margin:0;padding:0;width:100%;}
    .service .faq .content_in .right {display:block;margin:0;padding:0;width:100%;}
    .service .faq .content_in .left .category_item {margin-bottom:24px;}

    .service .guide .curation .right_tab_cont .cont_item.desktop.active {display:none;}
    .mobile_wrap .service .faq .content_in .left .category_item.desktop {display:none;}
    .mobile_wrap .service .faq .content_in .left .category_item.mobile {display:flex;overflow: visible;}
    .service .faq .left .category_item.mobile .category_swiper {padding-left: 0;}

    .service .faq .content_in .left .tit {padding: 0;text-align: center;}
    .service .faq .content_in .left .desc {padding: 0 20px;text-align: center;}
    .service .faq .content_in .left .category_item.mobile{display: flex;margin-top: 24px;text-align: center;}
    .service .faq .content_in .right .each_item {padding-right:0;}
    .service .faq .content_in .right .each_item .slide_btn {position: absolute;top: 18px;right: 0px;width: 16px;aspect-ratio: 1;}
    /* s:사용자재구축: ******** mobile 대응 끝  241108 */
}
/* e:사용자재구축 */


.gwp-contact-wrap{width:100%;height:auto;overflow:hidden;background: linear-gradient(180deg, #E7D2F9 0%, #FDF6E3 100%);}
.gwp-contact-wrap .scont{position:relative;padding-top:100px;max-width:1440px;margin:0 auto;width:100%;height:auto;display:flex;align-items: center;justify-content: center;flex-direction: column;text-align:center;}
.gwp-contact-wrap .scont .location-list{gap:20px;position:absolute;left:0;top:26px;display:flex;align-items: center;justify-content: flex-start;}
.gwp-contact-wrap .scont .location-list li{display:flex;font-size:14px;color:#A8A8A8;font-weight:400;position:relative;}
.gwp-contact-wrap .scont .location-list li:last-child{color:#838383;}
.gwp-contact-wrap .scont .location-list li + li:before{content:"";width:12px;height:12px;overflow:hidden;display:block;background:url(/v2/img/ico/ico-arr-right-gray.svg) no-repeat;left:-16px;top:50%;margin-top:-6px;position:absolute;}
.gwp-contact-wrap .scont .mdesc{font-size:36px;color:#000;font-weight:500;line-height: 120%;}
.gwp-contact-wrap .scont .mdesc span{background: linear-gradient(90deg, #FF4B91 0%, #0080FF 100%);background-clip: text;font-size:48px;color:#000;font-weight:600;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gwp-contact-wrap .scont .mtit{font-family: 'itc-avant-garde-gothic-pro';margin-top:20px;font-size:60px;line-height:105.882%;color:#000;font-weight:500;letter-spacing: 1px;}
.gwp-contact-wrap .scont .metc{margin-top:18px;font-size:20px;color:#121619;font-weight:400;}
.gwp-contact-wrap .scont button{margin-top:40px;height:48px;padding:0 20px;overflow:hidden;border:0;gap:4px;background: linear-gradient(90deg, #FF4B91 0%, #0080FF 100%);display: inline-flex;align-items: center;justify-content: center;cursor:pointer;}
.gwp-contact-wrap .scont button span{display: flex;font-size:16px;color:#fff;font-weight:600;}
.gwp-contact-wrap .scont button img{display: flex;width:auto;}
.gwp-contact-wrap .sitem{width:100%;height:auto;overflow:hidden;margin-top:45px;}

.quick-menu-wrap{width:100%;height:auto;position:sticky;left:0;top:55px;background:#FDF6E3;z-index:2;display:flex;align-items: center;justify-content: center; border-bottom: 1px solid #C4C4C4;}
.quick-menu-wrap .rela{width:100%;display:flex;align-items: center;justify-content: center;}
.quick-menu-wrap ul{padding:16px 0;display:flex;align-items: center;justify-content: center;}
.quick-menu-wrap ul li{padding:0 8px;position:relative;display:inline-flex;align-items: center;justify-content: center;}
.quick-menu-wrap ul li:before{content:"";width:1px;height:20px;overflow:Hidden;display:block;background:#C4C4C4;position:absolute;right:0;top:50%;margin-top:-10px;}
.quick-menu-wrap a{display:inline-flex;align-items: center;justify-content: center;padding:7px 16px;font-size:16px;color:#121619;font-weight:600;}
.quick-menu-wrap a.on{border-radius:20px;background:#121619;color:#fff;}
.quick-menu-wrap button{background:transparent;border:0;cursor:pointer;display:inline-flex;align-items: center;justify-content: center;padding:7px 16px;font-size:16px;color:#121619;font-weight:600;}
.quick-menu-wrap button.on{border-radius:20px;background:#121619;color:#fff;}
.quick-menu-wrap.fixed{gap:8px;background:transparent;padding-top:16px;overflow-y:hidden;padding-bottom:5px; border-bottom: none;}
.quick-menu-wrap.fixed ul{padding:2px 3px;border-radius: 30px;background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.quick-menu-wrap.fixed ul li{padding:0 4px;}
.quick-menu-wrap.fixed ul li:first-child{padding-left:0;}
.quick-menu-wrap.fixed ul li:last-child{padding-right:0;}
.quick-menu-wrap.fixed button{min-width:105px;height:40px;border-radius: 30px;margin-left:8px;background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.quick-menu-wrap.fixed button.on{border-radius:20px;background:#121619;color:#fff;}
.quick-menu-wrap.fixed ul li:last-child:before{display:none;}

.gwp-banner-wrap{width:100%;height:auto;overflow:hidden;background: linear-gradient(0deg, #F4C0D4 0%, #F4C0D4 100%), #FFC9DE;}
.gwp-banner-wrap .rela{display:flex;align-items: center;justify-content: center;width:calc( 100% - 40px );max-width:1440px;height:auto;overflow:hidden;margin:0 auto;}
.gwp-banner-wrap .scont{gap:24px;width:100%;flex:1;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.gwp-banner-wrap .scont .mdesc{font-size:36px;color:#000;font-weight:600;position:relative;}
.gwp-banner-wrap .scont .mdesc:after{display:none;content:"";width:26px;height:4px;overflow:hidden;background:#000;position:absolute;right:-34px;bottom:0;}
.gwp-banner-wrap .scont .mtit{font-size:48px;color:#000;font-weight:700;transition:all .5s;opacity:0;transform:translateY(30px);}
.gwp-banner-wrap.on .scont .mtit{opacity:1;transform:translateY(0);transition-delay:1s;}
.gwp-banner-wrap.on  .scont .mdesc:after{display:block;}
.gwp-banner-wrap .spic{width:671px;}
.gwp-banner-wrap .spic img{width:100%;float:left;}

.gwp-benefit-wrap{width:100%;height:auto;overflow:hidden;background:#FBF4E7;padding:80px 0;}
.gwp-benefit-wrap .rela{display:flex;align-items: center;justify-content: space-between;width:calc( 100% - 40px );max-width:1440px;height:auto;overflow:hidden;margin:0 auto;}
.gwp-benefit-wrap .scont{max-width:700px;width:100%;flex:1;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.gwp-benefit-wrap .scont .mtit{display:flex;align-items: center;justify-content: flex-start;gap:8px;}
.gwp-benefit-wrap .scont .mtit strong{font-family: 'Wanted Sans Variable';font-size:48px;color:#000;font-weight:600;}
.gwp-benefit-wrap .scont .mtit span{font-size:16px;color:#444;font-weight:400;letter-spacing: 0.35px;}
.gwp-benefit-wrap .scont .mdesc{line-height:1.4em;margin-top:24px;font-size:28px;color:#000;font-weight:700;}
.gwp-benefit-wrap .scont .mdesc strong{font-size:28px;color:#000;font-weight:700;}
.gwp-benefit-wrap .scont .mdesc span{margin:8px 8px 8px 0;display:inline-flex;align-items: center;justify-content: center;padding:1.5px 12px;border-radius:21px;font-size:28px;color:#fff;font-weight:700;}
.gwp-benefit-wrap .scont .mdesc span.mdesc_text{font-size:16px;}
.gwp-benefit-wrap .scont .mdesc span.pink{background:#FF4B91;}
.gwp-benefit-wrap .scont .mdesc span.purple{background:#8066C8;}
.gwp-benefit-wrap .scont .mdesc span.blue{background:#0080FF;}
.gwp-benefit-wrap .scont ul{width:100%;height:auto;overflow:hidden;margin-top:60px;border-top:1px solid #121619;}
.gwp-benefit-wrap .scont ul li{border-bottom:1px solid #121619;width:100%;height:auto;overflow:hidden;padding:24px 0;display:flex;align-items: center;justify-content: space-between;}
.gwp-benefit-wrap .scont ul li .key{font-size:24px;color:#000;font-weight:500;}
.gwp-benefit-wrap .scont ul li .value{font-size:22px;color:#000;font-weight:500;font-family: 'itc-avant-garde-gothic-pro';}
.gwp-benefit-wrap .scont ul li .value strong{font-size:36px;color:#000;font-weight:500;font-family: 'itc-avant-garde-gothic-pro';}
.gwp-benefit-wrap .scont .metc{margin-top:16px;font-size:12px;color:#838383;font-weight:400;}
.gwp-benefit-wrap .spic{width:680px;}
.gwp-benefit-wrap .spic.engspic{padding-left: 30px;}
.gwp-benefit-wrap .spic img{width:100%;float:left;}
.benefitSwiper{width:100%;}

.gwp-service-wrap{width:100%;height:auto;padding:80px 0;background:#E2D4EE;}
.gwp-service-wrap .rela{display:flex;align-items: flex-start;justify-content: space-between;width:calc( 100% - 40px );max-width:1440px;height:auto;margin:0 auto;}
.gwp-service-wrap .scont{position:sticky;top:190px;width:100%;flex:1;height:auto;overflow:hidden;padding:160px 0;font-size:48px;color:#121619;font-weight:600;line-height:1.2em;}
.gwp-service-wrap .scont span{font-size:48px;font-weight:600;background: linear-gradient(90deg, #FF4B91 0%, #0080FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gwp-service-wrap .card-list-wrap{width:768px;height:auto;}
.gwp-service-wrap .card-list-wrap li{position:sticky;top:190px;box-sizing:border-box;width:100%;height:auto;overflow:hidden;border-radius:16px;border:1px solid #000;background:#fff;padding:16px 16px 20px 16px;}
.gwp-service-wrap .card-list-wrap li + li{margin-top:18px;}
.gwp-service-wrap .card-list-wrap li .mpic{width:100%;height:auto;overflow:hidden;}
.gwp-service-wrap .card-list-wrap li .mpic img{width:100%;float:left;}
.gwp-service-wrap .card-list-wrap li .mcont{margin-top:24px;min-height:149px;padding:0 16px;box-sizing:border-box;width:100%;height:auto;overflow:hidden;}
.gwp-service-wrap .card-list-wrap li .mcont .otit{width:100%;height:auto;overflow:hidden;font-size:24px;color:#121619;font-weight:600;line-height:1.4em;}
.gwp-service-wrap .card-list-wrap li .mcont .odesc{margin-top:12px;width:100%;height:auto;overflow:hidden;font-size:18px;color:#555555;font-weight:400;line-height:1.4em;}
.gwp-service-wrap .card-list-wrap li .mcont .odesc strong{font-size:20px;color:#555555;font-weight:700;}
.gwp-service-wrap .card-list-wrap li .mcont .odesc + .odesc{margin-top:8px;}

.gwp-product-wrap{width:100%;height:auto;background:#FBF4E7;padding-bottom:80px;}
.gwp-product-wrap .scont{width:100%;height:auto;overflow:hidden;padding:80px 0;text-align:center;}
.gwp-product-wrap .scont .mdesc{width:100%;height:auto;overflow:hidden;font-size:24px;color:#121619;font-weight:500;line-height:1.2em;}
.gwp-product-wrap .scont .mdesc strong{margin-top:8px;display:block;font-size:36px;color:#121619;font-weight:600;line-height:1.4em;}
.gwp-product-wrap .scont .metc{width:100%;height:auto;overflow:hidden;margin-top:32px;font-size:20px;color:#555;font-weight:400;line-height:1.4em;}
.gwp-product-wrap .product-category-wrap{width:100%;height:auto;overflow:hidden;display:flex;align-items: center;justify-content: center;gap:8px;}
.gwp-product-wrap .product-category-wrap li{display:inline-flex;align-items: center;justify-content: center;}
.gwp-product-wrap .product-category-wrap li a{background:#FBF4E7;display:inline-flex;align-items: center;justify-content: center;padding:8px 16px;border-radius:20px;box-sizing: border-box;border:1px solid #C4C4C4;font-size:18px;color:#838383;font-weight:400;}
.gwp-product-wrap .product-category-wrap li a.on{border-color:#121619;background:#121619;color:#fff;font-weight:600;}
.gwp-product-wrap .product-item-wrap{max-width:926px;width:100%;height:auto;overflow:hidden;margin:24px auto 0 auto;}
.gwp-product-wrap .product-item-wrap ul{width:100%;height:auto;overflow:hidden;display:flex;align-items: flex-start;justify-content: flex-start;flex-wrap:wrap;gap:32px 16px;}
.gwp-product-wrap .product-item-wrap ul li{width:calc( 100% / 3 - 11px );height:auto;overflow:hidden;border-radius:16px;background:#FFE3EE;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(1){background: #FFE3EE;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(2){background:#C5E8C9;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(3){background: #F7EDE9;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(4){background: #FFE3EE;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(5){background:#DDEAD1;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(6){background:#F7E0F2;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(7){background:#F5E29E;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(8){background:#D6EAEF;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(9){background:#D6D6D6;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(10){background:#D6E6C5;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(11){background:#DEE7FF;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(12){background:#E2E3DE;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(13){background:#DDEBFF;}
.gwp-product-wrap .product-item-wrap ul li:nth-child(14){background:#F9D6DB;}
.gwp-product-wrap .product-item-wrap ul li a{width:100%;height:auto;overflow:hidden;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.gwp-product-wrap .product-item-wrap ul li a .mpic{width:100%;height:auto;overflow:Hidden;position:relative;}
.gwp-product-wrap .product-item-wrap ul li a .mpic img{float:left;width:100%;}
.gwp-product-wrap .product-item-wrap ul li a .mpic .ocate{display:inline-flex;align-items: center;justify-content: center;height:22px;padding:0 8px;border-radius:11px;background:#FF4B91;font-size:12px;color:#fff;font-weight:500;position:absolute;left:8px;top:10px;}
.gwp-product-wrap .product-item-wrap ul li a .mpic .ocate.type01{background:#FF4B91;}
.gwp-product-wrap .product-item-wrap ul li a .mpic .ocate.type02{background:#0080FF;}
.gwp-product-wrap .product-item-wrap ul li a .mpic .ocate.type03{background:#FF4B91;}
.gwp-product-wrap .product-item-wrap ul li a .mpic .ocate.type04{background:#8764EB;}
.gwp-product-wrap .product-item-wrap ul li a .mpic .ocate.type05{background:#00AFA5;}
.gwp-product-wrap .product-item-wrap ul li a .mcont{width:100%;height:auto;overflow:hidden;box-sizing: border-box;padding:12px 16px 24px 16px;}
.gwp-product-wrap .product-item-wrap ul li a .mcont .otit{width:100%;height:auto;overflow:hidden;font-size:16px;color:#000;font-weight:400;}
.gwp-product-wrap .product-item-wrap ul li a .mcont .odesc{width:100%;height:auto;overflow:hidden;margin-top:4px;font-size:12px;color:#838383;font-weight:400;letter-spacing: 0.35px;}

.product-btn-wrap{display: flex;align-items: center;justify-content: center;margin-top:40px;width:100%;}
.product-btn-wrap button{cursor:pointer;padding:0 20px;height:48px;overflow:hidden;border:0;gap:4px;background: #121619;display: inline-flex;align-items: center;justify-content: center;}
.product-btn-wrap button span{display: flex;font-size:16px;color:#fff;font-weight:600;}
.product-btn-wrap button img{display: flex;width:auto;}

.gwp-make-wrap{width:100%;height:auto;overflow:Hidden;padding:80px 0;background:#F8D4E4;}
.gwp-make-wrap .scont{width:100%;height:auto;overflow:Hidden;}
.gwp-make-wrap .scont .mtit{width:100%;height:auto;overflow:Hidden;text-align:center;font-size:36px;color:#121619;font-weight:600;}
.gwp-make-wrap .scont .mtit strong{font-size:36px;color:#121619;font-weight:600;background:linear-gradient(90deg, #FF4B91 0%, #0080FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gwp-make-wrap .scont .mdesc{width:100%;height:auto;overflow:Hidden;text-align:center;font-size:16px;color:#555;font-weight:400;margin-top:8px;line-height:1.4em;}
.gwp-make-wrap .make-step-wrap{display:flex;align-items: flex-start;justify-content: flex-start;width:100%;max-width:1240px;height:auto;overflow:hidden;margin:24px auto 0 auto;padding:24px;box-sizing: border-box;}
.gwp-make-wrap .make-step-wrap li{width:100%;flex:1;position:relative;}
.gwp-make-wrap .make-step-wrap li:before{width:calc( 100% - 140px );height:20px;overflow:hidden;display:block;content:"";position:absolute;right:21px;top:40px;background:url(/v2/img/bg/bg-dot-arrow-right.svg) no-repeat right center;}
.gwp-make-wrap .make-step-wrap li:last-child{width:200px;flex:initial;}
.gwp-make-wrap .make-step-wrap li:last-child:before {display: none;}
.gwp-make-wrap .make-step-wrap li .mico{width:100px;height:100px;overflow:hidden;}
.gwp-make-wrap .make-step-wrap li .mico img{width:100%;float:left;}
.gwp-make-wrap .make-step-wrap li .mstep{width:100%;height:auto;overflow:Hidden;margin-top:24px;font-size:13px;color:#000;font-weight:500;}
.gwp-make-wrap .make-step-wrap li .mtit{width:100%;height:auto;overflow:Hidden;font-size:18px;color:#000;font-weight:600;}
.gwp-make-wrap .make-step-wrap li .mdesc{width:100%;height:auto;overflow:Hidden;margin-top:12px;font-size:16px;color:#555;font-weight:400;line-height:1.6em;}

.gwp-what-wrap{width:100%;height:auto;overflow:hidden;padding:80px 0;background:#FADEED;}
.gwp-what-wrap .scont{width:100%;height:auto;overflow:Hidden;}
.gwp-what-wrap .scont .mtit{width:100%;height:auto;overflow:Hidden;text-align:center;font-size:36px;color:#121619;font-weight:600;}
.gwp-what-wrap .scont .mtit strong{font-size:36px;color:#121619;font-weight:600;background:linear-gradient(90deg, #FF4B91 0%, #0080FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gwp-what-wrap .scont .mdesc{width:100%;height:auto;overflow:Hidden;text-align:center;font-size:16px;color:#555;font-weight:400;margin-top:8px;line-height:1.4em;}
.gwp-what-wrap dl{width:100%;height:auto;overflow:Hidden;}
.gwp-what-wrap dl dt{width:100%;height:auto;text-align:center;padding:5px 0;overflow:Hidden;margin-top:32px;font-size:24px;color:#444;font-weight:700;}
.gwp-what-wrap dl dd{width:100%;height:auto;overflow:Hidden;margin-top:12px; }
.gwp-what-wrap dl dd + dt{margin-top:40px;}
.gwp-what-wrap dl dd ul{width:100%;height:auto;overflow:Hidden;display:flex;align-items: center;justify-content: center;gap:8px;}
.gwp-what-wrap dl dd ul li{width:240px;height:auto;overflow:hidden;border-radius:16px;background:#fff;position:relative;}
.gwp-what-wrap dl dd ul li .spic{width:100%;height:auto;overflow:hidden;}
.gwp-what-wrap dl dd ul li .spic img{width:100%;float:left;object-fit: cover;}
.gwp-what-wrap dl dd ul li .stit{width:100%;height:auto;overflow:hidden;box-sizing: border-box;padding:29px 18px 22px 18px;font-size:16px;color:#121619;font-weight:400;}

.gwp-what-wrap dl dd ul li a{position:relative;width:100%;height:auto;overflow:Hidden;display:block;}
.gwp-what-wrap dl dd ul li a .dim{transition:all .5s;opacity:0;background:rgba(0,0,0,.7);position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;display:flex;align-items: center;justify-content: center;flex-direction: column;gap:8px;}
.gwp-what-wrap dl dd ul li a .dim img{width:34px;height:34px;}
.gwp-what-wrap dl dd ul li a .dim span{font-size:18px;color:#fff;font-weight:400;}
.gwp-what-wrap dl dd ul li a:hover .dim{opacity:1;}

.gwp-etc-wrap{background: linear-gradient(0deg, #FBF4E7 0%, #FBF4E7 100%), #EAE5DA;width:100%;height:auto;overflow:hidden;padding-bottom:100px;}
.gwp-faq-wrap{width:100%;height:auto;overflow:hidden;padding:80px 0;}
.gwp-faq-wrap .scont{width:100%;height:auto;overflow:hidden;text-align:center;}
.gwp-faq-wrap .scont .mtit{width:100%;height:auto;overflow:hidden;font-size:32px;color:#121619;font-weight:600;line-height:1.2em;}
.gwp-faq-wrap .scont .mdesc{width:100%;height:auto;overflow:hidden;font-size:16px;color:#555;font-weight:400;line-height:1.4em;margin-top:8px;}
.gwp-faq-wrap dl{width:100%;height:auto;overflow:hidden;margin:24px auto 0 auto;max-width:1252px;border-top:1px solid #121619;border-bottom:1px solid #C4C4C4;}
.gwp-faq-wrap dl dt{width:100%;height:auto;overflow:Hidden;}
.gwp-faq-wrap dl dt a{position:relative;width:100%;height:56px;overflow:Hidden;box-sizing: border-box;display:flex;align-items: center;justify-content: flex-start;font-size:20px;color:#121619;font-weight:500;}
.gwp-faq-wrap dl dt a:before{content:"";width:16px;height:16px;overflow:hidden;display:block;background:url(/v2/img/ico/ico-faq-plus.svg) no-repeat;position:absolute;right:20px;top:50%;margin-top:-8px;}
.gwp-faq-wrap dl dt.on a:before{background:url(/v2/img/ico/ico-faq-mius.svg) no-repeat;}
.gwp-faq-wrap dl dd{display:none;width:100%;height:auto;overflow:Hidden;padding-bottom:16px;font-size:16px;line-height:1.4em;font-weight:400;color:#555;}
.gwp-faq-wrap dl dt.on + dd{}
.gwp-faq-wrap dl dd strong{font-size:16px;font-weight:700;color:#555;}
.gwp-faq-wrap dl dd + dt{border-top:1px solid #C4C4C4;}

.gwp-register-wrap{width:100%;height:auto;overflow:hidden;padding:80px 0 0 0;}
.gwp-register-wrap .scont{width:100%;height:auto;overflow:hidden;text-align:center;}
.gwp-register-wrap .scont .mtit{width:100%;height:auto;overflow:hidden;font-size:32px;color:#121619;font-weight:600;line-height:1.2em;}
.gwp-register-wrap .scont .mdesc{width:100%;height:auto;overflow:hidden;font-size:16px;color:#555;font-weight:400;line-height:1.4em;margin-top:8px;}

.register-step-list{width:100%;max-width:1252px;height:auto;overflow:hidden;margin:24px auto 0 auto;}
.register-step-list ul{width:100%;height:auto;overflow:hidden;display:flex;align-items: flex-start;justify-content: center;}
.register-step-list ul li{text-align: center;position:relative;padding-top:32px;width:25%;display:flex;align-items: center;justify-content: center;flex-direction: column}
.register-step-list ul li:before{content:"";width:16px;height:16px;overflow:hidden;display:block;border-radius:50%;background:#000;position:absolute;left:50%;top:4px;margin-left:-8px;}
.register-step-list ul li:after{content:"";width:100%;height:1px;overflow:hidden;display:block;background:#000;position:absolute;left:50%;top:12px;margin-left:-50%;}
.register-step-list ul li:nth-child(1):after{width:50%;margin-left:0;}
.register-step-list ul li:nth-child(4):after{width:50%;margin-left:0;left:0;}
.register-step-list ul li .otit{font-size:14px;color:#000;font-weight:700;}
.register-step-list ul li .odesc{margin-top:4px;font-size:16px;color:#555;font-weight:400;}

.gwp-register-wrap .form-group-wrap{width:100%;height:auto;max-width:810px;margin:0 auto;}
.gwp-register-wrap .rows-item-wrap{width:100%;height:auto;}
.gwp-register-wrap .rows-item-wrap .step{border-left:1px solid #FF4B91;border-right:1px solid #FF4B91;height:24px;padding:0 8px;display:inline-flex;align-items: center;justify-content: center;margin-top:40px;background: linear-gradient(90deg, #FF4B91 0%, #0080FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:20px;font-weight:700;}
.gwp-register-wrap .rows-item-wrap .stit{display:flex;align-items: center;justify-content: flex-start;width:100%;height:auto;overflow:hidden;font-size:24px;color:#000;font-weight:500;line-height:1.2em;margin-top:12px;}
.gwp-register-wrap .rows-item-wrap .stit img{max-width:9px;transform: translate(2px, -4px);}
.gwp-register-wrap .rows-item-wrap .stit.type01{margin-top:40px;}
.gwp-select-wrap{width:100%;position:relative;}
.service-select-list{margin-top:16px;width:100%;height:auto;display:flex;align-items: center;justify-content: center;gap:8px;cursor:pointer;}
.service-select-list li{display:flex;align-items: center;justify-content: center;width:100%;flex:1;}
.service-select-list li .btn-item{display:flex;align-items: center;justify-content: center;gap:4px;width:100%;height:56px;box-sizing: border-box;background:#fff;}
.service-select-list li .btn-item.on{background:#000;border-color:#000;}
.service-select-list li .btn-item span{font-size:14px;color:#000;font-weight:400;}
.service-select-list li .btn-item.on span{color:#fff;}
.service-select-list li .btn-item.on .tooltip-item-wrap>a>img{filter:brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(1%) hue-rotate(223deg) brightness(102%) contrast(101%);}
.service-select-list li .btn-item .tooltip-item-wrap{position:relative;}
.service-select-list li .btn-item .tooltip-item-wrap>a{transform:translateY(2px);display: inline-flex;}
.service-select-list li .btn-item .tooltip-item-wrap .tooltip-cont-wrap{display:none;font-size:13px;color:#555;font-weight:400;line-height:1.4em;width:236px;position:absolute;background:#fff;border:1px solid #555;padding:6px 32px 6px 8px;box-sizing: border-box;left:50%;bottom:30px;margin-left:-118px;}
.service-select-list li .btn-item .tooltip-item-wrap .tooltip-cont-wrap:before{content:"";width:36px;height:12px;overflow:hidden;display:block;background:url(/v2/img/bg/bg-moseri.svg) no-repeat;position:absolute;left:50%;margin-left:-18px;bottom:-9px;}
.service-select-list li .btn-item .tooltip-item-wrap .tooltip-cont-wrap>a{position:absolute;right:8px;top:6px;}
.service-select-list li .btn-item .tooltip-item-wrap>a.on + .tooltip-cont-wrap{display:block;}

.form-item-wrap{margin-top:16px;width:100%;height:auto;overflow:hidden;max-width:620px;display:flex;align-items: center;justify-content: flex-start;}
.form-item-wrap.vp{align-items: flex-start;}
.form-item-wrap + .form-item-wrap{margin-top:24px;}
.form-item-wrap .label{display:flex;align-items: center;justify-content: flex-start;width:152px;font-size:16px;color:#121619;font-weight:600;line-height:1.37em;}
.form-item-wrap.vp .label{transform: translateY(10px);}
.form-item-wrap .label span{transform: translate(2px, 2px)}
.form-item-wrap .forms{width:100%;height:auto;overflow:hidden;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction:column;flex:1;}
.form-item-wrap .forms .rows{width:100%;height:auto;overflow:hidden;display:flex;align-items: center;justify-content: flex-start;}
.form-item-wrap .forms .rows + .rows{margin-top:16px;}
.form-item-wrap .forms .rows label{margin-left:16px;display:flex;align-items: center;justify-content: flex-start;}
.form-item-wrap .forms .rows label input{display:flex;width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 8px;border: 1px solid #ddd;background-color:#fff;}
.form-item-wrap .forms .rows label input:checked{border-color: #000;
    background-color: #000;
    background-image: url(/v2/img/ico_checkbox.png);
    background-position: center;background-repeat: no-repeat;background-size: 12px auto;}
.form-item-wrap .forms .rows label span{display:flex;font-size: 14px;color:#555;font-weight:400;}
.form-item-wrap .forms .rows .inp{width:280px;height:40px;border:1px solid #ddd;box-sizing: border-box;background:#fff;padding:12px;font-size:14px;color:#121619;font-weight:400;}
.form-item-wrap .forms .rows .inp.datepicker{background:#fff url(/v2/img/bg/bg-datepicker.svg) no-repeat right center;}
.form-item-wrap .forms .rows .inp.full{width:100%;flex:1;}
.form-item-wrap .forms .rows .select{background:#fff url(/v2/img/bg/bg-select.svg) no-repeat right center;margin-right:8px;width:140px;height:40px;border:1px solid #ddd;box-sizing: border-box;padding:0 12px;font-size:14px;color:#121619;font-weight:400;}
.form-item-wrap .forms .rows .select.full{width:100%;flex:1;margin-right:0;}
.form-item-wrap .forms .rows .textarea{outline:none;resize:none;width:100%;border:1px solid #ddd;height:132px;box-sizing: border-box;padding:12px;overflow:hidden;overflow-y:auto;font-size:14px;color:#121619;line-height:1.42em;}
.form-item-wrap .forms .rows .inp[disabled]{background-color:#ddd;}
.form-item-wrap .forms .rows .inp.invaild,
.form-item-wrap .forms .rows .textarea.invaild{
    border-color: #EB3D4F;
}
.form-item-wrap .forms .rows .inp:focus,
.form-item-wrap .forms .rows .textarea:focus{
    border-color:#121619;
}

.register-btn-wrap{width:100%;height:auto;overflow:hidden;display:flex;align-items: center;justify-content: center;margin-top:32px;}
.register-btn-wrap .btn-contact{display:inline-flex;align-items: center;justify-content: center;padding:8px 25px;background:#000;border:0;font-size:16px;color:#fff;font-weight:600;}

.radio-btn-type{cursor:pointer;margin:0 4px 0 0 !important;gap:0 !important;display:flex;align-items: flex-start;justify-content: center;}
.radio-btn-type input{position:absolute;left:-2000000px;opacity:0;}
.radio-btn-type span{display:inline-flex;align-items: center;justify-content: center;padding:8px 16px;border-radius:30px;font-size:14px;color:#838383;font-weight:400;border:1px solid #ddd;box-sizing: border-box;background:#fff;}
.radio-btn-type input:checked + span{color:#fff !important;background:#000;border-color:#000;}

.make-select-wrap{z-index:10;box-sizing: border-box;width:778px;height:auto;position:relative;margin-top:16px;}
.make-select-wrap .value-item-wrap{box-sizing: border-box;width:100%;height:auto;min-height:120px;background:#fff;gap:16px;border:1px solid #555;padding:8px;display:flex;align-items: center;justify-content: flex-start;position:relative;}
.make-select-wrap .value-item-wrap:before{content:"";width:24px;height:24px;overflow:hidden;display:block;background:url(/v2/img/ico/ico-select-down.svg) no-repeat;position:absolute;right:24px;top:50%;margin-top:-12px;}
.make-select-wrap .value-item-wrap.on:before{transform:rotate(180deg)}
.make-select-wrap .value-item-wrap .vpic{width:120px;height:120px;overflow:Hidden;}
.make-select-wrap .value-item-wrap .vpic img{width:100%;float:left;}
.make-select-wrap .value-item-wrap .vcont{gap:4px;width:100%;flex:1;height:auto;overflow:hidden;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: column; }
.make-select-wrap .value-item-wrap .vcont .placeholder{font-size:18px;color:#555;font-weight:400;}
.make-select-wrap .value-item-wrap .vcont .vcate{font-size:14px;color:#121619;font-weight:400;}
.make-select-wrap .value-item-wrap .vcont .vtit{font-size:18px;color:#121619;font-weight:600;}
.make-select-list{display:none;position:absolute;left:0;top:137px;background:#fff;width:100%;height:auto;max-height:300px;overflow:hidden;overflow-y:auto;box-sizing:border-box;border:1px solid #E1E1E1;border-top:1px solid #000;}
.make-select-wrap .value-item-wrap.on + .make-select-list{display:block;}
.make-select-list ul{width:100%;height:auto;overflow:hidden;}
.make-select-list ul li{width:100%;height:auto;overflow:hidden;}
.make-select-list ul li a{width:100%;height:auto;overflow:hidden;gap:16px;box-sizing: border-box;padding:8px;display:flex;align-items: center;justify-content: flex-start;}
.make-select-list ul li a:hover{background:#F6F7FB;}
.make-select-list ul li a .vpic{width:60px;height:60px;}
.make-select-list ul li a .vpic img{width:100%;float:left;}
.make-select-list ul li a .vcont{width:100%;gap:4px;height:auto;overflow:hidden;flex:1;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.make-select-list ul li a .vcont .vcate{font-size:14px;color:#000;font-weight:400;}
.make-select-list ul li a .vcont .vtit{font-size:16px;color:#000;font-weight:500;}
.make-inp-wrap{display:none;width:100%;height:auto;overflow:hidden;margin-top:16px;}
.make-inp-wrap .inp{width:100%;height:44px;overflow:hidden;border:1px solid #ddd;box-sizing: border-box;background:#fff;padding:0 12px;font-size:14px;color:#121619;font-weight:400;}
.make-inp-wrap.on{display:block;}

.dialog{background:rgba(0,0,0,.5);width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:999;display:none;align-items: center;justify-content: center;}
.dialog.on{display:flex;}
.prodcut-detail-wrap{background:#fff;position:relative;width:480px;height:auto;overflow:hidden;padding:0 16px 24px 16px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.prodcut-detail-wrap .pop-close{width:32px;height:32px;border:0;background:transparent;padding:0;position:absolute;right:16px;top:16px;}
.prodcut-detail-wrap .mcont{width:100%;height:auto;overflow:hidden;padding-top:64px;}
.prodcut-detail-wrap .mcont .scate{display:inline-flex;align-items: center;justify-content: center;padding:0 8px;height:22px;border-radius:21px;background:#FF4B91;font-size:12px;color:#fff;font-weight:500;}
.prodcut-detail-wrap .mcont .scate.type05{background:#00AFA5;}
.prodcut-detail-wrap .mcont .scate.type01{background:#FF4B91;}
.prodcut-detail-wrap .mcont .scate.type02{background:#0080FF;}
.prodcut-detail-wrap .mcont .scate.type03{background:#FF4B91;}
.prodcut-detail-wrap .mcont .scate.type04{background:#8764EB;}

.prodcut-detail-wrap .mcont .stit{width:100%;height:auto;overflow:hidden;margin-top:16px;font-size:20px;color:#121619;font-weight:600;}
.prodcut-detail-wrap .mcont .sdesc{width:100%;height:auto;overflow:hidden;margin-top:8px;font-size:14px;color:#838383;font-weight:400;}

.mySwiper2{width:100%;margin-top:16px;position:relative;}
.mySwiper2 .swiper-slide img{float:left;width:100%}
.mySwiper2 .swiper-button-prev{left:8px;margin-top:-24px;width:48px;height:48px;overflow:hidden;background:url(/v2/img/ico/ico-slide-prev.svg) no-repeat;}
.mySwiper2 .swiper-button-next{right:8px;margin-top:-24px;width:48px;height:48px;overflow:hidden;background:url(/v2/img/ico/ico-slide-next.svg) no-repeat;}
.mySwiper2 .swiper-button-prev:after{display:none;}
.mySwiper2 .swiper-button-next:after{display:none;}

.mySwiper{width:100%;margin-top:16px;}
.mySwiper .swiper-slide{cursor:pointer;width:88.5px;position:relative;}
.mySwiper .swiper-slide.swiper-slide-thumb-active:before{content:"";width:100%;height:100%;overflow:hidden;display:block;position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid #000;}
.mySwiper .swiper-slide img{width:100%;float:left;}

.form-item-wrap .forms .rows .file-upload{position:absolute;left:-20000px;opacity:0;}
.form-item-wrap .forms .rows .file-upload-label{margin:20px 0 0 0;background:#ddd;border:0;display:inline-flex;align-items: center;justify-content: center;padding:0 16px;height:32px;gap:4px;}
.form-item-wrap .forms .rows .file-upload-label img{width:16px;}
.form-item-wrap .forms .rows .file-upload-label span{font-size:14px;color:#121619;font-weight:600;}
.form-item-wrap .forms .rows .file_list{width:100%;height:auto;overflow:hidden;}
.form-item-wrap .forms .rows .file_list li{width:100%;height:auto;overflow:hidden;}
.form-item-wrap .forms .rows .file_list li p{width:100%;height:auto;overflow:hidden;gap:8px;display:flex;justify-content: flex-start;}
.form-item-wrap .forms .rows .file_list li p a{font-size:16px;color:#121619;font-weight:600;}
.form-item-wrap .forms .rows .file_list li p a img{width:20px;}
.form-item-wrap .forms .rows .etc{padding-left:12px;position:relative;font-size:13px;color:#838383;font-weight:400;line-height:1.42em;}
.form-item-wrap .forms .rows .etc:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;overflow:hidden;display:block;background:#838383;}
.form-item-wrap .forms .rows .argee-label{margin:4px 0 0 0;padding-bottom:2px;}
.form-item-wrap .forms .rows .argee-label input{}
.form-item-wrap .forms .rows .argee-label strong{font-size:14px;color:#121619;font-weight:600;}
.form-item-wrap .forms .rows .argee-label span{font-size:14px;color:#000;font-weight:400;}
.form-item-wrap .forms .rows .argee-label a{display:inline-flex;margin:0 4px;font-size:14px;color:#000;font-weight:400;position:relative;}
.form-item-wrap .forms .rows .argee-label a:before{content:"";width:100%;height:1px;overflow:hidden;display:block;background:#000;position:absolute;left:0;bottom:-2px;}
.gwp-banner-wrap .scont .mdesc:after{ animation: blink 1s linear infinite; }
/*왼쪽에서 오른쪽으로 텍스트가 흐르는 애니메이션*/
@keyframes blink {
    0% { opacity: 1; }
    20% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
/*swiper-marquee*/
.swiper-marquee{
    position:relative;
}
.swiper-marquee .swiper-slide{
    width:auto;
    padding:0;
    position:relative;
}
.swiper-marquee .swiper-slide img{
    position:relative;
    z-index:2;
    max-height:261px;border-radius:15px;
}
.swiper-marquee .swiper-slide .box{
    transition:all .4s ease-in-out;
    position:relative;
    width: 100%;
}
.swiper-marquee .swiper-wrapper{
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    gap:15px;
}
.mob-block{display:inline;}
.mbr{display:none;}

/* 2506 수정요청에 따른 css 수정*/
.service .intro  div:nth-child(2) .btn {
	margin-top: 4%;
}

.service .intro  div:nth-child(2) .btn > a{
	/*display: inline-block;*/
	display: flex;
	align-items: center;
	background: var(--gradient2);
	/*padding: var(--px12) var(--px24) var(--px12) var(--px24);*/
	padding:8px 24px 8px 20px;
	font-size: var(--px16);
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	gap: 4px;
	
	height:48px;

	line-height: 19.2px;
	letter-spacing: 0.35px;
	text-align: center;
	vertical-align: middle;

}
.guide_btn_wrap{
	width:100%;
	position: absolute;
	bottom:0;
}
.guide_btn{
	width:4%;
}
.pagestay_popup{
	top:20% !important;
}
.pagestay_popup .inner{
	padding: 0px;
	padding-bottom:24px;
}
.delay_cancel_btn_wrp{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:4%;
}
.pagestay_close{
	border-radius: 9999px;
	background-color: #FFFFFF;
	top:10px !important;
	right:10px !important;
	padding:3px;
}
.delay_cancel_btn{
	border: 0px none;
	font-family: Wanted Sans Variable;
	font-weight: 400;
	font-size: 14px;
	line-height: 16.8px;
	letter-spacing: 0.35px;
	text-transform: uppercase;
	text-decoration: underline;
}
.pagestay_popup .servicetxt{
	margin-top: 32px;
}
.pagestay_popup .servicetxt .tit{
	font-weight: 600;
	font-size: 32px;
	line-height: 44.8px;
	letter-spacing: 0.35px;
	text-align: center;
	vertical-align: middle;
}
.pagestay_popup .servicetxt .sub{
	font-weight: 500;
	font-size: 18px;
	line-height: 25.2px;
	letter-spacing: 0.35px;
	text-align: center;
	vertical-align: middle;
	margin-top:16px;
}
.pagestay_popup .btn .popup_link{
	width: 248;
	height: 48;
	padding-top: 8px;
	padding-right: 24px;
	padding-bottom: 8px;
	padding-left: 24px;
	gap: 4px;
	color: #FFFFFF;
	background: #121619;
}

.delay_cancel_btn_wrp a{
	
	font-weight: 400;
	font-size: 16px;
	line-height: 16.8px;
	letter-spacing: 0.35px;
	text-transform: uppercase;
}

@media (max-width:1300px) {
    .gwp-contact-wrap .scont{box-sizing: border-box;padding:6.2vw 1.54vw 0 1.54vw;}
    .gwp-contact-wrap .scont .location-list{left:1.54vw;}
    .gwp-contact-wrap .scont .mdesc,
    .gwp-contact-wrap .scont .mdesc span{font-size:3.5vw;}
    .gwp-contact-wrap .scont .mtit{font-size:4.1vw;margin-top:2vw;}
    .gwp-contact-wrap .scont .metc{font-size:1.4vw;margin-top:1.8vw;}
    .gwp-contact-wrap .scont button{margin-top:3vw;padding:0 2vw;height:3.5vw;}
    .gwp-contact-wrap .scont button span{font-size:1.4vw;}
    .swiper-marquee .swiper-slide img{max-height:20vw; width:auto;}
    .quick-menu-wrap{height:4.5vw;}
    .quick-menu-wrap ul li{padding:0 .66vw;}
    .quick-menu-wrap a{padding:.55vw 1.2vw;font-size:1.2vw;}
    .quick-menu-wrap button{padding:.55vw 1.2vw;font-size:1.2vw;}
    .gwp-banner-wrap .rela{width:calc( 100% - 3.08vw );}
    .gwp-banner-wrap .scont{gap:2.25vw;}
    .gwp-banner-wrap .scont .mdesc{font-size:2.875vw;}
    .gwp-banner-wrap .scont .mtit{font-size:3.5vw;}
    .gwp-banner-wrap .spic{width:51vw}
    .gwp-banner-wrap .scont .mdesc:after{width:2vw;height:2px;right:-2.5vw;}
    .gwp-benefit-wrap{padding:6.2vw 0;}
    .gwp-benefit-wrap .rela{width:calc( 100% - 3.08vw );gap:2vw;}
    .gwp-benefit-wrap .spic{width:45vw;}
    .gwp-benefit-wrap .scont .mtit{gap:.5vw;}
    .gwp-benefit-wrap .scont .mtit strong{font-size:3.5vw;}
    .gwp-benefit-wrap .scont .mtit span{font-size:1.2vw;}
    .gwp-benefit-wrap .scont .mdesc{margin-top:1.25vw;font-size:2.2vw;}
    .gwp-benefit-wrap .scont .mdesc strong{font-size:2.2vw;}
    .gwp-benefit-wrap .scont .mdesc span{font-size:2.2vw;margin:0.4vw 0.4vw 0.4vw 0;padding:0.2vw 0.6vw;}
    .gwp-benefit-wrap .scont ul{margin-top:4.1vw;}
    .gwp-benefit-wrap .scont ul li{padding:1.25vw 0;}
    .gwp-benefit-wrap .scont ul li .key{font-size:1.8vw;}
    .gwp-benefit-wrap .scont ul li .value{font-size:1.8vw;}
    .gwp-benefit-wrap .scont ul li .value strong{font-size:2.8vw;}
    .gwp-benefit-wrap .scont .metc{font-size:12px;margin-top:1.2vw;}
    .gwp-service-wrap{padding:6.2vw 0;}
    .gwp-service-wrap .rela{width:calc( 100% - 3.08vw );}
    .gwp-service-wrap .card-list-wrap{width:52vw;}
    .gwp-service-wrap .scont{top:10.3vw;padding:9.3vw 0;font-size:3.5vw;}
    .gwp-service-wrap .scont span{font-size:3.5vw;}
    .gwp-service-wrap .card-list-wrap li{top:10.3vw;border-radius:.8vw;padding:.8vw .8vw 1vw .8vw;}
    .gwp-service-wrap .card-list-wrap li .mcont{margin-top:2vw;padding:0 .8vw;}
    .gwp-service-wrap .card-list-wrap li .mcont .otit{font-size:2.6vw;}
    .gwp-service-wrap .card-list-wrap li .mcont .odesc{font-size:2vw;margin-top:.6vw;}
    .gwp-service-wrap .card-list-wrap li .mcont .odesc{font-size:2vw;margin-top:0.4vw;}
    .quick-menu-wrap.fixed button{height:3vw;min-width: 7.4vw;}
    .gwp-product-wrap{padding-bottom:6.2vw;}
    .gwp-product-wrap .scont{padding:6.2vw 0;}
    .gwp-product-wrap .scont .mdesc{font-size:1.8vw;}
    .gwp-product-wrap .scont .mdesc strong{font-size:2.5vw;}
    .gwp-product-wrap .scont .metc{font-size:1.5vw;margin-top:2.2vw;}
    .gwp-product-wrap .product-category-wrap{gap:8px;}
    .gwp-product-wrap .product-category-wrap li a{padding:0.4vw 0.8vw;border-radius:2.0416666666666667vw;font-size:1.3vw;}
    .gwp-product-wrap .product-item-wrap{width:72vw;margin-top:1.25vw;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont .otit{font-size:1.2vw;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont .odesc{font-size:0.8vw;margin-top:0.4vw;}
    .product-btn-wrap{margin-top:2.5vw;}
    .product-btn-wrap button{height:3.5vw;padding:0 1vw;gap:0.2vw;}
    .product-btn-wrap button span{font-size:1.2vw;}
    .gwp-make-wrap{padding:6.2vw 0;}
    .gwp-make-wrap .scont .mtit{font-size:2.8vw;}
    .gwp-make-wrap .scont .mdesc{font-size:1.2vw;margin-top:.4vw;}
    .gwp-make-wrap .make-step-wrap{max-width:95vw;margin-top:1.5vw;padding:1.5vw;}
    .gwp-make-wrap .make-step-wrap li .mico{width:7.5vw;height:7.5vw;}
    .gwp-make-wrap .make-step-wrap li .mstep{margin-top:1.6vw;font-size:0.8vw;}
    .gwp-make-wrap .make-step-wrap li .mtit{font-size:1.4vw;}
    .gwp-make-wrap .make-step-wrap li .mdesc{font-size:1.2vw;margin-top:0.8vw;}
    .gwp-what-wrap{padding:6.2vw 0;}
    .gwp-what-wrap .scont .mtit,
    .gwp-what-wrap .scont .mtit strong{font-size: 2.8vw;}
    .gwp-what-wrap .scont .mdesc{font-size:1.4vw;margin-top:.4vw;}
    .gwp-what-wrap dl dt{padding:0.3vw 0;margin-top:2.6vw;font-size:1.8vw;}
    .gwp-what-wrap dl dd{padding:0 1.54vw;box-sizing: border-box;}
    .gwp-what-wrap dl dd ul li{border-radius:1.2vw;width:240px;}
    .gwp-what-wrap dl dd ul li .stit{padding:2.4vw 1.4vw 2vw 1.4vw;font-size:1.2vw;}
    .gwp-faq-wrap{padding:6.2vw 1.54vw;box-sizing: border-box;}
    .gwp-faq-wrap .scont .mtit{font-size:2.4vw;}
    .gwp-faq-wrap .scont .mdesc{font-size:1.2vw;margin-top:.4vw;}
    .gwp-faq-wrap dl{margin-top:1.8vw;box-sizing: border-box;}
    .gwp-faq-wrap dl dt a{height:3.8vw;font-size:1.6vw;}
    .gwp-faq-wrap dl dd{font-size:1.2vw;padding-bottom:1.2vw;}
    .gwp-faq-wrap dl dd strong{font-size:1.2vw;}
    .gwp-faq-wrap dl dt a:before{width:1.2vw;height:1.2vw;right:1.6vw;margin-top:-.6vw;background-size:cover;}
    .gwp-register-wrap{padding:6.2vw 0 8.2vw 0;}
    .gwp-register-wrap .scont .mtit{font-size:2.4vw;}
    .gwp-register-wrap .scont .mdesc{font-size:1.2vw;margin-top:.4vw;}
    .register-step-list ul li .otit{font-size:1.2vw;}
    .register-step-list ul li .odesc{font-size:1vw;margin-top:.2vw;}
    .gwp-register-wrap .form-group-wrap{box-sizing: border-box;padding:0 1.54vw;}
    .gwp-register-wrap .rows-item-wrap .step{margin-top:3.2vw;height:1.8vw;font-size:1.6vw;}
    .gwp-register-wrap .rows-item-wrap .stit{font-size:1.8vw;margin-top:.9vw;}
    .make-select-wrap{width:100%;margin-top:1.2vw;}
    .make-select-wrap .value-item-wrap{gap:1.2vw;padding:.4vw;min-height:9.4vw;}
    .make-select-wrap .value-item-wrap .vpic{width:9.4vw;height:9.4vw;}
    .make-select-wrap .value-item-wrap .vcont{gap:0.2vw;}
    .make-select-wrap .value-item-wrap .vcont .placeholder{font-size:1.4vw;}
    .make-select-wrap .value-item-wrap:before{font-size:1.8vw;height:1.8vw;right:1.8vw;margin-top:-0.9vw;}
    .make-select-wrap .value-item-wrap .vcont .vcate{font-size:1vw;}
    .make-select-wrap .value-item-wrap .vcont .vtit{font-size:1.4vw;}
    .make-select-list{top:calc( 9.4vw + 1px );}
    .make-select-list ul li a{gap:16px;padding:.4vw;}
    .make-select-list ul li a .vpic{width:4.7vw;height:4.7vw;}
    .make-select-list ul li a .vcont{gap:0.2vw;}
    .make-select-list ul li a .vcont .vcate{font-size:1vw;}
    .make-select-list ul li a .vcont .vtit{font-size:1.2vw;}
    .make-inp-wrap{margin-top:1.2vw;}
    .make-inp-wrap .inp{height:3.6vw;padding:0 .8vw;font-size:1vw;}
    .gwp-register-wrap .rows-item-wrap .stit{font-size:1.8vw;margin-top:.8vw;}
    .service-select-list{margin-top:1.2vw;gap:.4vw;}
    .service-select-list li .btn-item{gap:.2vw;height:4vw;}
    .service-select-list li .btn-item span{font-size:1vw;}
    .service-select-list li .btn-item .tooltip-item-wrap .tooltip-cont-wrap{font-size:1.1vw;width:236px;padding:6px 32px 6px 8px;bottom:30px;margin-left:-118px;}
    .form-item-wrap{margin-top:1.2vw;}
    .form-item-wrap .label{width:11vw;font-size:1.2vw;}
    .radio-btn-type span{padding:.6vw 1.2vw;border-radius:2.4vw;}
    .form-item-wrap .forms .rows label span{font-size:1vw;}
    .form-item-wrap .forms .rows + .rows{margin-top:1.2vw;}
    .form-item-wrap .forms .rows .inp{width:280px;height:3.2vw;padding:.8vw;font-size:1vw;}
    .form-item-wrap .forms .rows .select{width:10vw;height:3.2vw;padding:0 .8vw;font-size:1vw;}
    .form-item-wrap .forms .rows label{margin-left:1.2vw;}
    .form-item-wrap .forms .rows label input{width:1.4vw;height:1.6vw;border-radius:.2vw;margin-right:.4vw;}
    .form-item-wrap .forms .rows label span{font-size:1vw;}
    .form-item-wrap + .form-item-wrap{margin-top:1.8vw;}
    .gwp-register-wrap .rows-item-wrap .stit.type01{margin-top:3.2vw;}
    .form-item-wrap .forms .rows .textarea{height:10vw;padding:.8vw;font-size:1vw;}
    .form-item-wrap .forms .rows .file-upload-label{height:2.4vw;gap:.2vw;padding:0 1.2vw;}
    .form-item-wrap .forms .rows .file-upload-label img{width:1.2vw;}
    .form-item-wrap .forms .rows .file-upload-label span{font-size:1vw;}
    .form-item-wrap .forms .rows .file_list li p{gap:.4vw;}
    .form-item-wrap .forms .rows .file_list li p a{font-size:1.2vw;}
    .form-item-wrap .forms .rows .file_list li p a img{width:1.6vw;}
    .form-item-wrap .forms .rows .etc{padding-left:.8vw;font-size:1.1vw;}
    .form-item-wrap .forms .rows .argee-label{margin-top:.2vw;padding-bottom:.1vw;}
    .form-item-wrap .forms .rows .argee-label strong{font-size:1vw;}
    .form-item-wrap .forms .rows .argee-label a{font-size:1vw;margin:0 .2vw;}
    .form-item-wrap .forms .rows .argee-label span{font-size:1vw;}
    .register-btn-wrap{margin-top:2.4vw;}
    .register-btn-wrap .btn-contact{font-size:1.2vw;padding:.6vw 1.8vw;}
    .gwp-etc-wrap{padding-bottom:0;}
}
@media (max-width:768px) {
    .gwp-contact-wrap .scont .location-list{display:none;}
    .gwp-contact-wrap .scont{padding:48px 0 0 0;}
    .gwp-contact-wrap .scont .mdesc, .gwp-contact-wrap .scont .mdesc span{font-size:18px;}
    .gwp-contact-wrap .scont .mtit{font-size: 32px;line-height: 38px;letter-spacing: 0.35px;font-weight: 500;}
    .gwp-contact-wrap .scont .metc{font-size: 14px;margin-top: 8px;}
    .gwp-contact-wrap .scont button{margin-top:32px;height:44px;padding:0 12px;}
    .gwp-contact-wrap .scont button span{font-size:16px;}
    .gwp-contact-wrap .sitem{margin-top:60px;}
    .swiper-marquee .swiper-slide img{max-height:500px;width:168px;}
    .quick-menu-wrap{height:54px;}
    .quick-menu-wrap ul li{padding:0 12px;}
    .quick-menu-wrap a{padding:6px 12px;font-size:16px;}
    .quick-menu-wrap button{padding:6px 12px;font-size:16px;}
    .gwp-banner-wrap .rela{width: calc( 100% - 40px );display:block;}
    .gwp-banner-wrap .spic{width:100%;}
    .gwp-banner-wrap .scont{gap:12px;margin-top:40px;}
    .gwp-banner-wrap .scont .mdesc{font-size:20px;}
    .gwp-banner-wrap .scont .mtit{font-size:28px;}
    .gwp-banner-wrap .scont .mdesc:after{width:18px;height:2px;right: -22px;}
    .gwp-benefit-wrap{padding:40px 20px;box-sizing: border-box;}
    .gwp-benefit-wrap .rela{width:100%;display:block;}
    .gwp-benefit-wrap .spic{width:100%;}
    .gwp-benefit-wrap .scont .mtit{gap:4px;}
    .gwp-benefit-wrap .scont .mtit strong{font-size:24px;}
    .gwp-benefit-wrap .scont .mtit span{font-size:16px;}
    .gwp-benefit-wrap .scont .mdesc{margin-top:20px;font-size:20px;}
    .gwp-benefit-wrap .scont .mdesc strong{font-size:20px;}
    .gwp-benefit-wrap .scont .mdesc span{font-size:16px;margin:8px 4px 8px 0;padding:4px 12px;}
    .gwp-benefit-wrap .scont ul{margin-top:24px}
    .gwp-benefit-wrap .scont ul li{padding:16px 0;}
    .gwp-benefit-wrap .scont ul li .key{font-size:16px;}
    .gwp-benefit-wrap .scont ul li .value{font-size:20px}
    .gwp-benefit-wrap .scont ul li .value strong{font-size:24px;}
    .gwp-benefit-wrap .scont .metc{font-size:12px;margin-top:16px;}
    .gwp-service-wrap{padding:40px 0;}
    .gwp-service-wrap .rela{width:calc( 100% - 40px );display:block;}
    .gwp-service-wrap .scont{position:static;padding:0;text-align:center;font-size:20px;}
    .gwp-service-wrap .scont span{font-size:20px;}
    .gwp-service-wrap .card-list-wrap{width:100%;margin-top:24px;}
    .gwp-service-wrap .card-list-wrap li{position:static;border-radius:8px;padding:16px;}
    .gwp-service-wrap .card-list-wrap li .mcont{margin-top:24px;padding:0 8px;min-height:0;}
    .gwp-service-wrap .card-list-wrap li .mcont .otit{font-size:20px;}
    .gwp-service-wrap .card-list-wrap li .mcont .odesc{margin-top:12px;font-size:14px;}
    .gwp-service-wrap .card-list-wrap li .mcont .odesc strong{font-size:14px;}
    .gwp-service-wrap .card-list-wrap li .mcont .odesc br{display:none;}
    .gwp-product-wrap{padding-bottom:52px;}
    .gwp-product-wrap .scont{padding:40px 20px 24px 20px;box-sizing: border-box;}
    .gwp-product-wrap .scont .mdesc{font-size:14px;}
    .gwp-product-wrap .scont .mdesc strong{font-size:20px;}
    .gwp-product-wrap .scont .metc{font-size:14px;margin-top:16px;}
    .gwp-product-wrap .scont .metc br{display:none;}
    .product-category-scrolls{width:100%;height:auto;overflow:hidden;overflow-x:auto;}
    .product-category-scrolls::-webkit-scrollbar{
        display:none;
    }
    .gwp-product-wrap .product-category-wrap{gap:8px;margin:0 20px;width:auto;overflow:visible;display: inline-flex;}
    .gwp-product-wrap .product-category-wrap li a{padding:7px 16px;border-radius:30px;font-size:16px;white-space: nowrap;}
    .gwp-product-wrap .product-item-wrap{width:72vw;margin-top:1.25vw;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont .otit{font-size:1.2vw;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont .odesc{font-size:0.8vw;margin-top:0.4vw;}
    .gwp-product-wrap .product-item-wrap{margin-top:15px;width:calc( 100% - 40px );}
    .gwp-product-wrap .product-item-wrap ul{gap:12px 8px;}
    .gwp-product-wrap .product-item-wrap ul li{width:calc( 100% / 2 - 4px );border-radius:8px;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont{padding:8px 8px 12px 8px;box-sizing: border-box;}
    .gwp-product-wrap .product-item-wrap ul li:nth-child(1) a .mcont,
    .gwp-product-wrap .product-item-wrap ul li:nth-child(2) a .mcont{min-height: 64px;}
    .gwp-product-wrap .product-item-wrap ul li:nth-child(3) a .mcont,
    .gwp-product-wrap .product-item-wrap ul li:nth-child(4) a .mcont{min-height: 51px;}
    .gwp-product-wrap .product-item-wrap ul li:nth-child(5) a .mcont,
    .gwp-product-wrap .product-item-wrap ul li:nth-child(6) a .mcont{min-height: 90px;}
    .gwp-product-wrap .product-item-wrap ul li:nth-child(7) a .mcont,
    .gwp-product-wrap .product-item-wrap ul li:nth-child(8) a .mcont{min-height: 90px;}
    .gwp-product-wrap .product-item-wrap ul li:nth-child(9) a .mcont,
    .gwp-product-wrap .product-item-wrap ul li:nth-child(10) a .mcont{min-height: 102px;}
    .gwp-product-wrap .product-item-wrap ul li:nth-child(11) a .mcont,
    .gwp-product-wrap .product-item-wrap ul li:nth-child(12) a .mcont{min-height: 98px;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont .otit{font-size:13px;}
    .gwp-product-wrap .product-item-wrap ul li a .mcont .odesc{font-size:10px;margin-top:4px;}
    .product-btn-wrap{margin-top:24px;}
    .product-btn-wrap button{height:44px;padding:0 12px;gap:4px;}
    .product-btn-wrap button span{font-size:16px;}

    .gwp-make-wrap{padding:40px 20px;box-sizing: border-box;}
    .gwp-make-wrap .scont .mtit{font-size:20px;}
    .gwp-make-wrap .scont .mtit strong{font-size:20px;}
    .gwp-make-wrap .scont .mdesc{font-size:14px;margin-top:8px;}
    .gwp-make-wrap .make-step-wrap{max-width:95vw;margin-top:24px;padding:24px 0;display:block;}
    .gwp-make-wrap .make-step-wrap li{position:relative;box-sizing: border-box;padding-left:124px;}
    .gwp-make-wrap .make-step-wrap li + li{margin-top:40px;}
    .gwp-make-wrap .make-step-wrap li .mico{width:80px;height:80px;position:absolute;left:0;top:0;}
    .gwp-make-wrap .make-step-wrap li .mstep{margin-top:0;font-size:13px;}
    .gwp-make-wrap .make-step-wrap li .mtit{font-size:18px;}
    .gwp-make-wrap .make-step-wrap li .mdesc{font-size:16px;margin-top:12px;}
    .gwp-make-wrap .make-step-wrap li:before{transform:rotate(90deg);width: 64px;right: auto;left: 52px;top: auto;bottom:14px;transform-origin: 0 0;}
    .gwp-make-wrap .make-step-wrap li:last-child{width:100%;}
    .gwp-make-wrap .make-step-wrap li:last-child:before{display:none;}
    .gwp-make-wrap .make-step-wrap li:nth-child(1):before{width:90px;bottom:39px;}
    .gwp-make-wrap .make-step-wrap li:nth-child(3):before{width:40px;bottom:-12px;}

    .gwp-what-wrap{padding:40px 0;box-sizing: border-box;}
    .gwp-what-wrap .scont .mtit,
    .gwp-what-wrap .scont .mtit strong{font-size: 20px;;}
    .gwp-what-wrap .scont .mdesc{box-sizing: border-box;padding:0 20px;font-size:14px;margin-top:8px;}
    .gwp-what-wrap dl dt{padding:0.3vw 0;margin-top:24px;font-size:18px;}
    .gwp-what-wrap dl dd{padding:0;box-sizing: border-box;overflow-x:auto;}
    .gwp-what-wrap dl dd::-webkit-scrollbar{display:none;}
    .gwp-what-wrap dl dd ul li{border-radius:8px;width:160px;}
    .gwp-what-wrap dl dd ul li .stit{padding:20px 12px 14px 12px;font-size:12px;}
    .gwp-what-wrap dl dd ul{display:inline-flex;width:auto;margin:0 20px;}

    .gwp-faq-wrap{padding:40px 20px;box-sizing: border-box;}
    .gwp-faq-wrap .scont .mtit{font-size:20px;}
    .gwp-faq-wrap .scont .mdesc{font-size:14px;margin-top:8px;}
    .gwp-faq-wrap dl{margin-top:24px;box-sizing: border-box;}
    .gwp-faq-wrap dl dt a{height:47px;font-size:16px;box-sizing: border-box;padding-left:12px;}
    .gwp-faq-wrap dl dd{font-size:14px;padding-bottom:12px;box-sizing: border-box;padding-left:12px;}
    .gwp-faq-wrap dl dd strong{font-size:14px;}
    .gwp-faq-wrap dl dt a:before{width:16px;height:16px;right:12px;margin-top:-8px;background-size:cover;}

    .gwp-register-wrap{padding:40px 0 80px 0;}
    .gwp-register-wrap .scont .mtit{font-size:20px;}
    .gwp-register-wrap .scont .mdesc{font-size:14px;margin-top:8px;}
    .register-step-list ul li .otit{font-size:14px;}
    .register-step-list ul li .odesc{font-size:14px;margin-top:4px;}
    .gwp-register-wrap .form-group-wrap{box-sizing: border-box;padding:0 20px;}
    .gwp-register-wrap .rows-item-wrap .step{margin-top:24px;height:20px;font-size:16px;}
    .gwp-register-wrap .rows-item-wrap .stit{font-size:18px;margin-top:8px;}
    .make-select-wrap{width:100%;margin-top:16px;}
    .make-select-wrap .value-item-wrap{gap:12px;padding:8px;min-height:96px;}
    .make-select-wrap .value-item-wrap .vpic{width:80px;height:80px;}
    .make-select-wrap .value-item-wrap .vcont{gap:4px;padding-right: 40px;}
    .make-select-wrap .value-item-wrap .vcont .placeholder{font-size:14px;}
    .make-select-wrap .value-item-wrap:before{width:24px;height:24px;right:16px;margin-top:-12px ;}
    .make-select-wrap .value-item-wrap .vcont .vcate{font-size:12px;}
    .make-select-wrap .value-item-wrap .vcont .vtit{font-size:14px;}
    .make-select-list{top:97px;}
    .make-select-list ul li a{gap:16px;padding:8px;}
    .make-select-list ul li a .vpic{width:40px;height:40px;}
    .make-select-list ul li a .vcont{gap:4px;}
    .make-select-list ul li a .vcont .vcate{font-size:12px;}
    .make-select-list ul li a .vcont .vtit{font-size:14px;}
    .make-inp-wrap{margin-top:16px;}
    .make-inp-wrap .inp{height:3.6vw;padding:0 .8vw;font-size:1vw;}
    .gwp-register-wrap .rows-item-wrap .stit{font-size:18px;margin-top:12px;}
    .service-select-list{margin-top:16px;gap:8px;flex-direction: column}
    .service-select-list li .btn-item{gap:4px;height:56px;padding:16px;}
    .service-select-list li .btn-item span{font-size:14px;}
    .service-select-list li .btn-item .tooltip-item-wrap .tooltip-cont-wrap{font-size:1.1vw;width:236px;padding:6px 32px 6px 8px;bottom:30px;margin-left:-118px;}
    .form-item-wrap{margin-top:16px;display:block;}
    .form-item-wrap.vp .label{transform: translateY(0);}
    .form-item-wrap .label{width:100%;font-size:16px;}
    .form-item-wrap .forms{}
    .radio-btn-type span{padding:8px 16px;border-radius:30px;}
    .form-item-wrap .forms .rows{flex-wrap:wrap;margin-top:10px;}
    .form-item-wrap .forms .rows label span{font-size:14px;}
    .form-item-wrap .forms .rows + .rows{margin-top:16px;}
    .form-item-wrap .forms .rows .inp{width:100%;height:40px;padding:0 12px;font-size:14px}
    .form-item-wrap .forms .rows .select{width:140px;height:40px;padding:0 12px;font-size:14px;}
    .form-item-wrap .forms .rows label{margin-left:0;}
    .form-item-wrap .forms .rows label.is-disabled{margin-top:16px;}
    .form-item-wrap .forms .rows label input{width:20px;height:20px;border-radius:4px;margin-right:8px;}
    .form-item-wrap .forms .rows label span{font-size:14px;}
    .form-item-wrap + .form-item-wrap{margin-top:24px;}
    .gwp-register-wrap .rows-item-wrap .stit.type01{margin-top:40px;}
    .form-item-wrap .forms .rows .textarea{height:132px;padding:12px;font-size:14px;}
    .form-item-wrap .forms .rows .file-upload-label{height:32px;gap:4px;padding:0 16px;}
    .form-item-wrap .forms .rows .file-upload-label img{width:16px;}
    .form-item-wrap .forms .rows .file-upload-label span{font-size:14px;}
    .form-item-wrap .forms .rows .file_list li p{gap:.4vw;}
    .form-item-wrap .forms .rows .file_list li p a{font-size:16px;}
    .form-item-wrap .forms .rows .file_list li p a img{width:20px;}
    .form-item-wrap .forms .rows .etc{padding-left:12px;font-size:14px;}
    .form-item-wrap .forms .rows .argee-label{margin-top:24px;padding-bottom:2px;}
    .form-item-wrap .forms .rows .argee-label strong{font-size:14px;}
    .form-item-wrap .forms .rows .argee-label a{font-size:14px;margin:0 4px;}
    .form-item-wrap .forms .rows .argee-label span{font-size:14px;}
    .register-btn-wrap{margin-top:32px;}
    .register-btn-wrap .btn-contact{font-size:16px;padding:12px 24px;}
    .gwp-register-wrap .rows-item-wrap .stit.type01 + .form-item-wrap{margin-top:0;}

    .quick-menu-wrap{overflow-x:auto;align-items: center;justify-content: flex-start; overflow-y: hidden; }
    .quick-menu-wrap::-webkit-scrollbar{display:none;}
    .quick-menu-wrap .rela{display:inline-flex;width:auto;align-items: center;justify-content: flex-start;margin:0 20px;padding-bottom:5px;}
    .quick-menu-wrap a{white-space: nowrap;}
    .quick-menu-wrap button{white-space: nowrap;}
    .quick-menu-wrap ul{width:auto;display:inline-flex;}
    .quick-menu-wrap.fixed button{height:38px;margin-left:8px;}
    .gwp-register-wrap .rows-item-wrap .stit img{transform: translate(0);}
    .service-select-list li .btn-item .tooltip-item-wrap .tooltip-cont-wrap{font-size:13px;}
    .mob-block{display:block;}
    .gwp-benefit-wrap .scont .mdesc br{display:none;}
    .gwp-what-wrap dl dd ul li a .dim span{font-size:14px;}
    .mbr{display:block;}
    .gwp-etc-wrap{padding-bottom:0;}
	
	.gwp-benefit-wrap .spic.engspic{ padding-left: 0px;}
	
	/* 2506 수정요청에 따른 css 수정*/
	.service .intro  div:nth-child(2) .btn {
		margin-top: 4%;
	}

	.service .intro  div:nth-child(2) .btn > a{
		display: inline-block;
		background: var(--gradient2);
		padding: var(--px12) var(--px24) var(--px12) var(--px24);
		font-size: var(--px16);
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;

	}
	.guide_btn_wrap{
		width:100%;
		position: absolute;
		bottom:0;
	}
	.guide_btn{
		width:4%;
	}
	
	
	.pagestay_popup .servicetxt .tit{
		
		font-weight: 600;
		font-size: 24px;
		line-height: 28.8px;
		letter-spacing: 0.35px;
		text-align: center;
		vertical-align: middle;

	}
	.pagestay_popup .servicetxt .sub{
		font-weight: 500;
		font-size: 16px;
		line-height: 22.4px;
		letter-spacing: 0.35px;
		text-align: center;
		vertical-align: middle;

	}
	.pagestay_popup .btn .popup_link{
		width: 164;
		height: 48;
		padding-top: 12px;
		padding-right: 24px;
		padding-bottom: 12px;
		padding-left: 24px;
		gap: 4px;

	}

	
}