/* OTC */
/* 사용자재구축: html:has(.wrap.pc .service_otc) { */
.wrap .service_otc {
    /* Variables */
    --_font-size-64: 64px;
    --_font-size-60: 60px;
    --_font-size-48: 48px;
    --_font-size-36: 36px;
    --_font-size-32: 32px;
    --_font-size-24: 24px;
    --_font-size-20: 20px;
    --_font-size-18: 18px;
    --_font-size-16: 16px;
    --_font-size-14: 14px;
    --_font-size-13: 13px;
    --_font-size-12: 12px;

    --_gutter-750: 750px;
    --_gutter-582: 582px;
    --_gutter-480: 480px;
    --_gutter-400: 400px;
    --_gutter-340: 340px;
    --_gutter-140: 140px;
    --_gutter-135: 135px;
    --_gutter-120: 120px;
    --_gutter-90: 90px;
    --_gutter-80: 80px;
    --_gutter-60: 60px;
    --_gutter-52: 52px;
    --_gutter-50: 50px;
    --_gutter-47: 47px;
    --_gutter-44: 44px;
    --_gutter-40: 40px;
    --_gutter-37: 37px;
    --_gutter-36: 36px;
    --_gutter-32: 32px;
    --_gutter-26: 26px;
    --_gutter-24: 24px;
    --_gutter-20: 20px;
    --_gutter-18: 18px;
    --_gutter-16: 16px;
    --_gutter-15: 15px;
    --_gutter-14: 14px;
    --_gutter-12: 12px;
    --_gutter-8: 8px;
    --_gutter-4: 4px;

    /* scroll-behavior: smooth; */
    scroll-padding-top: 100px;
}
/* @media (max-width: 1300px) { */
@media all and (min-width: 769px) and (max-width: 1300px) {
    .wrap .service_otc {
        /* Variables */
        --_font-size-64: 4.92vw;
        --_font-size-60: 4.62vw;
        --_font-size-48: 3.69vw;
        --_font-size-36: 2.77vw;
        --_font-size-32: 2.46vw;
        --_font-size-24: 1.85vw;
        --_font-size-20: 1.54vw;
        --_font-size-18: 1.38vw;
        --_font-size-16: 1.23vw;
        --_font-size-14: 1.08vw;
        --_font-size-13: 1vw;
        --_font-size-12: 0.92vw;

        --_gutter-750: 57.69vw;
        --_gutter-582: 44.77vw;
        --_gutter-480: 36.92vw;
        --_gutter-400: 30.77vw;
        --_gutter-340: 26.15vw;
        --_gutter-140: 10.77vw;
        --_gutter-135: 10.38vw;
        --_gutter-120: 9.23vw;
        --_gutter-90: 6.92vw;
        --_gutter-80: 6.15vw;
        --_gutter-60: 4.62vw;
        --_gutter-52: 4vw;
        --_gutter-50: 3.85vw;
        --_gutter-47: 3.62vw;
        --_gutter-44: 3.38vw;
        --_gutter-40: 3.08vw;
        --_gutter-37: 2.85vw;
        --_gutter-36: 2.77vw;
        --_gutter-32: 2.46vw;
        --_gutter-26: 2vw;
        --_gutter-24: 1.85vw;
        --_gutter-20: 1.54vw;
        --_gutter-18: 1.38vw;
        --_gutter-16: 1.23vw;
        --_gutter-15: 1.15vw;
        --_gutter-14: 1.08vw;
        --_gutter-12: 0.92vw;
        --_gutter-8: 0.62vw;
        --_gutter-4: 0.31vw;

        /* scroll-behavior: smooth; */
        scroll-padding-top: 7.69vw;
    }
}
@media (max-width: 768px) {
    /* 사용자재구축: html:has(.wrap.pc .service_otc) */
    .wrap.service_otc {
        /* Variables */
        --_font-size-64: 38px;
        --_font-size-60: 35px;
        --_font-size-48: 28px;
        --_font-size-36: 21px;
        --_font-size-32: 19px;
        --_font-size-24: 14px;
        --_font-size-20: 12px;
        --_font-size-18: 11px;
        --_font-size-16: 9px;
        --_font-size-14: 8px;
        --_font-size-13: 8px;
        --_font-size-12: 7px;

        --_gutter-750: 443px;
        --_gutter-582: 344px;
        --_gutter-480: 284px;
        --_gutter-400: 236px;
        --_gutter-340: 201px;
        --_gutter-140: 83px;
        --_gutter-135: 80px;
        --_gutter-120: 71px;
        --_gutter-90: 53px;
        --_gutter-80: 47px;
        --_gutter-60: 35px;
        --_gutter-52: 31px;
        --_gutter-50: 30px;
        --_gutter-47: 28px;
        --_gutter-44: 26px;
        --_gutter-40: 24px;
        --_gutter-37: 22px;
        --_gutter-36: 21px;
        --_gutter-32: 19px;
        --_gutter-26: 15px;
        --_gutter-24: 14px;
        --_gutter-20: 12px;
        --_gutter-18: 11px;
        --_gutter-16: 9px;
        --_gutter-15: 9px;
        --_gutter-14: 8px;
        --_gutter-12: 7px;
        --_gutter-8: 5px;
        --_gutter-4: 2px;

        /* scroll-behavior: smooth; */
        scroll-padding-top: 59px;
    }
}
/* 사용자재구축: 주석처리함 */
.wrap:has(.otc_sticky_nav) {
    overflow: visible;
} 

.only_mobile {
    display: none;
}

/* Content(OTC) */
.service_otc .sr_only {
    /* Visibility */
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border-width: 0;
    clip: rect(0, 0, 0, 0);
}

/* Color */
.service_otc .color_1 {
    color: #121619 !important;
}

/* Button */
.service_otc .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    gap: 0.25em;
    padding: 0.5em 1em;
    color: #fff;
    font-size: var(--_font-size-16);
    line-height: normal;
    background-color: #121619;
}
.service_otc .btn:has(.ico_comm) {
    padding-right: 1.25em;
}

/* Icon */
.ico_comm.ico_otc {
    background-position: center;
}

.ico_otc.more {
    width: var(--_gutter-26);
    aspect-ratio: 1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="10" viewBox="0 0 26 10" fill="none"><g><path d="M17 1.5L24 8.35938H0" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/></g></svg>');
    background-position-y: calc(50% - 1px);
}

.ico_otc.tooltip {
    width: 16px;
    aspect-ratio: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQoSURBVHgBtVi9cttGEN49ERTlZDIQbShkXAR+AlNdOlFPEKpLKslPIL2B7DJVlCcIu5SCn0B0mUr0E4gpMlFsTYSZKCZEiLfZPeDAHwkgSNvfDATocLf77WJ/7oiwBFzGWq3WIa12CKiFgD4AuclbDHlswGN9JN0bx9HrkFFGLpaZ5DYavhrjISAeTJSWEt/VSr8KLy8HhbOKXorlyvniJaA+tGNE1EOFgdbqDcT/Day1MrdSqT3Xa9hCTR1CbGeCCE50PHyV55lcEsZ6jWf86KfauzoGFlRs1cQAXu/AceI9g4FWtPuQVx4k4XpPWwr1qRAgXkyk9sL3f/ZhBQgZrOIZJsYMNN2xrPczstS9ReKBlIBYT6Ph9qoEBOI5Gq1vE2AgMhVWTkUH5LN23fpW84Iv2txqnsInxqbX7Ips0SG67PiMJ0wQ2k8wGr6ATwyK149EtuhQzsaxHc9iIg3EC3nWI3pWFIAma6qPjgBpnyPfNwoA+lIjFqVkGm/nRo9iPTw384TSKmHGcVBIQMhWN1gIHVsCqTUtHjvgenLuel4rb72JL9ZhdI7pMF0rlvls2e11GS/I94TptFUqSIzQnel0/OfdX8/yZJj0rbLXCUKuH8m8x17jwASj1ziDAogr08Ciutf4df79Y695Zt8XeWN6LuveN5+DUO3IHYGCooUVGmcRrQm68+8JqZf9o9S3UABSECRroF1Jx1qJYCysB1dXlz0oLPXKNyEqGGNh85KyzwHKs7FlA9M3f++it7Ai6l83jyQw5VnSMLy6fFO4IHYGckMO7pRE0hnLtt57BLynJ6z5Z0uARrS7aE0YDhJdCG4FPhJcWbvs3H1DgKBPMe2VbXIWqScwa8dLrDVZxQFiCJg+Ew93y3dZP9HFaWpjIlnoOD4sAY3q++zZtPnyn7NSi0wycHbYiqlNVihIUnUFDJb9BJyJz+WORH2VPICJZALVWUIO0OjDCz0Cn682LAn+jEaXBuhNle3RhWSJbSrwGTHbLIebxhMmXWxTsY2sBOpb37zk65oz5HxRmZ7GbLMMw0krt01F2NHd9vwWbB5PGo22TvagiTzQwfW7v/dgAR7aMmSt3AQW74oNU9mCLUjXO5tRKZBwYWaYfYglTvrEBvPa9KT16pPfYW38g2xKUVUbww//vs4TGN3chOuPvvyDrWCyFOgYf4qim0IiG1/Vf2PZ35mqGkc/RgxjwH22k90xTw5km7dqOZ/IdF2sbpxIYbNlfTqlc7f8yDvubJuec14oRaDE8SH/8DN7XoCyR7psvQlAyYJJZ533wEISCRGuH84tn6LgyI5xmZXiEmiktxBF/eljoMNlf6wqO1KIuJm1M0EchDq+Xf4YOEvm3pGuBDhbaMxHR/xlUUkvRWJChtPWqXU4I3b4wPvwTwPcC1joUj8N/A8vGj0FXRpANQAAAABJRU5ErkJggg==') no-repeat center / 100%;
}

.ico_otc.plus {
    display: inline-flex;
    position: relative;
    width: 12px;
    aspect-ratio: 1;
}
.ico_otc.plus::before,
.ico_otc.plus::after {
     content: '';
     position: absolute;
     background-color: #121619;
}
.ico_otc.plus::before {
     top: 5px;
     left: 0;
     width: 100%;
     height: 2px;
}
.ico_otc.plus::after {
     top: 0;
     left: 5px;
     width: 2px;
     height: 100%;
}

.ico_otc.checkbox {
    display: inline-flex;
    width: 20px;
    aspect-ratio: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.2s, border-color 0.2s;
}

.check_label:has(:checked) .ico_otc.checkbox {
    border-color: #000;
    background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgBrdNRCoAgEIThoYvVzbabdbQpqEAodHbc/1k/dEWgIJIrqrqw4F1gtgZ7iwVmz4l2VPRzsu+V1cGqmDTYLMYeKmHqQhlTNqSxAXpY2AD1MAH1vxbFl3fReaxBNyQ7AeF3hvds58ndAAAAAElFTkSuQmCC') no-repeat center / 60%;
}

.ico_otc.info {
    width: 16px;
    aspect-ratio: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGlSURBVHgBlVNNTjJBEK0qwnzBT5N2tHVGF84NxBvgCdQTqDfQE4zs3MkNdOtKPAFyAnHnjtmJP5FJNICQqbJ7FDOKqLykk0nV63mvu14jfMG855U4wQ0g2ASBwNYEoIGADSYux61WlOXT8EMZuHq5wkxnLBLzC5Qe727QLhHaZeE6MtZc7R9Z7nAfDjdjvlBDkAYPevuxAXwDpQJF+ZfQOCrJoLv+wbPKrl48gj9iVvsn1knqQHleYK1Jv7v2Vdld8JsiELXvb9ZHnDj9JjNvETGFInLwnW1JJXikHseRqXGFUDaMytKl0roIE8I6tw6tTRlHche80Kzj8X1fCH5G8Es/zUGkfH8FJoTSy0UbMDI3VYVEdmBC5CApmoQ1iETOSXAvm65f1Q0EMeQBlHOdznNU+D/jYc7Z7HaezrPEf/npK0mg3us9fxrl1MzcIUBy3X68PX2PcqDQ6deMpQsedMvjo2wi7xQq5tirwyinU7DBkL6Tpo2cwuWc9rZ1JhtvM186IGeqicLt7DvAURUvoDyE5oxF03z/iUQgUmXBavzQqmf5r0k4yuy5PuQkAAAAAElFTkSuQmCC') no-repeat center;
}

.ico_otc.upload {
    width: 16px;
    aspect-ratio: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE2SURBVHgB7ZRPSsNAFMa/11RdCBJCKIkbxxt4A8cbuHRXu3PpDawn8Aj2JvYI3qC4skgpARELJXnO0CqhmHQySUoX84MH+fN43w+SN4DDUQM/ikQQxveogQdLdHgnoxcQbo6OT2jx9TmGBVYCf+GA0PcESFuJygKb4b/YSlQSyIcz45UIC/0YzCMQXdhIGAtshvPy+4q8gzv9KuvSNaWcKAlZVaJj0vRfeKLI98xn00dkPFwN5Qe/dzo0mW0k4KX0XBZeKBFGctvsLgxIlzygQ3pS4YOi8LxEEEbI1HUym47RJkEvnqhiP47PYInRJ2gTJ7B3AkLVrSqJ5pHr2QIlArpJ73wfzdNfz74sE9g5RgdREfOP93PUxG3B3v4DAquVaRKBCgIS7ZwFWwUmqkZolzc4HDl+AL7TeZT2UBxpAAAAAElFTkSuQmCC') no-repeat center / 100%;
}

.ico_otc.step_done {
    width: var(--_gutter-80);
    aspect-ratio: 1;
    background: url('data:image/png;base64,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') no-repeat center / 100%;
}

/* Form */
html:has(.service_otc) .other_input {
    display: none;
    margin-top: var(--_gutter-8);
}

.service_otc .align_right {
    text-align: right;
}

.service_otc .file_list {
    display: flex;
    flex-direction: column;
    gap: var(--_gutter-8);
    margin-top: var(--_gutter-8);
}

.service_otc .file_list li p {
    display: flex;
    align-items: center;
    font-size: var(--_font-size-14);
}

.service_otc .form_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_gutter-8);
}

.service_otc .form_wrap:has(.check_label.type2) {
    gap: var(--_gutter-8) 4px;
}

.service_otc .textfield {
    flex-grow: 1;
    padding: 0 0.75em;
    border: 1px solid #ddd;
    border-radius: 0;
    height: var(--_gutter-44);
    color: inherit;
    line-height: normal;
    font-size: var(--_font-size-16);
}

.service_otc .textfield.w_240 {
    flex-grow: 0;
    width: 240px;
}

.service_otc textarea.textfield {
    padding: 0.75em;
    min-height: 7lh;
    line-height: 1.4;
}

.service_otc .textfield::placeholder {
    color: #A8A8A8;
    font-size: var(--_font-size-14);
}

.service_otc .select {
    padding: 0 calc(0.75em + 16px + 0.75em) 0 0.75em;
    border: 1px solid #ddd;
    width: 100%;
    min-width: 140px;
    height: var(--_gutter-44);
    color: inherit;
    line-height: normal;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA9SURBVHgB7YwxDgAgCAP5OfxcHRiMUZCGDZp0uzuiXupED3O8PpyIKMMvwIq4shX5lm+RsHxGIHmPwHKVTedIFeu9K744AAAAAElFTkSuQmCC') no-repeat calc(100% - 0.8em) center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--_font-size-16);
}

.service_otc .form_wrap .select {
    display: inline-flex;
    flex-grow: 1;
}

.service_otc .form_wrap:has(> .textfield) > .select {
    width: 140px;
    flex-grow: 0;
}

.service_otc .txt_label {
    line-height: normal;
    font-size: var(--_font-size-14);
}

.service_otc .txt_label a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.service_otc .form_desc {
    margin-top: var(--_gutter-16);
    color: #838383;
    font-size: var(--_font-size-14);
}

.service_otc .check_label :is([type='checkbox'], [type='radio']) {
    display: none;
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    border: 1px solid #000;
    line-height: 22px;
    transition: color 0.2s, background-color 0.2s;
    font-size: var(--_font-size-16);
    white-space: nowrap;
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)) .txt_label + .ico_otc {
    margin-left: var(--_gutter-8);
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)).type2 {
    padding: 0.5em 1em;
    border-radius: 999em;
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)):has(:checked) {
    color: #fff;
    background-color: #000;
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)):has(:checked) .ico_otc.tooltip {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIHSURBVHgBxVcLccMwDFV2AxAGC4OFQctgY7Ay2CCUQcogZdANQToEKYOEQcrgTV7tRnFz/jW7vTudW1uSLeXZsjMKBICcm1eWFUvJUrDkevjM0rOcWI4sX1mWnWkJ8MQFS8UyIA61sqVUqIhZdpbThuWdpdQZkborPdZYNpXUjYm6S41G29fCvgu219F1wrCkRFiB+H1ZBnV06uZ9qs9z8GZCK5rJD7Qw2OdeLCKfU9g5Fe5fgAywsgcLQZgiwNEWU5K2IUTV/LqdByNja48De3fYGHxEE3NVMqLQ6Duhqxy9aKlFf0f+IMxic9Wx0R2Nx1Cmr54Zb8T42uPL6L490OVsV/gkNyQx9zPjR/H7idwwc60f6VJYFE4uCy4uR9U4VArxuyc3vnVbEsYik7z12PYjlANa3/BuIGNFicC0YHUIPPOv896zAIynm0KLuIJ1XUDSJxC753dXxNjbn6DVf6KqHsYCA0RePNQ2NVlT29Cwf0Vp6HmH9BSHZ92egg8iGzqNT0ooEhAHkXE0pKQyBZgWvtx0VoZMEY62euFtDH8wV/isVXmdCRIZBF1g4Cr7IgsdPFvKchSUObguJDMKIQ43mkwVAriD6b0wJ0dkZhEHYLFL6V5MXvgM7Gt5QYlA6hUf//kwEU5yjMQ0aHB5fq1x+zQrsdTTzBNNCAYEkjOjQOCPnuc/M2/ClOd5YwsAAAAASUVORK5CYII=');
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)):has(.tooltip_layer) {
    position: relative;
}

.service_otc .check_label:not(:has(.ico_otc.checkbox)) .tooltip_layer {
    width: 110%;
    bottom: calc(1lh + 2em + 20px);
}

.service_otc .tooltip_layer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 6px 8px;
    font-size: 13px;
    color: #555;
    border: 1px solid #444;
    background-color: #fff;
    display: none;
    animation: tooltip_hide 0.25s;
    white-space: normal;
    line-height: 1.4;
}

.service_otc .tooltip_layer::before,
.service_otc .tooltip_layer::after {
     content: "";
     position: absolute;
     bottom: -8px;
     left: calc(50% - 8px);
     width: 0;
     border: 8px solid transparent;
     border-top-color: #000;
     border-bottom: 0;
 }

.service_otc .tooltip_layer::after {
     bottom: -7px;
     border-top-color: #fff;
}

.service_otc .ico_otc.tooltip:hover + .tooltip_layer {
    display: block;
    animation: tooltip_show 0.25s;
}

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

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

.service_otc .check_label:has(.ico_otc.checkbox) {
    display: inline-flex;
    align-items: center;
    font-size: var(--_font-size-16);
}
.service_otc .check_label:has(.ico_otc.checkbox) .checkbox + .txt_label {
    color: #555;
    margin-left: var(--_gutter-8);
}

.service_otc .file_label [type='file'] {
    display: none;
}

.service_otc .file_label .txt_label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0.5em 1.15em;
    font-size: var(--_font-size-14);
    background-color: #ddd;
}

input.datepicker_expected {
    background-image: none;
}

.otc_form {
    display: grid;
    gap: var(--_gutter-16);
}

.otc_form .form_row {
    display: grid;
    grid-template-columns: var(--_gutter-120) 1fr;
    gap: var(--_gutter-32);
}

.en .otc_form .form_row {
    grid-template-columns: var(--_gutter-120) 1fr;
}

.otc_form .form_lbl {
    display: flex;
    align-items: center;
    font-size: var(--_font-size-16);
    line-height: 1.3;
}

.otc_form .form_lbl.align_start {
    align-items: start;
}

.otc_form .required {
    flex-shrink: 0;
    width: 9px;
    height: 22px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAsCAYAAABovuiKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEySURBVHgB7ZLNUcMwEIWfbGcYOLkDXII7gA6ACnAqwFwIcHFyIfhIB6YCkgowFZAOSAm+MWRiLSv5ZwyxnRxyyug7rbxPz6snAQbDISL6mvIB7wR4UmI4iJH2aa2uBo3gsck5l54QuMYWLOwJpypWj/Bt4GyVY34cY9kmphDu+gi+sHDqTPHa7NUZcR5fKo/y44IIMy7G5Toloc0vQXCLDQjtGC8bE7EwY1FRAz7v9uueyor+TWexvm0ixfoegSVwQerPrWfTUyWsScUUH51GFTovwif+KhP7CUN0sHFrKlCH8NYwyMppgvwO4c5G8gTjRugzmeOqbtqIvkdFr9eIIr4Rwk25XP5I3OoXTcXtMe5AINpqJCbI+BUv1HG4EVTvyX7GhM0SfUyJOQwGg8Fg2Cu/049a/++bzzAAAAAASUVORK5CYII=') no-repeat center / 100%;
}

.otc_form .form_lbl br + .required {
    align-self: start;
}


/* Sticky Nav */
.otc_sticky_nav {
    --_top-offset: 56px;
    --_nav-gap: 0.5em;

    position: sticky;
    top: var(--_top-offset);
    z-index: 2;
    padding: calc(1em / 2) calc(1em / 2);
    font-size: var(--_font-size-16);
}

.otc_sticky_nav .nav_wrap {
    display: flex;
    justify-content: center;
    transition: gap 0.2s;
    padding: calc(1.1em / 2) calc(1em / 2);
}

.otc_sticky_nav ul {
    display: flex;
    align-items: center;
    gap: var(--_nav-gap);
    background-color: #fff;
    transition: border-radius 0.2s, box-shadow 0.2s;
}

.otc_sticky_nav li {
    display: flex;
    align-items: center;
    gap: var(--_nav-gap);
}

.otc_sticky_nav li:not(:first-child:not(:only-child))::before {
    content: '';
    opacity: 1;
    width: 1px;
    height: 1.25em;
    background-color: #c4c4c4;
}

.otc_sticky_nav li.active a {
    color: #fff;
    background-color: #000;
}

.otc_sticky_nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.55em 1em;
    font-size: var(--_font-size-16);
    line-height: normal;
    border-radius: 999rem;
    transition: color 0.2s, background-color 0.2s;
    white-space: nowrap;
}

.otc_sticky_nav:has(.active) .nav_wrap {
    gap: var(--_nav-gap);
}

.otc_sticky_nav:has(.active) ul {
    padding: 2px 3px;
    border-radius: 999rem;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.otc_sticky_nav:has(.active) li:first-child::before {
    display: none;
}


/*
    Section
    otc_sec1: 키비쥬얼
    otc_sec2: OTC란?
    otc_sec3: CTK OTC 장점
    otc_sec4-1: 개발과정
    otc_sec4-2: 개발과정
    otc_sec5: FAQ
    otc_sec6: 문의하기
*/
[class*='otc_sec'] .inner {
    padding: var(--_gutter-80) var(--_gutter-40);
}

[class*='otc_sec'] .inner .cont_wrap {
    margin: auto;
}

[class*='otc_sec'] .inner .sec_tit {
    display: grid;
    gap: var(--_gutter-8);
    text-align: center;
    margin: 0 auto var(--_gutter-24);
    text-transform: none;
}

[class*='otc_sec'] .inner .sec_tit .tit {
    color: #121619;
    font-size: var(--_font-size-36);
    font-weight: 600;
    line-height: 1.2;
}

[class*='otc_sec'] .inner .sec_tit p {
    color: #555;
    font-size: var(--_font-size-16);
    font-weight: 400;
    line-height: 1.4;
}

[class*='otc_sec'] .inner .cont_wrap ~ .sec_tit {
    margin: var(--_gutter-60) auto var(--_gutter-40);
}

[class*='otc_sec'] .inner .btn_group {
    margin-top: var(--_gutter-24);
    text-align: center;
}

/* Section 1 */
.otc_sec1 .inner {
    padding: var(--_gutter-15) var(--_gutter-80) var(--_gutter-60);
}

.otc_sec1 .cont_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--_gutter-15);
}

.otc_sec1 .cont1 {
    flex-shrink: 0;
}

.otc_sec1 .cont1 .txt {
    margin-bottom: var(--_gutter-24);
    font-size: var(--_font-size-60);
    font-weight: 700;
    line-height: 1.2;
}

.otc_sec1 .cont1 .txt > div {
    display: grid;
}

.otc_sec1 .cont1 .txt ~ div {
    display: none;
}

.otc_sec1 .cont1 .txt div:has(ul) {
    grid-template-columns: max-content 1fr;
}

.en.pc .otc_sec1 .cont1 .txt {
    margin-bottom: var(--_gutter-16);
    font-size: var(--_font-size-48);
}


.en.pc .otc_sec1 .cont1 .txt ~ div {
    display: block;
    font-size: 16px;
    margin-bottom: 24px;
}

.en.pc .otc_sec1 .cont1 .txt ~ a {
    margin-top: var(--_gutter-24);
}

.en.otc_sec1 .cont1 .txt {
    margin-bottom: var(--_gutter-8);
}

.en.otc_sec1 .cont1 .txt ~ div {
    font-size: var(--_font-size-14);
    margin-bottom: var(--_gutter-24);
}

.otc_sec1 .cont1 ul {
    display: grid;
    overflow: hidden;
    position: relative;
    height: 1lh;
}

.otc_sec1 .cont1 ul::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--_gutter-4);
    background: var(--gradient2);
}

.otc_sec1 .cont1 li {
    display: flex;
    justify-content: center;
    background: var(--gradient2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    grid-area: 1 / 1;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.25s;

}
.otc_sec1 .cont1 li.active {
    opacity: 1;
    transform: translateY(0%);
}
.otc_sec1 .cont1 li.before {
    opacity: 1;
    transform: translateY(-1.2lh);
}

.otc_sec1 .cont2 img {
    margin-left: auto;
}

/* Section 2 */
.otc_sec2 {
    border-top: 1px solid #e1e1e1;
    background-color: #fff3e6;
}

.otc_sec2 .inner {
    padding-bottom: var(--_gutter-40);
}

.otc_sec2 .sec_tit {
    max-width: 1560px;
}

.otc_sec2 .cont_wrap {
    max-width: 1560px;
    padding: var(--_gutter-24) var(--_gutter-24) 0;
}

.otc_sec2 .cont_wrap img {
    width: auto;
}

.otc_sec2 .cont1 {
    position: relative;
    padding-left: var(--_gutter-90);
    padding-bottom: var(--_gutter-52);
    isolation: isolate;
}

.otc_sec2 .cont1 .img_1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;

    width: var(--_gutter-140);
}

.otc_sec2 .cont1 .img_2 {
    width: var(--_gutter-340);
}

.otc_sec2 .cont1 .img_3 {
    width: var(--_gutter-582);
}

.otc_sec2 .cont2 {
    display: flex;
    justify-content: end;
}

.otc_sec2 .cont2.mobile {
    display: none;
}

.otc_sec2 .cont2 .img_4 {
    width: var(--_gutter-750);
}

/* Section 3 */
.otc_sec3 {
    background-color: #f6f7fb;
}

.otc_sec3 .cont_wrap {
    display: grid;
    gap: var(--_gutter-16);
    width: 90%;
    max-width: 1050px;
}

.otc_sec3 .item {
    display: flex;
    gap: var(--_gutter-40);
    background-color: #fff;
}

.otc_sec3 .item .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    padding-left: var(--_gutter-60);
}

.otc_sec3 .item .tit {
    margin-bottom: var(--_gutter-16);
    color: #121619;
    font-size: var(--_font-size-32);
    font-weight: 700;
    line-height: 1.2;
}

.otc_sec3 .item .tit b {
    font-weight: 700;
}

.otc_sec3 .item .desc {
    color: #555;
    font-size: var(--_font-size-18);
}

.otc_sec3 .item .desc a, .otc_sec3 .item .desc u {
    color: #555;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.otc_sec3 .item .desc b {
    font-weight: 700;
}

.otc_sec3 .item .desc + .desc {
    margin-top: var(--_gutter-8);
}

.otc_sec3 .item .sub {
    margin-top: var(--_gutter-16);
    color: #838383;
    font-size: var(--_font-size-14);
}

.otc_sec3 .item .sub .btn_ico {
    display: inline-flex;
    vertical-align: top;
    position: relative;
    top: 1px;
}

.otc_sec3 .item .sub b:first-child {
    color: #444;
}

.otc_sec3 .item .img {
    flex-shrink: 0;
    display: grid;
    place-content: center;
    width: var(--_gutter-400);
    aspect-ratio: 1;
}

.otc_sec3 .item .img img, .otc_sec3 .item .img video {
    width: 100%;
    object-fit: cover;
}

/* Section 4-1 */
.otc_sec4-1 .cont_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--_gutter-40);
    max-width: 1640px;
    padding: 0 var(--_gutter-60);
}

.otc_sec4-1 .item .img img {
    width: 100%;
    object-fit: cover;
}

.otc_sec4-1 .item .tit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_gutter-8);
    margin: var(--_gutter-16) 0 var(--_gutter-8);;
    color: #121619;
    font-size: var(--_font-size-24);
    line-height: 1.2;
}

.otc_sec4-1 .item .tit span {
    color: #838383;
    font-size: var(--_font-size-16);
}

.en .otc_sec4-1 .item .tit span {
    display: none;
}

.otc_sec4-1 .item .desc {
    color: #555;
    font-size: var(--_font-size-16);
}

/* Section 4-2 */
.otc_sec4-2 .inner .cont_wrap1 {
    max-width: 1640px;
    margin-top: var(--_gutter-40);
}

.otc_sec4-2 .inner .cont_wrap2 {
    display: grid;
    gap: var(--_gutter-60);
    width: 90%;
    max-width: 1160px;
}

.otc_sec4-2 .item {
    display: flex;
    gap: var(--_gutter-40);
}

.otc_sec4-2 .item .img {
    flex-shrink: 0;
    width: var(--_gutter-480)
}

.otc_sec4-2 .item:nth-child(even) .img {
    order: 1;
}

.otc_sec4-2 .item .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    gap: var(--_gutter-16);
}

.otc_sec4-2 .item .tit {
    color: #121619;
}

.otc_sec4-2 .item .tit:not(:has(.step + br)) {
    display: flex;
    align-items: center;
    gap: var(--_gutter-16);
}

.otc_sec4-2 .item .tit:not(:has(.step + br)) b {
    margin-top: 0;
}

.otc_sec4-2 .item .step {
    padding: 0 var(--_gutter-8);
    border: 1px solid #000;
    border-width: 0 1px;
    font-size: var(--_font-size-24);
    font-weight: 500;
    white-space: nowrap;
}

.otc_sec4-2 .item .tit b {
    font-size: var(--_font-size-32);
    font-weight: 700;
}

.otc_sec4-2 .item .desc {
    color: #444;
    font-size: var(--_font-size-16);
    line-height: 1.6;
}

.otc_sec4-2 .item .desc b:first-child {
    color: #121619;
    font-weight: 700;
}

.otc_sec4-2 .item .desc:nth-child(3) ~ .desc {
    margin-top: calc(var(--_gutter-8) * -1);
}

/* Section 5 */
.otc_sec5 .cont_wrap {
    max-width: 1440px;
}

.otc_faq {
    border-bottom: 1px solid #e1e1e1;
}

.otc_faq dt {
    position: relative;
    border-top: 1px solid #e1e1e1;
}

.otc_faq dt a {
    display: block;
    padding: var(--_gutter-16) calc(var(--_gutter-40) + 12px + var(--_gutter-20)) var(--_gutter-16) 0;
    font-size: var(--_font-size-20);
    font-weight: 500;
    color: #121619;
    line-height: 1.2;
}

.otc_faq dt:first-child {
    border-color: #121619;
}

.otc_faq dt .ico_otc.plus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--_gutter-20);
    z-index: -1;
}

.otc_faq dt .ico_otc.plus::before,
.otc_faq dt .ico_otc.plus::after {
    transition: rotate 0.2s, opacity 0.2s;
}

.otc_faq dt.active .ico_otc.plus::before {
    rotate: 180deg;
}

.otc_faq dt.active .ico_otc.plus::after {
    opacity: 0;
    rotate: 90deg;
}

.otc_faq dd {
    display: grid;
    grid-template-rows: 0fr;
    color: #555;
    font-size: var(--_font-size-16);
    transition: padding 0.2s, grid-template-rows 0.2s;
}

.otc_faq dd > div {
    overflow: hidden;
}

.otc_faq dd a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.otc_faq .active + dd {
    grid-template-rows: 1fr;
    padding-bottom: 1em;
    padding-right: calc(var(--_gutter-40) + 12px + var(--_gutter-20));
}

/* Section 6 */
.otc_sec6 .sec_tit_visual {
    position: relative;
    margin-bottom: var(--_gutter-80);
    text-align: center;
}

.otc_sec6 .sec_tit_visual::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 38%;
    max-width: 600px;
    aspect-ratio: 3 / 1;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    background-color: #fd9;
    filter: blur(60px);
    opacity: 0.32;
}

.otc_sec6 .sec_tit_visual .tit {
    font-family: 'itc-avant-garde-gothic-pro';
    color: #121619;
    font-size: var(--_font-size-64);
    font-weight: 500;
    line-height: 1.2;
}

.otc_sec6 .sec_tit_visual img {
    width: 25%;
    margin: 0 auto var(--_gutter-16);
}

.otc_sec6 .inner {
    padding-bottom: var(--_gutter-100);
}

.otc_sec6 .cont_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--_gutter-32);
    max-width: 1252px;
    padding-top: var(--_gutter-60);
}

.otc_sec6 .cont1 {
    flex-grow: 999;
    width: 296px;
}

.otc_sec6 .cont1 .tit {
    margin-bottom: var(--_gutter-8);
    font-size: var(--_font-size-32);
    font-weight: 700;
}

.otc_sec6 .cont1 .desc {
    margin-bottom: var(--_gutter-40);
    color: #555;
    font-size: var(--_font-size-14);
}

@media (max-width: 1000px) {
    .otc_sec6 .cont1 .desc {
        margin-bottom: 0;
    }
}

.otc_sec6 .cont1 ol {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--_gutter-24);
    margin-left: 4px;
}

.otc_sec6 .cont1 ol::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    width: 2px;
    height: calc(90% - 24px);
    background-color: #000;
}

@media (max-width: 1000px) {
    .otc_sec6 .cont1 ol {
        display: none;
    }
}

.otc_sec6 .cont1 li {
    position: relative;
    color: #555;
    padding-left: 36px;
    font-size: var(--_font-size-16);
}

.otc_sec6 .cont1 li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    aspect-ratio: 1 / 1;
    background-color: #000;
    border-radius: 100%;
}

.otc_sec6 .cont1 li.done::before {
    background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgBrdNRCoAgEIThoYvVzbabdbQpqEAodHbc/1k/dEWgIJIrqrqw4F1gtgZ7iwVmz4l2VPRzsu+V1cGqmDTYLMYeKmHqQhlTNqSxAXpY2AD1MAH1vxbFl3fReaxBNyQ7AeF3hvds58ndAAAAAElFTkSuQmCC') no-repeat center / 50%;
}

.otc_sec6 .cont1 li b {
    color: #000;
    font-size: var(--_font-size-14);
    font-weight: 700;
    line-height: 1.2;
}

.otc_sec6 .cont2 {
    flex-shrink: 0;
    flex-grow: 1;
    display: grid;
    gap: var(--_gutter-40);
    width: 620px;
    padding-top: var(--_gutter-47);
}
@media (max-width: 1000px) {
    .otc_sec6 .cont2 {
        padding-top: 0;
    }
}


.otc_sec6 .cont2 .btn_group {
    margin-top: calc(var(--_gutter-8) * -1);
}

.otc_sec6 .cont2 .btn_group .btn {
    padding: 0.875em 1.5em;
}

.otc_sec6 .step {
    display: grid;
    gap: var(--_gutter-16);
}

.otc_sec6 .step .notice_comm {
    width: 100%;
    font-size: var(--_font-size-14);
}

.otc_sec6 .step .form_col > .notice_comm {
    margin-top: var(--_gutter-16);
}

.otc_sec6 .step_tit b {
    display: block;
    width: max-content;
    margin-bottom: var(--_gutter-8);
    padding: 0.1em 0.5em;
    color: #fff;
    font-size: var(--_font-size-16);
    border-radius: 999em;
    background-color: #000;
    line-height: normal;
}

.otc_sec6 .step_tit .tit {
    font-size: var(--_font-size-24);
    font-weight: 500;
    line-height: 1.2;
}

.otc_sec6 .step1 .check_label {
    flex: 1;
    min-width: 135px;
}

.otc_sec6 .step4 .tit {
    font-weight: 700;
}

.otc_sec6 .step4 .form_wrap ~ .form_wrap {
    margin-top: var(--_gutter-8);
    color: #121619;
}

.otc_sec6 .step4 .form_wrap ~ .form_wrap b,
.otc_sec6 .step4 .form_wrap ~ .form_wrap span {
    color: #121619;
}

/* Modal */
.popup_comm:is([class*='otc_'], [class*='_otc'], [class*='privacy_popup']) > .inner {
    /* padding: var(--_gutter-16) var(--_gutter-16) var(--_gutter-24); */
    padding: 16px 16px 24px;
}

.popup_comm:is([class*='otc_'], [class*='_otc'], [class*='privacy_popup']) .cont {
    /* margin-top: var(--_gutter-40); */
    margin-top: 40px;
}

.txt + .popup_comm:is([class*='otc_'], [class*='_otc'], [class*='privacy_popup']) .cont {
    /* margin-top: var(--_gutter-16); */
    margin-top: 16px;
}

.popup_comm:is([class*='otc_'], [class*='_otc'], [class*='privacy_popup']) .popup_close {
    /* top: var(--_gutter-16);
    right: var(--_gutter-16); */
    top: 14px;
    right: 16px;
}
.popup_comm.privacy_popup table {
    border-collapse: separate;
    border-spacing: 2px;
}

.popup_comm:is([class*='otc_'], [class*='_otc'], [class*='privacy_popup']) .ico_comm.close {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE5SURBVHgB7djbCoJAEAbg0b0QsUIkpHoa30x7s3qbLiKCjleaGymbp93Z1amL/UHQGpwPEfcAYIMLEy+ieJN5wTx53i47+EHE/kz8EaBIHYDECxYONa7Z363/yfOiOnXLgvBdSIsCwVI/scf9uvf9GYDjJPya6sk1UaUpOx8P2693jBrXh+LnrFlMhRtCdcIocDJUL2xKnApqEDYFThUlhY2Jw6CUYGPgsChlmAlOB4WC6eB0UTwuIHPiNy4bgNANRkYZJVqu0rA8oAcVxeuiOvrqSGNRFmVR/47idWTTdAyqrkHi0F9+1BfdYIGDGiuxw4zJrEQZpjv26eKUYKYDsg5OChtrloDFMQqUDo5RobA4RonC4Bg1ShXX2h+jnA4P4Vr7Y1QoGa5zf4xs4fCJdIEztMCgiNj/Bbly2WO1JUebAAAAAElFTkSuQmCC') no-repeat center;
    background-size: var(--_gutter-16);
}

.popup_comm:is([class*='otc_'], [class*='_otc'], [class*='privacy_popup']) .ico_comm.close {
    background-size: 16px;
}

.popup_comm.alert_confirm .txt .desc {
    margin-top: var(--_gutter-8);
}

.popup_comm.about_otc_drug {
    max-width: 440px;
}

.popup_comm.about_otc_drug .tit {
    font-weight: 700;
}

.popup_comm.about_otc_drug .cont {
    display: grid;
    gap: 16px;
    margin-top: 20px;
}

.popup_comm.about_otc_drug .desc {
    color: #555;
    font-size: 16px;
}

.popup_comm.about_otc_drug .desc p + p {
    margin-top: 8px;
}

.popup_comm.about_otc_drug .link_txt {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #121619;
    font-size: 14px;
    width: max-content;
    /* text-decoration: underline; */
    /* text-underline-offset: 5px; */
}

.popup_comm.about_otc_drug .link_txt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #121619;
}

.popup_comm.about_otc_drug .link_txt .line_parent_b {
    position: relative;
    top: -1px;
    width: 16px;
    height: auto;
    aspect-ratio: 1;
}

.popup_comm.about_otc_drug .btn {
    margin-top: 24px;
}

.popup_comm.otc_login {
    max-width: 400px;
}

.popup_comm.otc_login .tit {
    margin-bottom: 4px;
    color: #121619;
    font-size: 24px;
    text-align: center;
}

.popup_comm.otc_login .desc {
    display: grid;
    gap: 4px;
    color: #838383;
    font-size: 13px;
    text-align: center;
}

.popup_comm.otc_login .otc_form {
    gap: 0;
    margin-top: 24px;
}

.popup_comm.otc_login .form_row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.popup_comm.otc_login .form_row ~ .popup_comm.otc_login .form_row {
    margin-top: 16px;
}

.popup_comm.otc_login .form_row:has([name*='save']) {
    flex-direction: row;
    gap: 16px;
    margin-top: 14px;
}

.popup_comm.otc_login .form_row .form_lbl {
    color: #121619;
}

.popup_comm.otc_login .txt_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.popup_comm.otc_login .btn_group {
    margin-top: 16px;
}

.popup_comm.otc_login .btn_group .btn {
    width: 100%;
    margin-top: 0;
    padding: 0.75em 3em;
    font-size: 18px;
    text-transform: uppercase;
}

.popup_comm.otc_login .link_group {
    margin-top: 24px;
}

.popup_comm.otc_login .link_group a {
    color: #121619;
    font-size: var(--_font-size-14);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.popup_comm.otc_login .link_group a + a {
    margin-left: var(--_gutter-16);
}

.popup_comm.otc_contact_form {
    max-width: 600px;
}

.popup_comm.otc_contact_form .cont_wrap {
    padding-top: var(--_gutter-8);
}

.popup_comm.otc_contact_form .cont1 .tit {
    font-size: var(--_font-size-24);
}

.popup_comm.otc_contact_form .cont1 .desc {
    margin-bottom: 0;
}

.popup_comm.otc_contact_form .step {
    max-width: 550px;
}

.popup_comm.otc_contact_form .step1 .check_label {
    min-width: max(135px, 40%);
}

.popup_comm.otc_contact_form .tooltip_layer {
    max-width: 100%;
}

.popup_comm.otc_contact_form .cont2 {
    width: auto;
    padding-top: 0;
}

.popup_comm.otc_contact_form .cont2 .step_tit .tit {
    font-size: var(--_font-size-18);
}

.popup_comm.otc_contact_form .step .form_col > .notice_comm {
    margin-top: var(--_gutter-12);
}

.popup_comm.otc_contact_form .form_wrap:has(.select ~ .textfield) .textfield {
    width: 30%;
}

.popup_comm.otc_contact_form .btn_group {
    text-align: center;
}

.popup_comm.otc_contact_form .btn_group .btn {
    padding: 0.875em 1.5em;
    margin-top: var(--_gutter-40);
}

.popup_comm.otc_form_done2 {
    max-width: 600px;
}

.popup_comm.otc_form_done2 .cont1,
.popup_comm.otc_form_done2 .cont2 {
    max-width: calc(100% - 5px);
}

.popup_comm.otc_form_done2 .cont1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--_gutter-16);
    padding-top: var(--_gutter-32);
}

.popup_comm.otc_form_done2 .cont1 .tit {
    color: #121619;
    font-size: var(--_font-size-18);
    font-weight: 700;
}

.popup_comm.otc_form_done2 .cont1 .desc {
    margin-top: -12px;
    text-align: center;
    color: #444;
    font-size: var(--_font-size-14);
}

.popup_comm.otc_form_done2 .cont1 .btn {
    margin: 0;
    padding: 0.7em 1.5em;
}

.popup_comm.otc_form_done2 .cont2 {
    display: flex;
    gap: var(--_gutter-16);
    margin-top: var(--_gutter-40);
}

.popup_comm.otc_form_done2 .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 1;
    padding: var(--_gutter-40) 0;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
}

.popup_comm.otc_form_done2 .item img {
    width: auto;
}

.popup_comm.otc_form_done2 .item .item_tit {
    color: #121619;
    font-size: var(--_font-size-18);
    margin: 8px auto 4px;
}

.popup_comm.otc_form_done2 .item .item_desc {
    color: #838383;
    font-size: var(--_font-size-14);
}

.popup_comm.otc_form_done2 .item:hover {
    border-color: #000;
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.popup_comm.otc_loading {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: max-content;
    margin: 0;
}


/* 사용자재구축 Mobile ************************/
@media (max-width: 768px){
    /* 사용자재구축: html:has(.service_otc) */
    .content .service_otc{
        /* Variables */
        --_font-size-64: 64px;
        --_font-size-60: 60px;
        --_font-size-48: 48px;
        --_font-size-36: 36px;
        --_font-size-32: 32px;
        --_font-size-24: 24px;
        --_font-size-20: 20px;
        --_font-size-18: 18px;
        --_font-size-16: 16px;
        --_font-size-14: 14px;
        --_font-size-13: 13px;
        --_font-size-12: 12px;

        --_gutter-80: 80px;
        --_gutter-60: 60px;
        --_gutter-50: 50px;
        --_gutter-47: 47px;
        --_gutter-40: 40px;
        --_gutter-37: 37px;
        --_gutter-36: 36px;
        --_gutter-32: 32px;
        --_gutter-26: 26px;
        --_gutter-24: 24px;
        --_gutter-20: 20px;
        --_gutter-18: 18px;
        --_gutter-16: 16px;
        --_gutter-15: 15px;
        --_gutter-14: 14px;
        --_gutter-12: 12px;
        --_gutter-10: 10px;
        --_gutter-8: 8px;
    }


    .content .service_otc {
        padding-bottom: 20px;
    }
    .content .popup_comm.service_otc {
        padding-bottom: 0;
    }
    .otc_sec1 .cont1 .txt ~ div {
        display: none;
    }

    .en.mobile_wrap .otc_sec1 .cont1 .txt ~ div {
        display: block;
        font-size: 14px;
        margin-bottom: 24px;
    }

    /* Form */
    .content .otc_form .form_row {
        grid-template-columns: 1fr;
        gap: var(--_gutter-8);
    }

    .content .otc_form .form_lbl br {
        display: none;
    }

    .content .textfield,
    .content .select {
        min-height: 44px;
    }

    /* Button */
    .content .service_otc .btn {
        padding: 0.625em 0.75em;
    }

    .content .service_otc .btn:has(.ico_comm) {
        padding-right: 1em;
    }

    /* Sticky nav */
    .content .otc_sticky_nav {
        --_nav-gap: 4px;

        padding: 0;
    }

    .otc_sticky_nav:has(.active) ul {
        box-shadow: none;
        border-radius: 0;
    }

    .content .otc_sticky_nav li.active a {
        color: #000;
        background-color: #fff;
        border-radius: 0;
    }

    .content .otc_sticky_nav a {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.375em 1em;
        font-size: var(--_font-size-16);
        line-height: normal;
        border-radius: 999rem;
        transition: color 0.2s, background-color 0.2s;
        white-space: nowrap;
    }

    .content .otc_sticky_nav:has(.active) .nav_wrap {
        padding-top: var(--_gutter-8);
    }

    .content .otc_sticky_nav:has(.active) a {
        /* padding: 0.58em 1.33em; */
        font-size: 16px;
    }

    .content .otc_sticky_nav .nav_wrap {
        overflow-x: auto;
        justify-content: start;
        padding-left: var(--_gutter-20);
        padding-right: var(--_gutter-20);
    }

    .content .otc_sticky_nav .nav_wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .content .otc_sticky_nav a {
        padding-top: 0.375em;
        padding-bottom: 0.375em;
    }

    .content .otc_sticky_nav ul + ul {
        margin-left: 0;
    }

    .content [class*='otc_sec'] .inner {
        padding: var(--_gutter-40) var(--_gutter-20);
    }

    .content [class*='otc_sec'] .inner .sec_tit {
        text-wrap: balance;
    }

    .content [class*='otc_sec'] .inner .sec_tit .cont_wrap ~ .sec_tit {
        margin: var(--_gutter-80) auto var(--_gutter-24);
    }

    .content [class*='otc_sec'] .inner .sec_tit .tit {
        font-size: var(--_font-size-20);
    }

    .content [class*='otc_sec'] .inner .sec_tit p {
        font-size: var(--_font-size-14);
    }

    .en .content [class*='otc_sec'] .inner .sec_tit {
        text-transform: unset;
    }

    .content [class*='otc_sec'] .inner .btn_group {
        margin-top: 24px;
    }
    input.datepicker_expected {
        padding-right: 32px;
        background-image: url('/v2/img/ico_date.png');
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: right 12px center;
    }

    /* Section 1 */
    .content .otc_sec1 .inner {
        padding: var(--_gutter-32) 27.5px var(--_gutter-24);
    }

    .content .otc_sec1 .cont_wrap  {
        flex-direction: column;
        gap: var(--_gutter-37);
    }

    .content .otc_sec1 .cont1 {
        text-align: center;
    }

    .content .otc_sec1 ul::before {
        height: 2px;
    }

    .content .otc_sec1 .txt {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: var(--_font-size-24);
    }

    .content .otc_sec1 .txt div:has(ul) {
        white-space: nowrap;
    }
    .content .otc_sec1 .cont1 .txt {
        font-size: var(--_font-size-24);
    }
    .content .otc_sec1 .cont2 img {
        margin: auto;
    }

    /* Section 2 */
    .content .otc_sec2 .sec_tit .tit {
        font-weight: 700;
    }

    .content .otc_sec2 .cont_wrap {
        padding: 0;
    }

    .content .otc_sec2 .cont1 {
        margin-bottom: var(--_gutter-24);
        padding-left: 45px;
        padding-bottom: 20px;
    }

    .otc_sec2 .cont2.desktop {
        display: none;
    }

    .otc_sec2 .cont2.mobile {
        display: flex !important;
    }
    

    /* Section 3 */
    .content .otc_sec3 .cont_wrap {
        width: unset;
    }

    .content .otc_sec3 .item {
        flex-direction: column;
        gap: 0;
    }

    .content .otc_sec3 .info {
        padding: var(--_gutter-24) var(--_gutter-16);
    }

    .content .otc_sec3 .item .tit {
        margin-bottom: var(--_gutter-8);
        font-size: var(--_font-size-24);
        text-wrap: balance;
    }

    .content .otc_sec3 .item .tit b {
        font-weight: 600;
    }

    .content .otc_sec3 .desc {
        font-size: var(--_font-size-16);
    }

    .content .otc_sec3 .desc br {
        display: none;
    }

    .content .otc_sec3 .img {
        display: block;
        width: 100%;
        max-width: 100%;
        aspect-ratio: auto;
    }

    .content .otc_sec3 .img img {
        max-width: 100%;
    }

    /* Section 4-1 */
    .content .otc_sec4-1 .cont_wrap {
        grid-template-columns: 1fr;
        gap: var(--_gutter-32);
        padding: 0;
    }

    .content .otc_sec4-1 .item {
        text-align: center;
    }

    .content .otc_sec4-1 .item .img {
        width: 35.83%;
        margin: auto;
    }

    .content .otc_sec4-1 .item .img img {
        margin: auto;
        max-width: 100%;
    }

    .content .otc_sec4-1 .item .tit {
        justify-content: center;
        margin-bottom: 4px;
    }

    .content .otc_sec4-1 .item .tit b {
        display: none;
    }

    .content .otc_sec4-1 .item .tit span {
        color: #000;
        font-weight: 600;
        font-size: var(--_font-size-18);
    }

    .content .otc_sec4-1 .item .desc {
        color: #555;
        font-size: var(--_font-size-14);
        text-wrap: balance;
    }

    /* Section 4-2 */
    .content .otc_sec4-2 .cont_wrap {
        margin-top: 0;
    }

    .content .otc_sec4-2 .cont_wrap1 .img {
        margin: auto;
    }

    .content .otc_sec4-2 .cont_wrap1 .img img {
        max-width: 100%;
    }

    .content .otc_sec4-2 .cont_wrap2 {
        width: 100%;
    }

    .content .otc_sec4-2 .item {
        flex-direction: column;
        gap: var(--_gutter-16);
    }

    .content .otc_sec4-2 .item .img {
        width: 100%;
        margin: auto;
    }

    .content .otc_sec4-2 .item .img img {
        max-width: 100%;
    }

    .content .otc_sec4-2 .item:nth-child(even) .img {
        order: 0;
    }

    .content .otc_sec4-2 .item .step {
        font-weight: 600;
        font-size: var(--_font-size-16);
    }

    .content .otc_sec4-2 .item .tit {
        display: flex;
        align-items: center;
        gap: var(--_gutter-16);
        line-height: 1.2;
    }

    .en .content .otc_sec4-2 .item .tit {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .content .otc_sec4-2 .item .tit b {
        font-weight: 600;
        font-size: var(--_font-size-20);
    }

    .content .otc_sec4-2 .item .tit br {
        display: none;
    }

    .content .otc_sec4-2 .item .tit:is(.en.item:first-child .tit) {
        display: block;
    }

    .content .otc_sec4-2 .item .tit:is(.en.item:first-child .tit) br {
        display: block;
    }

    .content .otc_sec4-2 .item .tit:is(.en.item:first-child .tit) b {
        display: block;
        margin-top: 8px;
    }

    .content .otc_sec4-2 .item .desc {
        line-height: 1.4;
    }

    .content .otc_sec4-2 .item .desc ~ .desc {
        margin-top: 0;
    }

    /* Section 5 */
    .content .otc_faq dt a {
        font-size: var(--_font-size-16);
        font-weight: 500;
        padding: var(--_gutter-12) calc(var(--_gutter-8) + 12px + var(--_gutter-12)) var(--_gutter-12) var(--_gutter-12);
    }

    .content .otc_faq dt .ico_otc.plus {
        right: var(--_gutter-12);
    }

    .content .otc_faq dd {
        padding: 0;
        font-size: var(--_font-size-14);
    }

    .content .otc_faq .active + dd {
        padding-bottom: var(--_gutter-12);
    }

    .content .otc_faq dd > div {
        margin: 0 var(--_gutter-12);
    }

    /* Section 6 */
    .content .otc_sec6 .sec_tit_visual {

        margin: 15.45px 9px 53.55px 10px;
    }

    .content .otc_sec6 .sec_tit_visual::before {
        width: 94.33%;
        aspect-ratio: 316 / 120;
    }

    .content .otc_sec6 .sec_tit_visual img {
        width: 75.95%;
        max-width: 100%;
    }

    .content .otc_sec6 .sec_tit_visual .tit {
        font-weight: 600;
        font-size: var(--_font-size-24);
    }

    .content .otc_sec6 .cont_wrap {
        gap: var(--_gutter-24);
        padding-top: var(--_gutter-40);
    }

    .content .otc_sec6 .cont1 {
        width: 100%;
    }

    .content .otc_sec6 .cont1 .tit {
        font-size: var(--_font-size-20);
    }

    .content .otc_sec6 .cont1 .desc br:not(:first-of-type) {
        display: none;
    }

    .content .otc_sec6 .cont2 {
        width: 100%;
    }

    .content .otc_sec6 .cont2 .step_tit .tit {
        font-weight: 600;
        font-size: var(--_font-size-18);
    }

    .content .otc_sec6 .cont2 .otc_form .textfield {
        flex-grow: 1;
    }

    .content .otc_sec6 .cont2 .step .form_col > .notice_comm {
        margin-top: var(--_gutter-12);
    }

    .content .otc_sec6 .cont2 .step1 .check_label {
        min-width: 100%;
        min-height: 56px;
    }

    .content .otc_sec6 .cont2 .step2 .textfield {
        width: 100%;
    }

    .content .otc_sec6 .cont2 .step2 i:not([class]):empty {
        display: none;
    }

    .content .otc_sec6 .cont2 .step2 .form_wrap:has(.check_label .ico_comm) {
        row-gap: var(--_gutter-16);
    }
    .content .otc_sec6 .cont2 .step4 textarea.textfield {
        margin-top: -4px;
    }

    .content .otc_sec6 .cont2 .step4 .notice_comm {
        margin-top: var(--_gutter-8);
    }

    .content .otc_sec6 .cont2 .step4 .form_wrap ~ .form_wrap {
        margin-top: var(--_gutter-24);
    }

    .content .otc_sec6 .cont2 .form_wrap:has(.select ~ .textfield) .textfield {
        width: 30%;
    }

    .content .otc_sec6 .cont2 .btn_group {
        margin-top: -8px;
    }

    .content .otc_sec6 .cont2 .btn_group .btn {
        padding: 0.75em 1.5em;
    }

    /* Modal */
    .popup_comm.otc_contact_form .otc_sec6 .cont_wrap {
        padding-top: 0;
    }

    .popup_comm.otc_contact_form .btn_group .btn {
        width: 100%;
    }

    .popup_comm.otc_form_done2 .ico_otc.step_done {
        width: 60px;
    }

    .popup_comm.otc_form_done2 .cont2 {
        flex-direction: column;
    }

    .popup_comm.otc_form_done2 .item {
        padding: 33.5px 0;
    }
}
/* Image max-width */
img[src*='/service_otc/OTC_'] {
    --_image-max-width: 100%;
    max-width: min(calc(var(--_image-max-width) / 2 * 1px), 100%);
}

img[src$='PopupImage1_ko.png'],
img[src$='PopupImage2_ko.png'] {
    --_image-max-width: 160;
}

img[src$='Section1Image1_ko.png'] {
    --_image-max-width: 1246;
}

img[src$='Section2Image1_ko.png'] {
    --_image-max-width: 280;
}

img[src$='Section2Image1_ko_m.png'] {
    --_image-max-width: 120;
}

img[src$='Section2Image2_en.png'],
img[src$='Section2Image2_ko.png'] {
    --_image-max-width: 679;
}

img[src$='Section2Image2_en_m.png'],
img[src$='Section2Image2_ko_m.png'] {
    --_image-max-width: 263;
}

img[src$='Section2Image3_en.png'],
img[src$='Section2Image3_ko.png'] {
    --_image-max-width: 1164;
}

img[src$='Section2Image3_en_m.png'],
img[src$='Section2Image3_ko_m.png'] {
    --_image-max-width: 498;
}

img[src$='Section2Image4_en.png'],
img[src$='Section2Image4_ko.png'] {
    --_image-max-width: 1500;
}

img[src$='Section2Image4_en_m.png'],
img[src$='Section2Image4_ko_m.png'] {
    --_image-max-width: 644;
}

img[src$='Section3Image1_ko.png'],
img[src$='Section3Image2_ko.png'],
img[src$='Section3Image3_ko.png'],
img[src$='Section3Image4_ko.png'],
img[src$='Section3Image5_ko.png'],
img[src$='Section3Image6_ko.png'] {
    --_image-max-width: 800;
}

img[src$='Section3Image1_ko_m.png'],
img[src$='Section3Image2_ko_m.png'],
img[src$='Section3Image3_ko_m.png'],
img[src$='Section3Image4_ko_m.png'],
img[src$='Section3Image5_ko_m.png'],
img[src$='Section3Image6_ko_m.png'] {
    --_image-max-width: 670;
}

img[src$='Section4-1Image1_ko.png'],
img[src$='Section4-1Image2_ko.png'],
img[src$='Section4-1Image3_ko.png'] {
    --_image-max-width: 960;
}

img[src$='Section4-1Image1_ko_m.png'],
img[src$='Section4-1Image2_ko_m.png'],
img[src$='Section4-1Image3_ko_m.png'] {
    --_image-max-width: 240;
}

img[src$='Section4-2Image0_ko.png'],
img[src$='Section4-2Image0_en.png'] {
    --_image-max-width: 3280;
}

img[src$='Section4-2Image0_ko_m.png'],
img[src$='Section4-2Image0_en_m.png'] {
    --_image-max-width: 676;
}

img[src$='Section4-2Image1_ko.png'],
img[src$='Section4-2Image2_ko.png'],
img[src$='Section4-2Image3_ko.png'],
img[src$='Section4-2Image4_ko.png'],
img[src$='Section4-2Image5_ko.png'],
img[src$='Section4-2Image6_ko.png'] {
    --_image-max-width: 960;
}

img[src$='Section6Image1_ko.png'] {
    --_image-max-width: 468;
}

/*for otc_form_done, otc_duplicate cancel button  - 250312 jrp*/
.otc_popup_close_btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 60px !important;
}