@charset "UTF-8";

@font-face {
    font-family: Pretendard;
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url(/front/assets/common/fonts/Pretendard-Bold.woff2) format("woff2"), url(/front/assets/common/fonts/Pretendard-Bold.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url(/front/assets/common/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(/front/assets/common/fonts/Pretendard-SemiBold.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url(/front/assets/common/fonts/Pretendard-Medium.woff2) format("woff2"), url(/front/assets/common/fonts/Pretendard-Medium.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url(/front/assets/common/fonts/Pretendard-Regular.woff2) format("woff2"), url(/front/assets/common/fonts/Pretendard-Regular.woff) format("woff")
}

.selectric {
    min-width: 10rem;
    width: 100%;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    box-sizing: border-box
}

.selectric .label {
    height: 2.85rem;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #b8b8b8;
    font-weight: 500;
    box-sizing: border-box;
    padding: 0 1rem 0 1rem !important;
    margin: 0 !important
}

.selectric .button {
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,8l-5,5L5,8'/%3E%3C/svg%3E")
}

.selectric .button::after {
    content: initial !important;
    display: none
}

.inputSelect.error .selectric {
    border: 1px solid red
}

.inputSelect.success .selectric {
    border: 1px solid #44d3e8
}

.dark .selectric {
    min-width: 10rem;
    width: 100%;
    background-color: #111;
    border: 1px solid #666;
    border-radius: 4px;
    box-sizing: border-box
}

.dark .selectric .label {
    height: 2.85rem;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #fff;
    font-weight: 500;
    padding: 0 1rem 0 1rem !important;
    margin: 0 !important
}

.dark .selectric .button {
    background-size: contain;
    background-color: #111;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,8l-5,5L5,8'/%3E%3C/svg%3E")
}

.dark .selectric .button::after {
    content: initial !important;
    display: none
}

.selectric-open .selectric {
    border: 1px solid #111 !important
}

.selectric-open .selectric .button {
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5,13l5-5l5,5'/%3E%3C/svg%3E%0A")
}

.dark .selectric-open .selectric {
    border: 1px solid #666 !important
}

.dark .selectric-open .selectric .button {
    background-position: center;
    background-color: #111;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5,13l5-5l5,5'/%3E%3C/svg%3E%0A")
}

.selectric-focus .selectric {
    border: 1px solid #666 !important
}

.selectric-hover .selectric {
    border: 1px solid #111 !important
}

.error .selectric-hover .selectric {
    border: 1px solid red !important
}

.dark .selectric-hover .selectric {
    border: 1px solid #666 !important
}

.selectric-below .selectric .label {
    height: 2.85rem;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #111;
    font-weight: 500;
    padding-left: 1rem !important
}

.dark .selectric-below .selectric .label {
    height: 2.85rem;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #fff;
    font-weight: 500;
    padding-left: 1rem !important
}

.selectric-items {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    box-shadow: none
}

.selectric-items .selectric-scroll {
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto
}

.selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 7px
}

.selectric-items .selectric-scroll::-moz-scrollbar {
    width: 7px
}

.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 20px
}

.selectric-items .selectric-scroll::-moz-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 20px
}

.selectric-items .selectric-scroll::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.selectric-items .selectric-scroll::-moz-scrollbar-track {
    background-color: #f4f4f4
}

.selectric-items .selectric-scroll ul {
    width: 100%;
    border-radius: 4px
}

.selectric-items .selectric-scroll ul li {
    display: block;
    min-width: 10rem;
    width: 100%;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #111;
    font-weight: 500;
    background-color: #fff;
    padding: 0 0 0 1rem !important;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    padding: 14px 16px !important;
    margin-top: 1px !important;
    line-height: 1.4;
    height: auto;
    word-break: break-all
}

.selectric-items .selectric-scroll ul li:hover {
    color: #111;
    background-color: #eee
}

.selectric-items .selectric-scroll ul .highlighted {
    background-color: #eee
}

.dark .selectric-items {
    background-color: #111;
    border: 1px solid #666;
    border-radius: 4px;
    box-shadow: none
}

.dark .selectric-items .selectric-scroll {
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto
}

.dark .selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 7px
}

.dark .selectric-items .selectric-scroll::-moz-scrollbar {
    width: 7px
}

.dark .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 20px
}

.dark .selectric-items .selectric-scroll::-moz-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 20px
}

.dark .selectric-items .selectric-scroll::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.dark .selectric-items .selectric-scroll::-moz-scrollbar-track {
    background-color: #f4f4f4
}

.dark .selectric-items .selectric-scroll ul {
    width: 100%;
    border-radius: 4px;
    padding: 10px 0
}

.dark .selectric-items .selectric-scroll ul li {
    display: block;
    min-width: 10rem;
    width: 100%;
    height: 3rem;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #b8b8b8;
    font-weight: 500;
    background-color: #111;
    padding: 0 0 0 1rem !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    height: auto;
    padding: 6.5px 16px !important;
    margin-top: 1px !important;
    line-height: 1.4;
    height: auto;
    word-break: break-all
}

.dark .selectric-items .selectric-scroll ul li:first-child {
    display: none;
    margin-top: 0 !important
}

.dark .selectric-items .selectric-scroll ul li:hover {
    color: #fff;
    background-color: #000
}

.dark .selectric-items .selectric-scroll ul .highlighted {
    background-color: #000
}

.iconBlog {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M12.8,16.6c-0.3,0-0.6,0.3-0.6,0.6c0,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.3,0.6-0.6S13.1,16.6,12.8,16.6 C12.8,16.6,12.8,16.6,12.8,16.6'/%3E%3Cpath class='st1' d='M19,16.5c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7S19.4,16.5,19,16.5L19,16.5'/%3E%3Cpath class='st1' d='M24.7,10.3H11.3c-1.4,0-2.5,1.1-2.5,2.5c0,0,0,0,0,0v8c0,1.4,1.1,2.5,2.5,2.5H16l1.6,3.8c0,0,0.1,0.3,0.4,0.3 s0.4-0.3,0.4-0.3l1.6-3.8h4.7c1.4,0,2.5-1.1,2.5-2.5v-8C27.1,11.4,26,10.3,24.7,10.3C24.7,10.3,24.7,10.3,24.7,10.3 M14.6,17.3 c0,0.8-0.7,1.5-1.5,1.5c-0.3,0-0.7-0.1-0.9-0.4v0.3H11v-4.5c0.1,0,1.1,0,1.1,0v1.7c0.3-0.4,1-0.4,1-0.4C14,15.6,14.7,16.4,14.6,17.3 C14.6,17.3,14.6,17.3,14.6,17.3 M16.5,15.6v3.1h-1.1v-3.1c0-0.4-0.5-0.5-0.5-0.5V14c0.8-0.1,1.5,0.6,1.6,1.4 C16.5,15.5,16.5,15.6,16.5,15.6 M19,18.8c-1,0-1.8-0.7-1.8-1.7c0-1,0.8-1.7,1.8-1.7c1,0,1.8,0.7,1.8,1.7C20.8,18.1,20,18.9,19,18.8 M24.9,18.8c0,0.8-0.6,1.5-1.5,1.6c0,0-0.1,0-0.1,0h-0.5v-1h0.3c0,0,0.7,0.1,0.7-1c0,0-0.1,0.4-1.1,0.4c-0.7,0-1.3-0.7-1.3-1.4v-0.5 c0-0.8,0.7-1.4,1.5-1.5c0.4,0,0.7,0.1,0.9,0.4v-0.3h1.1L24.9,18.8z'/%3E%3Cpath class='st1' d='M23.2,16.5c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7C23.9,16.8,23.6,16.5,23.2,16.5 L23.2,16.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInstagram {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M26.8,14.3v7.4c0,2.8-2.3,5.1-5.1,5.1l0,0h-7.4c-2.8,0-5.1-2.3-5.1-5.1c0,0,0,0,0,0v-7.4c0-2.8,2.3-5.1,5.1-5.1 c0,0,0,0,0,0h7.4C24.5,9.2,26.8,11.5,26.8,14.3L26.8,14.3 M23.8,13.3c0-0.6-0.5-1.1-1.1-1.1c-0.6,0-1.1,0.5-1.1,1.1s0.5,1.1,1.1,1.1 c0,0,0,0,0,0C23.3,14.4,23.8,13.9,23.8,13.3C23.8,13.3,23.8,13.3,23.8,13.3 M22.6,18c0-2.5-2-4.6-4.6-4.6s-4.6,2-4.6,4.6 s2,4.6,4.6,4.6l0,0C20.5,22.6,22.6,20.6,22.6,18'/%3E%3Cpath class='st1' d='M18,15.1c1.6,0,3,1.3,3,3c0,1.6-1.3,3-3,3c-1.6,0-3-1.3-3-3c0,0,0,0,0,0C15,16.4,16.4,15.1,18,15.1 C18,15.1,18,15.1,18,15.1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconYoutube {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M27.4,13.2c-0.2-0.8-0.9-1.5-1.7-1.7c-1.5-0.4-7.6-0.4-7.6-0.4s-6.1,0-7.6,0.4c-0.8,0.2-1.5,0.9-1.7,1.7 c-0.3,1.6-0.4,3.1-0.4,4.7c0,1.6,0.1,3.2,0.4,4.7c0.2,0.8,0.9,1.5,1.7,1.7c1.5,0.4,7.6,0.4,7.6,0.4s6.1,0,7.6-0.4 c0.8-0.2,1.5-0.9,1.7-1.7c0.3-1.6,0.4-3.1,0.4-4.7C27.8,16.4,27.6,14.8,27.4,13.2 M16,20.9V15l5.1,2.9L16,20.9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconFacebook {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M22,19.1l0.5-3.2h-3.1v-2.1c-0.1-0.9,0.6-1.7,1.5-1.8c0.1,0,0.2,0,0.4,0h1.4V9.2C21.8,9.1,20.9,9,20.1,9 c-2.6,0-4.2,1.6-4.2,4.4v2.5H13v3.2h2.8v7.8h3.5v-7.8H22z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconLinkedin {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M11.3,24.5h3.1v-10h-3.1V24.5z M19.3,15.8v-1.3h-3v10h3v-5.2c0-1.4,0.6-2.2,1.9-2.2c1.1,0,1.7,0.8,1.7,2.2v5.2 H26v-6.3c0-2.7-1.5-4-3.6-4C21.1,14.2,20,14.8,19.3,15.8 M12.8,9.5c-1,0-1.8,0.8-1.9,1.8s0.8,1.8,1.8,1.9c1,0,1.8-0.8,1.9-1.8 c0,0,0,0,0,0C14.7,10.3,13.8,9.5,12.8,9.5C12.8,9.5,12.8,9.5,12.8,9.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconTwitter {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='X - 36' xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle data-name='타원 10' cx='18' cy='18' r='18' style='fill:%23fff;opacity:.1'/%3E%3Cpath data-name='패스 880268' d='M8 9.572 7.393 8.7 2 1.041h2.545l4.262 6.053.611.868 5.567 7.908h-2.547zM15.035 0 9.507 6.3l-3.7-5.255L5.074 0H0l.734 1.041L6.692 9.5.165 16.937h1.372L7.3 10.371l3.872 5.5.752 1.068H17l-.752-1.068-6.129-8.707L16.409 0z' transform='translate(9.5 9.5)' style='fill:%23bbb'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.iconBoardDownload {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconGlobalLanguage {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;%7D .st2%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h32v32H0V0z'/%3E%3Ccircle class='st1' cx='16' cy='16' r='11'/%3E%3Cpath class='st1' d='M16,5c-3.2,2.5-5,6.4-5,10.5c0.1,4.3,1.9,8.5,5,11.5'/%3E%3Cpath class='st1' d='M16,5c3.2,2.5,5,6.4,5,10.5c-0.1,4.3-1.9,8.5-5,11.5'/%3E%3Cpath class='st2' d='M5,16h22'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.iconallLanguageClose {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6,6l12,12'/%3E%3Cpath class='st0' d='M6,18L18,6'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconMobileAllMenu {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,18h16'/%3E%3Cpath class='st0' d='M4,12h16'/%3E%3Cpath class='st0' d='M4,6h16'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconMobileAllMenuActive {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6,6l12,12'/%3E%3Cpath class='st0' d='M6,18L18,6'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInvestBio {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_바이오시밀러 파이프라인 확대' xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg data-name='그룹 495364'%3E%3Cg data-name='그룹 495359'%3E%3Cpath data-name='패스 880085' d='m-17872.373 6884.533-11.254 11.248' transform='translate(17942.232 -6861.277)' style='stroke-linecap:round;stroke:%2320c85a;fill:%23fff;stroke-width:2.5px'/%3E%3Cpath data-name='합치기 93' d='M2 56.249a2 2 0 0 1-2-2V18h0v-.015h.015L16.477 1.062a3.462 3.462 0 0 1 4.99 0 3.7 3.7 0 0 1 0 5.129L6.274 21.808v32.441a2 2 0 0 1-2 2z' transform='translate(43.607 12.007)' style='stroke-linejoin:round;stroke-width:2px;fill:%231b7e3d;stroke:%231b7e3d;stroke-linecap:round'/%3E%3Cpath data-name='빼기 73' d='M4.274 48.383H2a2 2 0 0 1-2-2V10.118h.014L9.858 0l5.058 5.059-8.642 8.883v32.441a2 2 0 0 1-2 2z' transform='translate(43.607 19.873)' style='fill:%2320c85a;stroke-linejoin:round;stroke-width:2px;stroke-linecap:round;stroke:%2320c85a'/%3E%3C/g%3E%3Cg data-name='그룹 496028'%3E%3Cpath data-name='패스 880085' d='m-17883.629 6884.532 11.254 11.25' transform='translate(17893.485 -6861.276)' style='stroke-linecap:round;stroke:%2320c85a;fill:%23fff;stroke-width:2.5px'/%3E%3Cpath data-name='합치기 93' d='M16.476 55.187.015 38.265H0v-.015h0V2a2 2 0 0 1 2-2h2.273a2 2 0 0 1 2 2v32.441l15.192 15.617a3.7 3.7 0 0 1 0 5.129 3.459 3.459 0 0 1-4.989 0z' transform='rotate(180 18.052 34.128)' style='stroke-linejoin:round;stroke-width:2px;fill:%231b7e3d;stroke:%231b7e3d;stroke-linecap:round'/%3E%3Cpath data-name='빼기 73' d='M9.858 48.384h0L.014 38.265H0V2a2 2 0 0 1 2-2h2.273a2 2 0 0 1 2 2v32.441l8.642 8.884-5.056 5.058z' transform='rotate(180 18.052 34.128)' style='fill:%2320c85a;stroke-linejoin:round;stroke-width:2px;stroke-linecap:round;stroke:%2320c85a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInvestDrug {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg data-name='ico_신약 상업화 성공'%3E%3Cg data-name='그룹 496031'%3E%3Cg data-name='그룹 496029' transform='translate(-456 -5992)'%3E%3Crect data-name='사각형 353781' width='26' height='57' rx='13' transform='translate(477 6000)' style='fill:%234a78ff'/%3E%3Cg data-name='빼기 75' style='fill:%2344d3e8'%3E%3Cpath d='M13 27.5a11.921 11.921 0 0 1-8.485-3.515A11.921 11.921 0 0 1 1 15.5V1h24v14.5a11.92 11.92 0 0 1-3.515 8.485A11.922 11.922 0 0 1 13 27.499z' style='stroke:none' transform='translate(477 6028.5)'/%3E%3Cpath d='M13 26.5c2.938 0 5.7-1.145 7.778-3.222A10.927 10.927 0 0 0 24 15.5V2H2v13.5c0 2.938 1.144 5.7 3.222 7.778A10.928 10.928 0 0 0 13 26.499m0 2a12.914 12.914 0 0 1-9.192-3.807A12.914 12.914 0 0 1 0 15.5V0h26v15.5c0 3.472-1.352 6.737-3.808 9.192A12.916 12.916 0 0 1 13 28.499z' style='fill:%2344d3e8;stroke:none' transform='translate(477 6028.5)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 496030' transform='translate(35.25 45.149)'%3E%3Ccircle data-name='타원 8886' cx='7' cy='7' r='7' transform='translate(5.178 5.548)' style='fill:%23fff'/%3E%3Cpath data-name='합치기 108' d='M21.969 4.72 23.9 8.13l.1.17-2.114 1.7v5.7L24 17.4l-.1.169-1.935 3.41-.1.169-2.509-1.01-4.843 2.845-.386 2.717H9.874l-.395-2.716-4.844-2.845-2.509 1.01-.1-.169L.1 17.57 0 17.4l2.114-1.706V10L0 8.3l.1-.17 1.931-3.41.1-.169 2.508 1.01 4.839-2.845L9.874 0h4.253l.395 2.715 4.842 2.845 2.509-1.01zM15.3 18.674a6.79 6.79 0 0 0 2.419-9.186A6.547 6.547 0 0 0 8.7 7.026a6.79 6.79 0 0 0-2.42 9.187 6.548 6.548 0 0 0 9.02 2.461z' style='fill:%23666;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/g%3E%3Cpath data-name='사각형 353788' transform='translate(20 34.5)' style='fill:%23f8f8f8' d='M0 0h28v4H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInvestDirect {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg data-name='ico_직판 수익성 개선'%3E%3Cg data-name='그룹 496040'%3E%3Cg data-name='그룹 496035'%3E%3Cg data-name='그룹 496037' transform='translate(-76.858 -6051.25)'%3E%3Cpath data-name='다각형 21' d='M10.8 2.714a2 2 0 0 1 3.392 0l8.896 14.226a2 2 0 0 1-1.7 3.06H3.608a2 2 0 0 1-1.7-3.06z' transform='translate(112 6058)' style='fill:%23ef6833'/%3E%3Crect data-name='사각형 353785' width='9' height='41' rx='2' transform='translate(120 6072)' style='fill:%23ef6833'/%3E%3C/g%3E%3Cg data-name='그룹 496038' transform='translate(-69.858 -6051.25)'%3E%3Crect data-name='사각형 353784' width='9' height='28' rx='2' transform='translate(94 6085)' style='fill:%23fc6'/%3E%3Crect data-name='사각형 353783' width='9' height='20' rx='2' transform='translate(78 6093)' style='fill:%23ffe8bc'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 495480' transform='translate(17673.423 -6858.781)'%3E%3Cpath data-name='패스 880112' d='M0 0h6.4v22.086a3.372 3.372 0 0 1-3.2 3.521A3.372 3.372 0 0 1 0 22.086V0z' transform='rotate(-45 -465.255 24728.835)' style='stroke-width:2px;stroke-linecap:round;fill:%236595b9;stroke:%236595b9;stroke-linejoin:round'/%3E%3Ccircle data-name='타원 8851' cx='14.404' cy='14.404' r='14.404' transform='translate(-17635 6895.03)' style='fill:%2396d3ff;stroke:%2396d3ff;stroke-width:2px'/%3E%3Cg data-name='그룹 496039'%3E%3Cg data-name='그룹 495456'%3E%3Cpath data-name='패스 880166' d='M-10492.49 9560.744v2.086' transform='translate(-7128.106 -2659.957)' style='stroke:%23fff;fill:none;stroke-width:2px;stroke-linecap:round'/%3E%3Cpath data-name='패스 880167' d='M-10492.49 9560.744v2.086' transform='translate(-7128.106 -2644.746)' style='stroke:%23fff;fill:none;stroke-width:2px;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 880168' d='M8.972-6.969a2.051 2.051 0 0 0-.838-1.272A2.938 2.938 0 0 0 6.416-8.7a3.6 3.6 0 0 0-1.34.237 2.231 2.231 0 0 0-.925.639 1.33 1.33 0 0 0-.316.9 1.185 1.185 0 0 0 .49 1.01 4.1 4.1 0 0 0 1.62.669l2.135.487a5.593 5.593 0 0 1 2.766 1.288 3.142 3.142 0 0 1 .931 2.294A3.634 3.634 0 0 1 11.1.948 4.3 4.3 0 0 1 9.2 2.4a7.582 7.582 0 0 1-2.929.517A6.459 6.459 0 0 1 2.444 1.9 4 4 0 0 1 .781-.957h2.706Q3.822.82 6.242.82A3.822 3.822 0 0 0 8.3.339a1.517 1.517 0 0 0 .771-1.32 1.422 1.422 0 0 0-.527-1.071 3.617 3.617 0 0 0-1.557-.658l-2.11-.438a5.543 5.543 0 0 1-2.762-1.326 3.1 3.1 0 0 1-.937-2.3 3.439 3.439 0 0 1 .652-2.07 4.226 4.226 0 0 1 1.831-1.4 6.958 6.958 0 0 1 2.73-.5 6.617 6.617 0 0 1 2.588.469 4.234 4.234 0 0 1 1.762 1.321 3.986 3.986 0 0 1 .788 1.984z' transform='translate(-17626.875 6913.278)' style='fill:%23fff;stroke-width:.4px;stroke:%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInvestDonw {
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Cg data-name='그룹 457' %3E%3Cg data-name='round_next - 60' transform='rotate(90 30 30)' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cg data-name='그룹 493493' %3E%3Cpath data-name='패스 871477' d='M15.913 8h-15' transform='translate(21.587 22)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(90 7.25 30.25)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round;stroke-width:2px' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInvestArrow {
    display: inline-block;
    width: .875rem;
    height: 3.5rem;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.iconInvestArrow {
    display: inline-block;
    width: .875rem;
    height: 3.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='ico_64/arrow'%3E%3Cpath data-name='사각형 353754' style='fill:transparent' d='M0 0h64v64H0z'/%3E%3Cpath data-name='패스 880235' d='M56 28 27.984 0 0 28' transform='rotate(90 21 25.5)' style='fill:none;stroke:%23d2d2d2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.iconGoToTop {
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='go top' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg data-name='타원 8890' style='stroke:%23111;stroke-width:2px;fill:none'%3E%3Ccircle cx='30' cy='30' r='30' style='stroke:none'/%3E%3Ccircle cx='30' cy='30' r='29' style='fill:none'/%3E%3C/g%3E%3Cg data-name='그룹 493539'%3E%3Cg data-name='ico_arrow_up_line - 24'%3E%3Cg data-name='그룹 493493'%3E%3Cpath data-name='패스 871477' d='M15 0H0' transform='rotate(-90 33.75 3.75)' style='stroke-linecap:round;stroke:%23111;stroke-width:2px;fill:none'/%3E%3Cpath data-name='패스 871478' d='M14 0 7 7 0 0' transform='rotate(-180 18.5 14.75)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.controlSlideNext {
    width: 3.75rem;
    height: 3.75rem;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    box-sizing: border-box
}

.controlSlideNext::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,19l-7-7l7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin: .25rem 0 0 .15rem;
    overflow: hidden
}

.controlSlideNext:hover {
    background-color: #111;
    border: 1px solid #111
}

.controlSlideNext:hover::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M16,5l-7,7l7,7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.controlSlidePrev {
    width: 3.75rem;
    height: 3.75rem;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    box-sizing: border-box;
    margin-left: .75rem
}

.controlSlidePrev::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,5l7,7l-7,7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin: .25rem 0 0 .15rem;
    overflow: hidden
}

.controlSlidePrev:hover {
    background-color: #111;
    border: 1px solid #111
}

.controlSlidePrev:hover::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,19l7-7L9,5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width:1023px) {
    #wrapper .business.cd .cdSwiper .swiperControl button.controlSlidePrev:hover {
        background-color: #fff;
        border: 1px solid #d2d2d2
    }

    #wrapper .business.cd .cdSwiper .swiperControl button.controlSlidePrev:hover::after {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,19l-7-7l7-7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain
    }

    #wrapper .business.cd .cdSwiper .swiperControl button.controlSlideNext:hover {
        background-color: #fff;
        border: 1px solid #d2d2d2
    }

    #wrapper .business.cd .cdSwiper .swiperControl button.controlSlideNext:hover::after {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,5l7,7l-7,7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain
    }
}

.circleBtnArrow {
    width: 5rem;
    height: 5rem;
    background-color: #111;
    border-radius: 50%;
    box-sizing: border-box
}

.circleBtnArrow::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,12h-15'/%3E%3Cpath class='st1' d='M12.5,19l7-7l-7-7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden
}

@media (max-width:768px) {
    .circleBtnArrow {
        width: 2.5rem;
        height: 2.5rem
    }

    .circleBtnArrow::after {
        content: "";
        display: block;
        width: 1rem;
        height: 1rem;
        font-size: 0;
        line-height: 0;
        letter-spacing: 0;
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,12h-15'/%3E%3Cpath class='st1' d='M12.5,19l7-7l-7-7'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        overflow: hidden
    }
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
    font-family: Pretendard, sans-serif !important;
    font-weight: 500;
    padding: 0;
    margin: 0
}

body,
html {
    width: 100%;
    height: 100%;
    overflow: scroll-y;
    -webkit-overflow-scrolling: touch
}

body {
    -webkit-text-size-adjust: none;
    scrollbar-gutter: stable both-edges
}

* {
    font-family: Pretendard, sans-serif !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-break: normal;
    overflow-wrap: break-word
}

fieldset,
img {
    border: 0 none
}

dl,
li,
menu,
ol,
ul {
    font-size: 0;
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

a:active,
a:hover {
    text-decoration: none
}

button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

input[type=button],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

input[type=button]::placeholder,
input[type=email]::placeholder,
input[type=file]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=reset]::placeholder,
input[type=search]::placeholder,
input[type=submit]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder {
    color: #b8b8b8 !important
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.blind {
    position: absolute;
    top: -10000px;
    left: 0;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -10000px;
    overflow: hidden
}

canvas {
    display: block
}

figure {
    margin: 0
}

body.scrollNone,
html.scrollNone {
    position: fixed;
    height: 100%;
    touch-action: none;
    overflow-y: hidden
}

article.innerContentsWrap {
    position: relative;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto
}

article.innerMovieWrap {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden
}

article.innerVisualWrap {
    position: relative;
    width: 100%;
    min-width: 90rem;
    height: 32.5rem;
    font-size: 0;
    overflow: hidden
}

article.innerVisualWrap .innerWrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 90rem;
    height: 100%;
    margin-left: -45rem;
    overflow: hidden
}

article.innerVisualWrap .innerWrap .textObject {
    position: relative;
    width: 100%;
    max-width: 90rem;
    height: 100%;
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

article.innerVisualWrap .innerWrap .textObject .leftObject {
    position: absolute;
    left: 0;
    text-align: left
}

article.innerVisualWrap .innerWrap .textObject .rightObject {
    position: absolute;
    right: 0;
    text-align: left
}

article.innerVisualWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

article.innerVisualWrap.roundMotion {
    height: 28.78vw;
    max-height: 520px;
    max-height: unset;
    text-align: center
}

article.innerVisualWrap.roundMotion img {
    min-width: auto;
    max-width: 80%;
    height: 90%;
    height: auto;
    margin: 0 auto;
    border-radius: 1.875rem;
    transform: translate3d(0, 100px, 0);
    opacity: 0;
    transition: all ease .3s;
    margin: 0 auto
}

article.innerVisualWrap.roundMotion img:nth-child(2) {
    display: none !important
}

article.innerVisualWrap.roundMotion.open img {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: all ease .3s .5s
}

article.innerVisualWrap.roundMotion.on img {
    max-width: 100%;
    height: 100%;
    border-radius: 0;
    transition-delay: 0;
    transition: all ease .3s
}

.ellipsisLine_01 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.ellipsisLine_02 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.ellipsisLine_03 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.ellipsisLine_04 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

input[type=button],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .875rem;
    line-height: 3rem;
    letter-spacing: -.2px;
    color: #111;
    font-weight: 500;
    background-color: #fff;
    border: 0 none;
    border-radius: 4px;
    padding: 0 1rem 0 1rem
}

input[type=button]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=reset]:focus,
input[type=search]:focus,
input[type=submit]:focus,
input[type=tel]:focus,
input[type=text]:focus {
    border: 0 none;
    outline: 0 none
}

.formWrap {
    font-size: 0
}

.inputSelect {
    display: inline-block;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 3rem;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 4px;
    box-sizing: border-box
}

.inputText {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 3rem;
    font-size: 0;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 4px;
    box-sizing: border-box
}

.inputText button.textDel {
    display: none;
    position: absolute;
    top: 14px;
    right: 20px;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5.5,5.5l9,9'/%3E%3Cpath class='st0' d='M14.5,5.5l-9,9'/%3E%3C/g%3E%3C/svg%3E");
    overflow: hidden
}

.inputText input {
    border: 1px solid #b8b8b8;
    outline: 0 none
}

.inputText input:focus {
    border: 1px solid #111
}

.inputText input:hover {
    border: 1px solid #111
}

.inputText.active input {
    border: 1px solid #111
}

.inputText.active button.textDel {
    display: block
}

.inputText.search button.textDel {
    right: 46px
}

.inputText.search button.textSearch {
    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:1.5;%7D .st2%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(3.501 3.5)'%3E%3Ccircle class='st0' cx='6.2' cy='6.2' r='6.2'/%3E%3Ccircle class='st1' cx='6.2' cy='6.2' r='5.5'/%3E%3C/g%3E%3Cpath class='st2' d='M14,14l2,2'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden
}

.inputText.download button.textDel {
    right: 46px
}

.inputText.download button.textSearch {
    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M3.5,16h13'/%3E%3Cg%3E%3Cpath class='st1' d='M14,9l-4,4L6,9'/%3E%3Cpath class='st0' d='M10,13V4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden
}

.inputText.error input {
    border: 1px solid red
}

.inputText.success input {
    border: 1px solid #44d3e8
}

.inputText.disabled input {
    color: #dbdbdb;
    border: 1px solid #dbdbdb
}

.inputText.disabled input::placeholder {
    color: #dbdbdb !important
}

.inputText.disabled button {
    display: none !important
}

h6.title {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 600;
    background-color: #f7f7f7;
    padding: .5rem 1.25rem .5rem 1.25rem;
    margin: 2rem 0
}

.leadMoreWrap p {
    margin-top: .625rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px
}

.leadMoreWrap .pageList {
    margin-top: 2.5rem;
    display: flex;
    gap: 1.5rem
}

.leadMoreWrap .pageList li {
    border-radius: 1.875rem;
    overflow: hidden;
    position: relative;
    width: calc(50% - .75rem)
}

.leadMoreWrap .pageList li a {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 10
}

.leadMoreWrap .pageList li a span {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -.06px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.leadMoreWrap .pageList li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6.875rem;
    height: 6.875rem;
    background: url(/front/assets/common/images/img_round_btn.png) no-repeat center/100%
}

.leadMoreWrap .pageList li img {
    display: block;
    max-width: 100%;
    transition: all .3s ease
}

.leadMoreWrap .pageList li:hover img {
    transform: scale(1.1)
}

.fullSwiperWrap {
    padding-bottom: 100px
}

.fullSwiperWrap .fullSwiperContent {
    transition: all .1s ease
}

.fullSwiperWrap .fullSwiperTit {
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px;
    font-weight: 700;
    color: #111
}

.fullSwiperWrap p {
    margin-top: 1.25rem
}

.fullSwiperWrap .swiper.fullSwiper {
    margin-top: 2.5rem;
    overflow: visible
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide {
    overflow: hidden;
    border-radius: 1.875rem
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent {
    position: absolute;
    top: 50%;
    left: 5rem;
    transform: translateY(-50%);
    z-index: 10
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 5.625rem;
    line-height: 7.313rem;
    letter-spacing: -.18px;
    font-weight: 700;
    color: #111
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit .countTxt {
    min-width: 7.5rem;
    margin: 0 0
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit .countTxt.ctSpace {
    margin-right: 1rem
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTxt {
    margin-top: 1.438rem;
    font-size: 1.5rem !important;
    line-height: 2.125rem !important;
    letter-spacing: -.05px !important;
    font-weight: 500;
    color: #111 !important;
    opacity: 0;
    transform: translateY(100%)
}

.fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
    transition: all 1.5s ease
}

.fullSwiperWrap .swiper.fullSwiper .swiperController {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem
}

.fullSwiperWrap .swiper.fullSwiper .swiperCover {
    padding: 1.438rem 1.5rem;
    border-radius: 28px;
    background-color: #f4f4f4
}

.fullSwiperWrap .swiper.fullSwiper .swiperPagination {
    padding: 1.438rem 1.125rem;
    position: static;
    font-size: 0;
    width: auto
}

.fullSwiperWrap .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    margin: 0 .375rem;
    border-radius: .3125rem;
    background-color: #111;
    opacity: 1;
    position: relative;
    overflow: hidden
}

.fullSwiperWrap .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #111
}

.fullSwiperWrap .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4.375rem;
    background: #999
}

.fullSwiperWrap .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    width: 100%
}

.fullSwiperWrap .swiper.fullSwiper .playBtn {
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_play - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.63 1.535a1 1 0 0 1 1.74 0l6.784 11.972a1 1 0 0 1-.87 1.493H1.716a1 1 0 0 1-.87-1.493z' transform='rotate(90 8.75 12.25)' style='fill:%23111'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem
}

.fullSwiperWrap .swiper.fullSwiper .playBtn.stop {
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_pause_bold - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='그룹 495282'%3E%3Cpath data-name='패스 880030' d='M9 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3Cpath data-name='패스 880031' d='M17 4h-2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3C/g%3E%3C/svg%3E")
}

.fullSwiperWrap.play .swiper.fullSwiper .swiper-slide.swiper-slide-active .slideTxt,
.fullSwiperWrap.stop .swiper.fullSwiper .swiper-slide.swiper-slide-active .slideTxt {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s ease 1s
}

.fullSwiperWrap.play .swiper.fullSwiper .swiper-slide.swiper-slide-active img,
.fullSwiperWrap.stop .swiper.fullSwiper .swiper-slide.swiper-slide-active img {
    transition: all 1.5s ease .4s;
    transform: scale(1.1)
}

.fullSwiperWrap.play .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.fullSwiperWrap.stop .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    animation: fullDot linear 3.8s forwards
}

.fullSwiperWrap.stop .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    animation: none
}

@keyframes fullDot {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@media (min-width:1600px) and (max-width:1920px) {
    article.innerContentsWrap {
        max-width: 90rem
    }

    article.innerVisualWrap {
        min-width: 90rem
    }

    article.innerVisualWrap .innerWrap {
        max-width: 90rem;
        margin-left: -45rem
    }

    article.innerVisualWrap .innerWrap .textObject {
        max-width: 90rem
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    article.innerContentsWrap {
        max-width: 90rem
    }

    article.innerVisualWrap {
        min-width: 90rem
    }

    article.innerVisualWrap .innerWrap {
        max-width: 90rem;
        margin-left: -45rem
    }

    article.innerVisualWrap .innerWrap .textObject {
        max-width: 90rem
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    article.innerContentsWrap {
        width: 100%;
        max-width: 100%
    }

    article.innerVisualWrap {
        width: 100%;
        min-width: 100%
    }

    article.innerVisualWrap .innerWrap {
        width: 100%;
        max-width: 100%;
        margin-left: initial
    }

    article.innerVisualWrap .innerWrap .textObject {
        max-width: 100%
    }
}

@media (max-width:1023px) {
    .leadMoreWrap .pageList {
        flex-direction: column;
        gap: 1.25rem
    }

    .leadMoreWrap .pageList li {
        width: 100%
    }

    article.innerContentsWrap.viewMargin {
        padding: 0 1.25rem 0 1.25rem;
        margin-top: 4.5rem
    }

    article.innerContentsWrap.viewMargin .contentsWrap {
        padding: 5rem 0 0 0 !important
    }
}

@media (min-width:769px) and (max-width:1023px) {
    article.innerContentsWrap {
        width: 100%;
        max-width: 100%;
        padding: 0 1.25rem 0 1.25rem
    }

    article.innerVisualWrap {
        width: 100%;
        min-width: 100%
    }

    article.innerVisualWrap .innerWrap {
        width: 100%;
        max-width: 100%;
        margin-left: initial
    }

    article.innerVisualWrap .innerWrap .textObject {
        max-width: 100%
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit {
        font-size: 4rem
    }
}

@media (max-width:768px) {
    section article:nth-of-type(1) {
        padding: 0
    }

    article.innerContentsWrap {
        width: 100%;
        max-width: 100%;
        padding: 0 1.25rem 0 1.25rem
    }

    article.innerContentsWrap.tabInner:nth-of-type(1) {
        padding: 0 1.25rem 0 1.25rem
    }

    article.innerVisualWrap {
        width: 100%;
        min-width: 100%
    }

    article.innerVisualWrap .innerWrap {
        max-width: 100%;
        margin-left: initial
    }

    article.innerVisualWrap .innerWrap .textObject {
        max-width: 100%
    }

    article.innerVisualWrap.roundMotion {
        height: auto;
        max-height: unset
    }

    article.innerVisualWrap.roundMotion img {
        min-width: auto;
        max-width: 100%;
        height: 100%;
        border-radius: 0
    }

    article.innerVisualWrap.roundMotion img:nth-child(1) {
        display: none !important
    }

    article.innerVisualWrap.roundMotion img:nth-child(2) {
        display: block !important
    }

    .leadMoreWrap h4 {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    .leadMoreWrap p {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    .leadMoreWrap .pageList li {
        border-radius: 1.25rem;
        max-height: 10rem
    }

    .leadMoreWrap .pageList li a::after {
        width: 4.375rem;
        height: 4.375rem
    }

    .leadMoreWrap .pageList li a span {
        font-size: 1.125rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .leadMoreWrap .pageList li:hover img {
        transform: none
    }

    .fullSwiperWrap .fullSwiperTit {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    .fullSwiperWrap .fullSwiperTit br {
        display: none
    }

    .fullSwiperWrap .swiper.fullSwiper {
        width: 100vw !important;
        margin-left: -1.25rem !important;
        overflow: hidden
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide {
        border-radius: 0;
        height: 43.75vh
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
        width: auto;
        height: 100%;
        object-fit: cover
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent {
        left: 2.5rem
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit {
        font-size: 2.5rem;
        line-height: 3.5rem;
        letter-spacing: -.08px
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit .countTxt {
        min-width: 3.2rem;
        margin: 0
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit.type_01 {
        flex-direction: column;
        align-items: flex-start
    }

    .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTxt {
        margin-top: .5rem;
        font-size: .875rem !important;
        line-height: 1.375rem !important;
        letter-spacing: -.01px !important
    }

    .fullSwiperWrap .swiper.fullSwiper .swiperController {
        margin-top: 1.5rem
    }
}

.marginB12 {
    margin-bottom: 7.5rem !important
}

@media (max-width:1023px) {
    .marginB12 {
        margin-bottom: 3.5rem !important
    }
}

.marginB0 {
    margin-bottom: 0 !important
}

.errorWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh
}

.errorWrap::before {
    content: "";
    display: block;
    position: absolute;
    left: 60%;
    top: 0;
    transform: scale(2);
    opacity: .4;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 50% 50%, #34e5ff, rgba(52, 229, 255, .5) 34%, rgba(166, 244, 255, .1) 56%, rgba(255, 255, 255, 0) 64%)
}

.errorWrap::after {
    content: "";
    display: block;
    position: absolute;
    right: 45%;
    top: -14%;
    transform: scale(2);
    opacity: .4;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 50% 50%, #90ffc8, rgba(144, 255, 200, .5) 20%, rgba(144, 255, 200, .1) 32%, rgba(144, 255, 200, 0) 37%)
}

.errorWrap .conts {
    z-index: 10;
    text-align: center
}

.errorWrap .conts::before {
    content: "";
    display: block;
    width: 4.375rem;
    height: 3.75rem;
    margin: 0 auto;
    background: url(/front/assets/common/images/common/ico_notFound.png) no-repeat center center/100% auto
}

.errorWrap .conts p {
    position: relative;
    z-index: 3;
    margin: 2rem auto 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42
}

.errorWrap .conts p b {
    color: #20c85a
}

.errorWrap .conts a {
    margin: 2.5rem auto 0
}

@media (min-width:769px) and (max-width:1023px) {
    .errorWrap .conts::after {
        transform: scale(1);
        bottom: 0;
        background-image: radial-gradient(circle at 50% 50%, #90ffc8, rgba(144, 255, 200, .5) 20%, rgba(144, 255, 200, .1) 32%, rgba(144, 255, 200, 0) 37%)
    }

    .errorWrap .conts p {
        margin-top: 1.25;
        font-size: 1rem;
        font-weight: 700;
        line-height: -.02px
    }

    .errorWrap .conts a {
        margin-top: 1rem
    }
}

@media (max-width:768px) {
    .errorWrap .conts p {
        margin-top: 1.25;
        font-size: 1rem;
        font-weight: 700;
        line-height: -.02px
    }

    .errorWrap .conts a {
        margin-top: 1rem
    }
}

.bul-dash {
    padding-left: .7rem;
    position: relative
}

.bul-dash::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "-"
}

.cpnt_dialogWrap {
    display: none;
    position: absolute;
    left: 0;
    top: 15.25rem;
    z-index: 100;
    width: 100%;
    margin: 0 auto
}

.cpnt_dialogWrap .wrapList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 109rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 5.5rem;
    gap: 1.5rem
}

.cpnt_dialogWrap .wrapList:nth-child(1) {
    z-index: 110
}

.cpnt_dialogWrap .wrapList:nth-child(2) {
    z-index: 120
}

.cpnt_dialogWrap .wrapList:nth-child(3) {
    z-index: 130
}

.cpnt_dialogWrap .wrapList:nth-child(4) {
    z-index: 140
}

.cpnt_dialogWrap.active {
    display: block
}

@media (max-width:1744px) {
    .cpnt_dialogWrap .wrapList {
        padding: 0
    }
}

@media (max-width:768px) {
    .cpnt_dialogWrap {
        top: 8.625rem
    }

    .cpnt_dialogWrap .wrapList {
        position: relative;
        display: block;
        padding: 0 1.25rem
    }
}

.cpnt_controlLine.tl {
    text-align: left
}

.cpnt_controlLine.tc {
    text-align: center
}

.cpnt_controlLine.tr {
    text-align: right
}

.cpnt_controlLine>* {
    text-align: left
}

sup {
    font-size: .7em
}

html.en .isKo {
    display: none
}

html[lang*=ko] .isEn {
    display: none
}

.isScrollSmooth {
    scroll-behavior: smooth
}

.isDim {
    position: relative;
    overflow: hidden
}

.isDim:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.isDim .isDim_target {
    position: relative;
    z-index: 15;
    color: #fff !important
}

.isDim .isDim_target * {
    color: #fff !important
}

.cpnt_dialog_pop {
    display: none;
    flex-shrink: 0;
    flex-basis: 31.25rem;
    width: 31.25rem;
    height: 37rem;
    border-radius: 10px;
    border: solid 1px #e8e8e8;
    background-color: #fff;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1);
    position: relative
}

.cpnt_dialog_pop.active {
    display: block
}

.cpnt_dialog_pop .cpntHeader {
    display: flex;
    align-items: center;
    height: auto;
    padding: 1rem 2rem;
    border-bottom: solid 1px #e8e8e8
}

.cpnt_dialog_pop .cpntHeader strong {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px
}

.cpnt_dialog_pop .cpntBody {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 2rem 0;
    height: 27rem;
    max-height: 24rem
}

.cpnt_dialog_pop .cpntBody .btn_detail {
    flex-shrink: 0;
    flex-basis: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    margin-top: 1.5rem;
    border-radius: 10px;
    background-color: #111;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #fff
}

.cpnt_dialog_pop .cpntBody .ty_editor {
    flex: 1;
    padding-right: 1.5rem;
    overflow: hidden;
    overflow-y: auto;
    font-size: 1.125rem;
    line-height: 1.78;
    color: #666
}

.cpnt_dialog_pop .cpntBody .ty_editor * {
    font-size: 1.125rem !important;
    line-height: 1.78;
    color: #666
}

.cpnt_dialog_pop .cpntBody .ty_editor::-webkit-scrollbar {
    width: .25rem
}

.cpnt_dialog_pop .cpntBody .ty_editor::-webkit-scrollbar-thumb {
    height: 70%;
    border-radius: .25rem;
    background-color: #b8b8b8
}

.cpnt_dialog_pop .cpntBody .ty_editor::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.cpnt_dialog_pop .cpntBody .ty_editor img {
    width: 100%;
    height: 100%
}

.cpnt_dialog_pop .cpntBody .ty_editor.img {
    padding-right: 0;
    width: 100%;
    height: 100%
}

.cpnt_dialog_pop .cpntBody .ty_editor ul {
    list-style: initial
}

.cpnt_dialog_pop .cpntBody .ty_editor ol {
    list-style: auto
}

.cpnt_dialog_pop .cpntBody .ty_editor li {
    font-size: 1rem;
    list-style-type: inherit
}

.cpnt_dialog_pop .cpntBody .ty_image {
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.cpnt_dialog_pop .cpntBody .ty_image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.cpnt_dialog_pop[data-name*=popLeft] {
    z-index: 130
}

.cpnt_dialog_pop[data-name*=popCenter] {
    z-index: 120
}

.cpnt_dialog_pop[data-name*=popRight] {
    z-index: 110
}

.cpnt_dialog_pop .cpntFooter {
    display: flex;
    align-items: center;
    padding: 0 2rem;
    width: 100%;
    height: 5.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #666;
    position: absolute;
    bottom: 0
}

.cpnt_dialog_pop .cpntFooter .check {
    display: block
}

.cpnt_dialog_pop .cpntFooter .check input[type*=checkbox] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(-1px, -1px, -1px, -1px)
}

.cpnt_dialog_pop .cpntFooter .check input[type*=checkbox]+label {
    position: relative;
    padding-left: 1.75rem;
    cursor: pointer
}

.cpnt_dialog_pop .cpntFooter .check input[type*=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 2px;
    border-radius: 4px;
    border: solid 1px #d2d2d2;
    background-color: #fff
}

.cpnt_dialog_pop .cpntFooter .check input[type*=checkbox]:checked+label:before {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-color: #20c85a;
    background: url("data:image/svg+xml,%0A%3Csvg data-name='ico_check - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='패스 871502' d='m609.8 947.6 3.559 3.315 6.439-6' transform='translate(-606.801 -939.911)' style='stroke-width:2px;fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E%0A") no-repeat center center/1rem auto
}

.cpnt_dialog_pop .cpntFooter button {
    position: relative;
    margin-left: auto;
    padding: 0 1.75rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px
}

.cpnt_dialog_pop .cpntFooter button::before {
    content: "";
    position: absolute;
    top: .275rem;
    right: .6125rem;
    transform: rotate(45deg);
    width: .0625rem;
    height: .8rem;
    background-color: #111
}

.cpnt_dialog_pop .cpntFooter button::after {
    content: "";
    position: absolute;
    top: .275rem;
    right: .6125rem;
    transform: rotate(-45deg);
    width: .0625rem;
    height: .8rem;
    background-color: #111
}

@media (max-width:768px) {
    .cpnt_dialog_pop {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: calc(100vw - 2.5rem);
        margin: 0 auto
    }

    .cpnt_dialog_pop {
        height: auto
    }

    .cpnt_dialog_pop .cpntHeader {
        height: auto;
        padding: .5rem 1.5rem
    }

    .cpnt_dialog_pop .cpntHeader strong {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .cpnt_dialog_pop .cpntBody {
        display: flex;
        flex-direction: column;
        padding: 1.25rem 1.5rem 0;
        height: 100vw
    }

    .cpnt_dialog_pop .cpntBody .btn_detail {
        margin-top: 1.25rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_dialog_pop .cpntBody .ty_editor {
        flex: 1
    }

    .cpnt_dialog_pop .cpntBody .ty_editor img {
        width: 100%;
        height: 100%
    }

    .cpnt_dialog_pop .cpntBody .ty_image {
        flex: 1
    }

    .cpnt_dialog_pop .cpntFooter {
        padding: 0 1.5rem;
        height: 4.25rem;
        font-size: 1rem;
        position: initial;
        bottom: initial
    }

    .cpnt_dialog_pop .cpntFooter button {
        padding: 0 1.75rem 0 0
    }
}

.cpnt_dialog_pop .ty_editor ul {
    margin: unset;
    padding: unset;
    list-style: initial
}

.cpnt_dialog_pop .ty_editor ol {
    margin: unset;
    padding: unset;
    list-style: auto
}

.cpnt_dialog_pop .ty_editor li {
    margin: 0 35px;
    padding: unset;
    font-size: 1rem;
    list-style: inherit;
    list-style-type: inherit
}

.ghidden {
    display: block;
    width: 1px !important;
    height: 1px !important;
    position: absolute !important;
    margin: 0;
    padding: 0;
    clip: rect(-1px -1px -1px -1px)
}

.gfullsize {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.gbgf4 {
    background-color: #f4f4f4
}

.goverflowvisible {
    overflow: visible !important
}

.gsmoothscroll {
    scroll-behavior: smooth
}

.gbullet {
    display: inline-block;
    position: relative;
    padding-left: 1rem
}

.gbullet.t1::before {
    content: "※";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.gbullet.t2::before {
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.gbullet.t3::before {
    content: "-";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.customer_invest-chk-box>* {
    font-size: 1rem;
    color: #111
}

.customer_invest-chk-box>*>* {
    font-size: 1rem;
    color: #111
}

.customer_invest-chk-box>*+* {
    margin-top: 1.5rem
}

.customer_invest-chk-box table td,
.customer_invest-chk-box table th {
    border-bottom: solid .063rem #d2d2d2;
    border-right: solid .063rem #d2d2d2;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    text-align: left;
    color: #666;
    word-break: break-all
}

.customer_invest-chk-box table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
    border-top: solid .125rem #111;
    border-left: solid .063rem #d2d2d2
}

.customer_invest-chk-box table thead th {
    padding: 3.25rem 0;
    padding: .5rem .5rem;
    font-weight: 700;
    text-align: center;
    color: #111
}

.customer_invest-chk-box table thead th:nth-child(1) {
    width: 20%
}

.customer_invest-chk-box table tbody th {
    padding: .5rem .5rem;
    font-weight: 700;
    color: #111
}

.customer_invest-chk-box table tbody td {
    padding: .5rem .5rem;
    color: #666
}

.customer_invest-chk-box table tbody tr:last-child * {
    border-color: #cfcfcf
}

.customer_invest-chk-box table tbody img {
    max-width: 15rem;
    width: 100%;
    height: auto
}

@media (min-width:1024px) {
    .pc-margin-t-06 {
        margin-top: -.6rem
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .mo-gmargin-t35 {
        margin-top: 3.5rem !important
    }

    .mo-gmargin-t35 button {
        bottom: 1.25rem
    }
}

@media (max-width:768px) {
    .mo-gmargin-t35 {
        margin-top: 3.5rem !important
    }

    .mo-gmargin-t35 button {
        bottom: 1.25rem
    }
}

.gsubscript {
    position: relative;
    padding-left: 1rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: -.02px
}

.gsubscript.t1::before {
    content: "※";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.gsubscript.t2::before {
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.gheadscript {
    font-size: 3.125rem;
    line-height: 1.4;
    letter-spacing: -.1px
}

.gmargin-t0 {
    margin-top: 0 !important
}

.gmargin-b0 {
    margin-bottom: 0 !important
}

.gpadding-t0 {
    padding-top: 0 !important
}

.gpadding-b0 {
    padding-bottom: 0 !important
}

.gmargin-t15 {
    margin-top: 1.5rem
}

.gmargin-t25 {
    margin-top: 2.5rem
}

.innerContentsWrap.marginclear .contentsWrap {
    padding-top: 0 !important
}

.innerContentsWrap.marginclear .contentsWrap .contentsBody {
    padding-top: 0 !important
}

.innerContentsWrap.marginTop75 .contentsWrap {
    padding-top: 7.5rem !important
}

.innerContentsWrap.marginTop75 .contentsWrap .contentsBody {
    padding-top: 0 !important
}

@media (max-width:1023px) {
    .innerContentsWrap.marginTop75 .contentsWrap {
        padding-top: 3.5rem !important
    }

    .innerContentsWrap.marginTop75 .contentsWrap .contentsBody {
        padding-top: 0 !important
    }
}

.t-fullmargin {
    max-width: 100% !important;
    transition: all .25s ease
}

.t-fullmargin .contentsWrap {
    max-width: 90rem !important;
    width: 100% !important;
    transition: all .25s ease;
    padding-top: 0 !important
}

.t-fullmargin .contentsWrap .contentsBody {
    transition: all .25s ease
}

@media (min-width:1400px) and (max-width:1599px) {
    .t-fullmargin .contentsWrap .contentsBody {
        max-width: 90rem !important;
        width: 90%;
        margin: 0 auto
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    .t-fullmargin .contentsWrap {
        max-width: calc(100% - 5.5rem) !important
    }
}

@media (max-width:1023px) {
    .t-fullmargin {
        padding: 0 1.25rem 0 1.25rem !important
    }
}

.innerContentsWrap.marginclear2 {
}

.innerContentsWrap.marginclear2 .contentsWrap {
    padding-top: 0 !important
}

.innerContentsWrap.marginclear2 .contentsWrap .contentsBody {
    padding-top: 0 !important
}

.innerContentsWrap.sizeclear {
    max-width: 100% !important;
    width: 100% !important
}

.innerContentsWrap.sizeclear .contentsWrap {
    max-width: 100% !important;
    width: 100% !important
}

.spaceTclear {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.spaceBclear {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.btn_gconfirm {
    align-items: center;
    max-width: 12rem;
    min-width: 5rem;
    width: 100%;
    min-height: 1.813rem;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding-right: 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    letter-spacing: -.02px
}

.btn_gconfirm+.btn_gconfirm {
    margin-top: .125rem
}

.btn_gconfirm::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/product/ico_newWindow_20.png) no-repeat center center/100% auto
}

@media (max-width:768px) {
    .btn_gconfirm {
        padding-left: 0
    }
}

.btn_gmore {
    display: inline-block;
    height: 2rem;
    position: relative;
    padding-right: 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -.02px
}

.btn_gmore::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow2_right_17.png) no-repeat center center/100% auto
}

.btn_gdown {
    display: inline-block;
    width: 7.5rem;
    height: 9.75rem;
    position: relative;
    overflow: hidden;
    padding-left: 7.5rem;
    cursor: pointer
}

.btn_gdown::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png) no-repeat center center/100% auto
}

@media (max-width:768px) {
    .btn_gdown {
        width: 2rem;
        height: 2rem;
        padding-left: 2rem
    }
}

.btn_glink_line {
    display: block;
    position: relative;
    max-width: 22.875rem;
    width: 100%;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    padding-right: 1.5rem
}

.btn_glink_line::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: calc((100% - 1.25rem)/ 2);
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png) no-repeat center center/100% auto
}

@media (max-width:768px) {
    .btn_glink_line {
        max-width: 100%;
        width: 100%;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.188rem;
        letter-spacing: -.02px
    }
}

.btn_glink_line.w {
    border-bottom: .125rem solid #fff;
    color: #fff
}

.btn_glink_line.w::after {
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png) no-repeat center center/100% auto
}

.btn_gdown_line {
    display: block;
    display: block;
    max-width: 22.875rem;
    width: 100%;
    position: relative;
    padding-right: 1.5rem;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    letter-spacing: -.02px
}

.btn_gdown_line::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: calc((100% - 1.25rem)/ 2);
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png) no-repeat center center/100% auto
}

.btn_gdown_line em {
    display: inline-block;
    margin-left: 2rem;
    margin-top: .125rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.188rem;
    vertical-align: top;
    letter-spacing: -.02px;
    color: #5bb96a
}

.btn_gdown_line+.btn_gdown_line {
    margin-top: 3.75rem
}

@media (max-width:768px) {
    .btn_gdown_line {
        max-width: 100%;
        width: 100%;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.188rem;
        letter-spacing: -.02px
    }

    .btn_gdown_line+.btn_gdown_line {
        margin-top: 2.5rem
    }
}

.btn_gdown_line.w {
    border-bottom: .125rem solid #fff;
    color: #fff
}

.btn_gdown_line.w::after {
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png) no-repeat center center/100% auto
}

.cpnt_controllLine {
    display: flex;
    align-items: center
}

.cpnt_controllLine .litems {
    margin-left: auto
}

.cpnt_controllLine .ritems {
    margin-left: auto
}

.swiper-control>* {
    width: 3.75rem;
    height: 3.75rem;
    position: relative;
    overflow: hidden;
    padding-left: 3.75rem;
    border-radius: 1.875rem;
    border: solid 1px #d2d2d2;
    background-color: #f8f8f8;
    background-color: #fff
}

.swiper-control>.btn_prev::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_slide_prev_gray.png) no-repeat center center/100% auto
}

.swiper-control>.btn_next:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_slide_next_gray.png) no-repeat center center/100% auto
}

.swiper-control>:hover {
    border: solid 1px #111;
    background-color: #111 !important
}

.swiper-control>.btn_prev:hover::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_slide_prev_white.png) no-repeat center center/100% auto
}

.swiper-control>.btn_next:hover::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_slide_next_white.png) no-repeat center center/100% auto
}

.swiper-control>.swiper-button-disabled {
    opacity: .6;
    pointer-events: none
}

@media (max-width:1023px) {
    .swiper-control>:hover {
        border: solid 1px #d2d2d2;
        background-color: #fff !important
    }

    .swiper-control>.btn_prev:hover::before {
        background: url(/front/assets/common/images/esg/ico_sub_esg_slide_prev_gray.png) no-repeat center center/100% auto !important
    }

    .swiper-control>.btn_next:hover::before {
        background: url(/front/assets/common/images/esg/ico_sub_esg_slide_next_gray.png) no-repeat center center/100% auto !important
    }
}

.cpnt_dialog_confirm.cpnt_siteout_long {
    display: none
}

.cpnt_dialog_confirm.cpnt_siteout_long.active {
    display: block
}

.cpnt_dialog_confirm.cpnt_cookie {
    display: none
}

.cpnt_dialog_confirm.cpnt_cookie.active {
    display: block
}

.cpnt_dialog_confirm::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    background-color: rgba(18, 18, 18, .4)
}

.cpnt_dialog_confirm .cpntWrap {
    max-width: 37rem;
    width: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100001;
    padding-bottom: 2.5rem;
    border-radius: 10px;
    border: solid 1px #707070;
    background-color: #fff
}

.cpnt_dialog_confirm .cpntHeader {
    height: 5rem;
    margin: 0 2.5rem
}

.cpnt_dialog_confirm .cpntHeader strong {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.05px;
    color: #111;
    padding-top: 2.5rem;
    display: block
}

.cpnt_dialog_confirm .cpntBody {
    margin: 0 2.5rem;
    font-size: 1.12rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_dialog_confirm .cpntBody.type01 {
    line-height: 1.75;
    max-height: 30rem;
    display: flex;
    flex-direction: column
}

.cookiepop {
    font-size: 14px;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.cpnt_dialog_confirm .cpntBody p em {
    display: block;
    text-align: center;
}

.cpnt_dialog_confirm .cpntBody p span {
    display: block;
    margin-top: .75rem;
    font-size: .875rem;
    line-height: 1.57;
    letter-spacing: -.01px;
    color: #b8b8b8
}

..cpnt_dialog_confirm .cpntBody span {
    color: black;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -.02px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    display: block
}

.leavingspan {
    color: black;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -.02px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    display: block;
    height: 72px;
}

.leavingpop {
    font-size: 14px;
    font-weight: inherit;
    text-align: center;
    line-height: inherit;
    letter-spacing: inherit
}

.cpnt_dialog_confirm .cpntBody .btn_link {
    font-size: 1.25rem;
    color: #111;
    display: flex;
    align-items: center;
    letter-spacing: -.02px;
    line-height: 1.5;
    margin: 1.25rem 0 1.875rem
}

.cpnt_dialog_confirm .cpntBody .btn_link::after {
    display: block;
    width: 17px;
    height: 17px;
    background: url(/front/assets/common/images/product/ico_arrow_right.png) no-repeat center center/100% auto;
    content: "";
    margin-left: .75rem
}

.cpnt_dialog_confirm .cpntBody .ty_editor {
    flex: 1;
    overflow-y: auto
}

.cpnt_dialog_confirm .cpntBody .ty_editor::-webkit-scrollbar {
    width: .25rem
}

.cpnt_dialog_confirm .cpntBody .ty_editor::-webkit-scrollbar-thumb {
    height: 70%;
    border-radius: .25rem;
    background-color: #b8b8b8
}

.cpnt_dialog_confirm .cpntBody .ty_editor::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.cpnt_dialog_confirm .cpntFooter {
    margin: 1.5rem 0
}

.cpnt_dialog_confirm.cpnt_cookie .btnGroup>button.btnSmall span {
    font-size: 14px;
}

.cpnt_dialog_confirm .btn_close {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    overflow: hidden;
    padding-left: 1.5rem
}

.cpnt_dialog_confirm .btn_close::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/front/assets/common/images/product/ico_close_24_gray.png) no-repeat center center/100% auto
}

@media (max-width:768px) {
    .cpnt_dialog_confirm .cpntWrap {
        max-width: calc(100% - 2.5rem)
    }
}

@media (max-width:768px) {
    .cpnt_dialog_confirm .cpntHeader strong {
        font-size: 1.125rem;
        padding-top: 2.6rem
    }

    .cpnt_dialog_confirm .cpntBody {
        margin: 0 1.5rem
    }

    .cpnt_dialog_confirm .cpntBody p {
        font-size: 1rem
    }

    .cpnt_dialog_confirm .cpntBody .btn_link {
        font-size: 1rem
    }

    .cpnt_dialog_confirm .cpntBody .btn_link::after {
        background-size: 10px
    }

    .cpnt_dialog_confirm .btnGroup>a,
    .cpnt_dialog_confirm .btnGroup>button {
        width: auto;
        height: 40px;
    }

    .cpnt_dialog_confirm .btnGroup>a span,
    .cpnt_dialog_confirm .btnGroup>button span {
        font-size: .875rem
    }

    .cpnt_dialog_confirm .btnGroup>a+a,
    .cpnt_dialog_confirm .btnGroup>a+button,
    .cpnt_dialog_confirm .btnGroup>button+a,
    .cpnt_dialog_confirm .btnGroup>button+button {
        margin-top: 0;
        margin-left: .75rem
    }
}

@media (max-width:536px) {
    .cpnt_dialog_confirm.cpnt_cookie .cpntWrap {
        padding-bottom: 1rem;
    }

    .cpnt_dialog_confirm.cpnt_cookie .cpntFooter.btnGroup {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        margin: 1rem 1.5rem;
        font-size: initial;
    }

    .cpnt_dialog_confirm.cpnt_cookie .cpntFooter.btnGroup>button.btnSmall {
        width: auto;
        min-width: 80%;
        height: auto;
        padding: .438rem 3rem;
        margin: 0;
        white-space: nowrap;
    }

    .cpnt_dialog_confirm.cpnt_cookie .cpntFooter.btnGroup>button.btnSmall span {
        font-size: 14px;
        white-space: nowrap;
    }

    .cpnt_dialog_confirm.cpnt_cookie .cpntFooter.btnGroup>button.btnSmall+button.btnSmall {
        margin: 0;
    }
}

.cpnt_simpleList li+li {
    margin-top: .75rem
}

.cpnt_simpleList .btn_gdown_line_small {
    position: relative;
    display: inline-block;
    height: 1.25rem;
    padding-left: 1.25rem;
    border-bottom: solid 1px #999;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -.01px;
    color: #999
}

.cpnt_simpleList .btn_gdown_line_small::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png) no-repeat center center/100% auto
}

.cpnt_tooltip {
    width: 0;
    height: 0;
    position: absolute;
    z-index: 10;
    clip: rect(-1px, -1px, -1px, -1px);
    overflow: hidden;
    margin-top: 1rem
}

.cpnt_tooltip.active {
    width: auto;
    height: auto;
    clip: auto;
    overflow: visible
}

.cpnt_tooltip .cpntWrap {
    width: 100%;
    height: auto;
    position: relative;
    padding: 1.5rem 1.25rem;
    border-radius: 10px;
    border: solid 1px #d2d2d2;
    background-color: #fff
}

.cpnt_tooltip .cpntHeader {
    display: flex;
    align-items: center;
    height: 6.313rem
}

.cpnt_tooltip .cpntHeader strong {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px
}

.cpnt_tooltip .btn_close {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    overflow: hidden;
    padding-left: 1.5rem;
    cursor: pointer
}

.cpnt_tooltip .btn_close::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/front/assets/common/images/esg/ico_close_24_gray.png) no-repeat center center/100% auto
}

@media (max-width:768px) {
    .cpnt_tooltip.active {
        width: calc(100% - 2.5rem);
        width: 100%
    }

    .cpnt_tooltip .cpntWrap {
        min-width: initial
    }
}

@keyframes swiperPaging {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.swiper-paging {
    height: 0;
    overflow: hidden
}

.swiper-paging.swiper-pagination-bullets {
    position: absolute;
    top: auto;
    top: initial;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.swiper-paging .swiper-pagination-bullet {
    width: 2.5rem;
    height: .5rem;
    position: relative;
    overflow: hidden;
    opacity: 1;
    border-radius: 4px;
    background-color: #b8b8b8
}

.swiper-paging .swiper-pagination-bullet::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #111
}

.swiper-paging .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%
}

.swiper-paging.autopaly .swiper-pagination-bullet::before {
    width: 0
}

.swiper-paging.autopaly .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%
}

@media (max-width:768px) {
    .swiper-paging {
        height: auto;
        overflow: visible
    }
}

@media (min-width:1025px) {
    .isMo2 {
        display: none !important
    }
}

@media (max-width:1023px) {
    .isPc2 {
        display: none !important
    }
}

@media (min-width:1024px) {
    .isMo {
        display: none !important
    }

    .section_sub {
        max-width: 90rem !important;
        margin: 12.5rem auto 0 !important
    }

    .section_sub_space {
        margin-top: 12.5rem !important;
        margin-bottom: 0 !important
    }

    .section_sub_space2 {
        margin-top: 7.5rem !important;
        margin-bottom: 0 !important
    }

    .section_sub_width {
        max-width: 90rem !important;
        margin: 0 auto !important
    }

    .cpnt_tabcontent .section_sub:first-child {
        margin-top: 5rem
    }

    .cpnt_product_headtext {
        max-width: 90rem;
        margin: 10rem auto 0
    }

    .wraptype01 {
        max-width: 100% !important;
        width: 100% !important;
        margin: 12.5rem 0 0 0 !important
    }

    .wraptype01 .contentsWrap {
        padding-top: 0 !important
    }
}

@media (max-width:1023px) {
    .isPc {
        display: none !important
    }

    .section_sub {
        max-width: 100% !important;
        max-width: auto !important;
        max-width: initial !important;
        margin: 7.5rem 0 0 !important
    }

    .section_sub_space {
        margin-top: 7.5rem !important;
        margin-bottom: 0 !important
    }

    .section_sub_space2 {
        margin-top: 3.5rem !important;
        margin-bottom: 0 !important
    }

    .section_sub_width {
        max-width: 100% !important;
        max-width: auto !important;
        max-width: initial !important
    }

    .cpnt_tabcontent .section_sub:first-child {
        margin-top: 1.5rem
    }

    .cpnt_product_headtext {
        max-width: 100%;
        margin: 3.5rem 0 0
    }

    .wraptype01 {
        max-width: 100% !important;
        width: 100% !important;
        margin: 7.5rem 0 0 0 !important;
        padding: 0 1.25rem !important
    }

    .wraptype01 .contentsWrap {
        padding-top: 0 !important
    }
}

.cpnt_breadcrumb {
    position: fixed;
    left: 50%;
    bottom: -10%;
    bottom: 2.5rem;
    transform: translateX(-50%);
    z-index: 10050;
    transition: bottom 1s ease
}

.cpnt_breadcrumb a,
.cpnt_breadcrumb b,
.cpnt_breadcrumb button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    white-space: nowrap
}

.cpnt_breadcrumb ol {
    display: flex;
    border-radius: .625rem;
    background-color: rgba(17, 17, 17, .72)
}

.cpnt_breadcrumb ol>li {
    position: relative
}

.cpnt_breadcrumb ol>li>a,
.cpnt_breadcrumb ol>li>b,
.cpnt_breadcrumb ol>li>button {
    min-width: 14.9375rem;
    height: 3.75rem
}

html.en .cpnt_breadcrumb ol li:nth-child(4) button {
    width: 22.4375rem
}

.cpnt_breadcrumb ol>li:first-child {
    padding: 0 0 0 3.5rem;
    text-indent: .1rem
}

.cpnt_breadcrumb ol>li:first-child a {
    display: block;
    position: relative;
    min-width: 1.75rem;
    width: 1.75rem;
    padding-left: 1.75rem;
    overflow: hidden
}

.cpnt_breadcrumb ol>li:first-child a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.75rem;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg data-name='ico_home - 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg data-name='그룹 493496'%3E%3Cpath data-name='패스 871487' d='m-6033.53-5791.224-6.6 5.042v7.958h13v-7.958z' transform='translate(6043.633 5794.724)' style='fill:none;stroke-linejoin:round;stroke:%23b8b8b8;stroke-linecap:round;stroke-width:1.5px'/%3E%3Cpath data-name='패스 871488' d='M-6007.143-5774.575v-4' transform='translate(6017.143 5790.575)' style='fill:none;stroke:%23b8b8b8;stroke-linecap:round;stroke-width:1.5px'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center
}

.cpnt_breadcrumb ol>li:nth-child(n+3)::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #666
}

.cpnt_breadcrumb ol>li:nth-child(n+2) button::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='ico_arrow_down - 16'%3E%3Cpath data-name='패스 58' d='M8 4 4 0 0 4' transform='translate(4 5.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center
}

.cpnt_breadcrumb ol>li:nth-child(n+2).active button::after {
    transform: rotate(180deg)
}

.cpnt_breadcrumb ol>li:nth-child(n+2).active ul {
    display: block
}

.cpnt_breadcrumb ol ul {
    display: none;
    position: absolute;
    bottom: 4.25rem;
    left: calc(50% + 1px);
    transform: translateX(-50%);
    width: calc(100% - 1px);
    padding: 1.375rem .5rem;
    border-radius: .625rem;
    background-color: rgba(17, 17, 17, .72)
}

.cpnt_breadcrumb ol ul li a {
    height: 35px;
    color: #b8b8b8
}

.cpnt_breadcrumb ol ul li a:hover {
    color: #fff
}

.cpnt_breadcrumb ol ul li.outlink a::after {
    content: "";
    width: 1rem;
    height: 1rem;
    margin-left: .125rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .6
}

.cpnt_breadcrumb ol ul li.outlink a:hover::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1
}

html.top .cpnt_breadcrumb {
    animation: breadcrumbInit 1s ease forwards 2s
}

html.bottom.scrollTop body .cpnt_breadcrumb,
html.scrollDown .cpnt_breadcrumb,
html.top.scrollTop .cpnt_breadcrumb {
    animation: none;
    bottom: -10% !important
}

html.middle.scrollTop .cpnt_breadcrumb {
    bottom: 2.5rem !important
}

@media (max-width:1023px) {
    .cpnt_breadcrumb {
        display: none
    }
}

@keyframes breadcrumbInit {
    0% {
        bottom: 2.5rem
    }

    100% {
        bottom: -10%
    }
}

.mainWrapper {
    z-index: 1 !important
}

html.scrollDown:not(.top) header#header {
    top: -11rem
}

html.scrollTop:not(.top) header#header {
    top: 0
}

@media (min-width:1024px) {
    html.gnbover.scrollTop:not(.top) header#header {
        height: 10.125rem;
        border-bottom: 1px solid #e8e8e8
    }

    html.gnbactive header#header .innerWrap #gnbWrap .gnb li>a {
        color: #b8b8b8
    }

    html.gnbactive header#header .innerWrap #gnbWrap .gnb li.active>a {
        color: #111
    }
}

@media (max-width:1024px) {
    html.pg_main #footer #footerWrap {
        margin-bottom: 5rem
    }
}

html.pg_main header#header {
    z-index: 0 !important
}

html.first header#header {
    z-index: 99999 !important
}

html.pg_main body>.footerTopBtn {
    position: fixed;
    bottom: 2.5rem;
    right: 2.5rem
}

html.pg_main.bottom body>.footerTopBtn {
    position: absolute !important;
    bottom: initial !important;
    bottom: auto !important;
    top: calc(100% - 620px) !important
}

html.pg_main.bottom body>.footerTopBtn button {
    height: 3.75rem !important;
    opacity: 1 !important
}

.footerTopBtn {
    align-items: flex-end;
    position: fixed;
    left: 50%;
    bottom: -10%;
    transform: translateX(-50%);
    z-index: 10000;
    max-width: 109rem;
    width: calc(100% - 11rem);
    height: 0;
    margin: 0 auto;
    text-align: right;
    transition: transform .6s cubic-bezier(.68, -.6, .32, 1.6);
    transition: 1s all ease
}

.footerTopBtn button {
    position: absolute;
    right: 0;
    bottom: 2.5rem;
    bottom: 2.5rem;
    width: 3.75rem;
    height: 0 !important;
    height: 3.75rem !important;
    overflow: hidden;
    opacity: 0;
    opacity: 1;
    transition: .5s bottom, opacity cubic-bezier(.68, -.6, .32, 1.6);
    transition: 1s all ease
}

html.scrollTop.middle .footerTopBtn {
    position: fixed !important;
    bottom: 0 !important;
    opacity: 1 !important
}

html.scrollTop.middle .footerTopBtn button {
    height: 3.75rem !important;
    bottom: 2.5rem !important;
    opacity: 1
}

html.bottom .footerTopBtn {
    opacity: 1 !important;
    position: relative !important;
    bottom: 0 !important
}

html.bottom .footerTopBtn button {
    bottom: 2.5rem;
    height: 3.75rem !important;
    opacity: 1
}

html.scrollDown .footerTopBtn {
    position: fixed;
    bottom: -10%;
    opacity: 0
}

html.scrollDown .footerTopBtn button {
    bottom: 2.5rem;
    height: 3.75rem !important;
    opacity: 1
}

html.top .footerTopBtn {
    opacity: 0 !important;
    bottom: -10%
}

@media (min-width:1024px) and (max-width:1399px) {
    .footerTopBtn {
        width: calc(100% - 5.5rem)
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .footerTopBtn {
        width: calc(100% - 2.5rem)
    }
}

@media (max-width:768px) {
    .footerTopBtn {
        width: calc(100% - 2.5rem)
    }
}

header#header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 5rem;
    z-index: 10100;
    position: fixed;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    backdrop-filter: none;
    background-color: rgba(255, 255, 255, .9)
}

header#header .innerWrap {
    display: flex;
    position: relative;
    width: 100%;
    max-width: calc(100% - 11rem);
    height: 5rem;
    margin: 0 auto;
    transition: .25s ease
}

header#header .innerWrap h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

header#header .innerWrap a.logo {
    display: block;
    width: 15.6rem;
    height: 3.64rem;
    margin: 1.307rem 0 0 0;
    background: url(/front/assets/common/images/img_header_mourning_logo.png) center center no-repeat;
    background-size: contain
}

@keyframes aniiGnb {
    0% {
        opacity: 0;
        top: -5rem
    }

    1% {
        opacity: 0;
        top: 3.815rem;
        transform: translate(-50%, -20%)
    }

    100% {
        opacity: 1;
        top: 3.815rem;
        transform: translate(-50%, 0)
    }
}

header#header .innerWrap #gnbWrap {
    flex: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center
}

header#header .innerWrap #gnbWrap .gnb {
    flex: 1;
    margin: 0 auto;
    padding-top: 1.75rem;
    font-size: 0
}

header#header .innerWrap #gnbWrap .gnb li {
    position: relative;
    display: inline-block;
    height: 2.3rem;
    padding: .5rem 1.75rem
}

header#header .innerWrap #gnbWrap .gnb li>a {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

header#header .innerWrap #gnbWrap .gnb li dl {
    display: flex;
    position: absolute;
    top: 3.815rem;
    top: -5rem;
    left: 50%;
    transform: translate(-50%, -20%);
    z-index: -100;
    width: max-content;
    height: 3.25rem;
    padding: 0 .375rem;
    font-size: 0;
    background-color: #111;
    border-radius: 10px;
    padding: .375rem .438rem;
    opacity: 0
}

header#header .innerWrap #gnbWrap .gnb li dl dd {
    display: inline-block;
    border-radius: 10px;
    width: 9.75rem
}

header#header .innerWrap #gnbWrap .gnb li dl dd a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 9.75rem;
    flex-basis: 9.75rem;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.2px;
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    transition: .3s ease;
    overflow: hidden;
    text-align: center
}

header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
    color: #111;
    background-color: #fff
}

header#header .innerWrap #gnbWrap .gnb li dl dd.outlink a,
header#header .innerWrap #gnbWrap .gnb li dl dd.esgLink a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    white-space: nowrap
    /* width는 기본값 100% 유지 - 흰 배경 너비 유지하면서 내용물만 가운데 */
}

header#header .innerWrap #gnbWrap .gnb li dl dd.outlink a::after,
header#header .innerWrap #gnbWrap .gnb li dl dd.esgLink a::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

header#header .innerWrap #gnbWrap .gnb li dl dd.outlink a:hover::after,
header#header .innerWrap #gnbWrap .gnb li dl dd.esgLink a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

html.en header#header .innerWrap #gnbWrap .gnb li dl dd {
    width: 13.125rem
}

header#header .innerWrap #gnbWrap .gnb li.active {
    height: 4.3rem
}

header#header .innerWrap #gnbWrap .gnb li.active::after {
    width: 100%
}

header#header .innerWrap #gnbWrap .gnb li.active>a {
    color: #111
}

header#header .innerWrap #gnbWrap .gnb li.active dl {
    animation: aniiGnb .3s forwards linear
}

header#header .innerWrap #gnbWrap .gnb li.active dl::after {
    content: "";
    display: block;
    width: 100%;
    height: 1rem;
    position: absolute;
    left: 0;
    top: -1rem
}

header#header .innerWrap #gnbWrap .languageWrap {
    flex-shrink: 0;
    flex-basis: 9.75rem;
    display: flex;
    justify-content: flex-end
}

header#header .innerWrap #gnbWrap .languageWrap .localLangSelector {
    top: 2.125rem;
    right: 3.75rem
}

header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul {
    display: flex;
    margin-right: 1.5rem;
    padding-top: 1.8rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li {
    display: flex;
    margin-left: .5rem
}

header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li a {
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #b8b8b8;
    font-weight: 700
}

header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li:first-child {
    margin-left: 0
}

header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li.active a {
    color: #111
}

header#header .innerWrap #gnbWrap .languageWrap .globleLangSelector {
    top: 1.75rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    margin-left: .5rem;
    margin-right: -.5rem;
    margin-top: 2rem;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

header#header .innerWrap #gnbWrap .languageWrap .globleLangSelector button {
    width: 2rem;
    height: 2rem;
    overflow: hidden
}

header#header .innerWrap #gnbWrap .globleLangAll {
    display: none;
    position: absolute;
    top: 6.25rem;
    right: 0;
    width: 42.625rem;
    min-height: 11.313rem;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 16px 0 rgba(17, 17, 17, .1);
    padding: 2.5rem;
    z-index: 300;
    overflow: hidden
}

header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap {
    text-align: left;
    margin-bottom: 0
}

header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap .tabNavList li {
    margin-left: 2rem
}

header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap .tabNavList li a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px
}

header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap .tabNavList li:first-child {
    margin-left: 0
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap {
    text-align: left
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap button {
    position: absolute;
    top: 2.3rem;
    right: 2.5rem;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList {
    margin-top: 2rem
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li {
    display: inline-block;
    width: 12.125rem;
    height: 2.375rem;
    border-radius: 8px;
    margin-top: .625rem;
    margin-left: .625rem;
    overflow: hidden
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li a {
    display: block;
    width: 100%;
    height: 2.375rem;
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: -.01px;
    color: #111;
    line-height: 2.375rem !important;
    font-weight: 500;
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 8px
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(1),
header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(2),
header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3) {
    margin-top: 0
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3n+1) {
    margin-left: 0
}

header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap .tabContents .languageList li:hover a {
    background-color: #111;
    color: #fff
}

header#header .innerWrap #gnbWrap .globleLangAll.active {
    display: block
}

header#header .innerWrap .mobileAllMenu {
    display: none
}

#wrapper {
    width: 100%;
    padding: 0 0 16.25rem 0;
    padding: 0 0 12.25rem 0;
    transition: .25s ease;
    overflow: hidden;
    padding-top: 1.75rem
}

#wrapper .contentsWrap {
    width: 100%;
    max-width: 90rem;
    padding: 7.5rem 0 0 0;
    margin: 0 auto;
    transition: .25s ease
}

#wrapper .contentsWrap .contentsHead {
    width: 100%;
    text-align: center
}

#wrapper .contentsWrap .contentsHead .location {
    width: fit-content;
    margin: 0 auto
}

#wrapper .contentsWrap .contentsHead .location ul {
    font-size: 0;
    overflow: initial
}

#wrapper .contentsWrap .contentsHead .location ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2rem;
    overflow: initial
}

#wrapper .contentsWrap .contentsHead .location ul li a {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -.02px;
    color: #666
}

#wrapper .contentsWrap .contentsHead .location ul li a::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-linecap:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M4,6.5l4,4l4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 -2px .25rem
}

#wrapper .contentsWrap .contentsHead .location ul li .subDepth {
    display: none;
    position: absolute;
    top: 28px;
    left: -20px;
    min-width: 10rem;
    width: min-content;
    background-color: #111;
    box-shadow: 0 8px 20px 0 rgba(17, 17, 17, .3);
    border-radius: 10px;
    padding: 1rem 0 1rem 0;
    z-index: 10
}

#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd {
    text-align: left;
    padding: 1.25rem 1.25rem 0 1.25rem
}

#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    text-align: left;
    white-space: nowrap
}

#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd a::after {
    display: none
}

#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd:first-child {
    padding-top: 0
}

#wrapper .contentsWrap .contentsHead .location ul li:first-child a {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M10.1,3.5l-6.6,5v8h13v-8L10.1,3.5z'/%3E%3Cpath class='st1' d='M10,16v-4'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -2px
}

#wrapper .contentsWrap .contentsHead .location ul li:first-child a::after {
    display: none
}

#wrapper .contentsWrap .contentsHead .location ul li:last-child {
    margin-right: 0
}

#wrapper .contentsWrap .contentsHead .location ul li.active a::after {
    transform: rotate(180deg)
}

#wrapper .contentsWrap .contentsHead .location ul li.active .subDepth {
    display: block
}

#wrapper .contentsWrap .contentsHead h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8125rem;
    letter-spacing: -.13px;
    color: #111;
    font-weight: 700;
    padding: 2rem 0 0 0;
    text-decoration: none;
}

footer#footer {
    width: 100%;
    padding-bottom: 2.5rem;
    transition: .25s ease
}

footer#footer .innerWrap {
    position: relative;
    width: 109rem;
    margin: 0 auto;
    transition: .25s ease
}

footer#footer .innerWrap .footerArrowBtn {
    display: none;
    position: fixed;
    bottom: 44rem;
    right: 50%;
    width: 3.75rem;
    height: 3.75rem;
    transition: 1s ease;
    margin-right: -54rem;
    z-index: 50;
    overflow: hidden
}

footer#footer .innerWrap .footerArrowBtn.active {
    display: block;
    transition: 1s ease
}

footer#footer .innerWrap #footerWrap {
    position: relative;
    width: 100%;
    height: 40.563rem;
    background-color: #111;
    padding: 5rem 9.188rem;
    box-sizing: border-box;
    border-radius: 30px
}

footer#footer .innerWrap #footerWrap .menu {
    font-size: 0;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .menu li {
    display: inline-block;
    width: 12.5rem;
    vertical-align: top;
    margin-right: 1.5rem
}

footer#footer .innerWrap #footerWrap .menu li:last-child {
    margin-right: 0
}

footer#footer .innerWrap #footerWrap .menu li dl {
    font-size: 0;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .menu li dl dt {
    width: 9.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    margin-bottom: 2rem;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .menu li dl dd {
    width: 12.5rem;
    margin-bottom: 1.25rem;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .menu li dl dd:last-child {
    margin-bottom: 0
}

footer#footer .innerWrap #footerWrap .menu li dl dd a {
    font-size: 0.9rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #666
}

footer#footer .innerWrap #footerWrap .menu li dl dd a:hover {
    color: #fff
}

footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a {
    position: relative
}

footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a::after,
footer#footer .innerWrap #footerWrap .menu li dl dd.esgLink a::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5
}

footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a:hover::after,
footer#footer .innerWrap #footerWrap .menu li dl dd.esgLink a:hover::after {
    opacity: 1
}

html.en footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a::after {}

footer#footer .innerWrap #footerWrap .familySite {
    position: absolute;
    top: 5rem;
    right: 9.188rem
}

footer#footer .innerWrap #footerWrap .familySite .inputSelect {
    width: 15rem
}

footer#footer .innerWrap #footerWrap .logo {
    width: 8.875rem;
    height: 2.313rem;
    background: url(/front/assets/common/images/img_footer_logo.png) 0 0 no-repeat;
    background-size: 8.875rem 2.313rem;
    margin-top: 4rem;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .sideMenu {
    font-size: 0;
    margin-top: 2rem;
    margin-right: 19.5rem;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .sideMenu li {
    display: inline-block;
    margin-right: 1.25rem
}

footer#footer .innerWrap #footerWrap .sideMenu li:first-child a {
    color: #b8b8b8
}

footer#footer .innerWrap #footerWrap .sideMenu li:last-child {
    margin-right: 0
}

footer#footer .innerWrap #footerWrap .sideMenu li a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #666
}

footer#footer .innerWrap #footerWrap .sideMenu li a:hover {
    color: #fff
}

footer#footer .innerWrap #footerWrap address {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: -.01px;
    color: #666;
    margin-top: 2.063rem
}

footer#footer .innerWrap #footerWrap address span {
    margin-left: 1.25rem
}

footer#footer .innerWrap #footerWrap address p {
    display: block;
    margin-top: .563rem
}

footer#footer .innerWrap #footerWrap .snsBtns {
    position: absolute;
    right: 9.188rem;
    bottom: 5rem
}

footer#footer .innerWrap #footerWrap .snsBtns ul {
    font-size: 0;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .snsBtns ul li {
    display: inline-block;
    margin-left: 1rem
}

footer#footer .innerWrap #footerWrap .snsBtns ul li button {
    width: 2.25rem;
    height: 2.25rem;
    overflow: hidden
}

footer#footer .innerWrap #footerWrap .snsBtns ul li:first-child {
    margin-left: 0
}

@media (min-width:1600px) and (max-width:1920px) {
    header#header {
        transition: .25s ease
    }

    header#header .innerWrap {
        transition: .25s ease
    }

    #wrapper .contentsWrap {
        width: 100%;
        max-width: 90rem;
        transition: .25s ease
    }

    footer#footer {
        transition: .25s ease
    }

    footer#footer .innerWrap {
        position: relative;
        width: 100%;
        max-width: calc(100% - 11rem);
        transition: .25s ease
    }

    html.en footer#footer .innerWrap #footerWrap .sideMenu {
        margin-top: 1rem
    }

    html.en footer#footer .innerWrap #footerWrap address {
        margin-top: 1rem
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    header#header {
        transition: .25s ease
    }

    header#header .innerWrap {
        transition: .25s ease;
        max-width: calc(100% - 5.5rem)
    }

    header#header .innerWrap #gnbWrap .gnb li {
        padding: .5rem 1rem;
    }

    header#header .innerWrap #gnbWrap .gnb li>a {
        font-size: 14px;
    }

    #wrapper .contentsWrap {
        width: 90%;
        max-width: 90rem;
        transition: .25s ease
    }

    footer#footer .innerWrap {
        position: relative;
        width: 100%;
        max-width: calc(100% - 11rem);
        transition: .25s ease
    }

    footer#footer .innerWrap #footerWrap {
        padding: 3rem 3.188rem
    }

    footer#footer .innerWrap #footerWrap .logo {
        margin-top: 7rem
    }

    footer#footer .innerWrap #footerWrap .familySite {
        right: 3.188rem;
        top: initial;
        bottom: 9rem
    }

    footer#footer .innerWrap #footerWrap .snsBtns {
        right: 3.188rem
    }

    html.en footer#footer .innerWrap #footerWrap .logo {
        margin-top: 3rem
    }
}

@media (min-width:1200px) and (max-width:1790px) {
    footer#footer .innerWrap #footerWrap {
        padding: 5rem 2.5rem
    }

    footer#footer .innerWrap #footerWrap .menu li dl dt {
        font-size: 0.6rem
    }

    footer#footer .innerWrap #footerWrap .menu li dl dd a {
        font-size: 0.7rem
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    html.en header#header .innerWrap #gnbWrap .gnb li {
        padding: .5rem .675rem
    }

    header#header {
        transition: .25s ease
    }

    header#header .innerWrap {
        transition: .25s ease;
        max-width: calc(100% - 5.5rem)
    }

    header#header .innerWrap #gnbWrap .gnb li {
        padding: .5rem 1.25rem
    }

    header#header .innerWrap #gnbWrap .languageWrap .localLangSelector {
        right: 3rem
    }

    header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li {
        margin-left: .725rem
    }

    header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li a span {
        display: block;
        position: absolute;
        width: 1px;
        height: 1px;
        clip: rect(-1px, -1px, -1px, -1px);
        overflow: hidden
    }

    #wrapper .contentsWrap {
        width: 100%;
        max-width: calc(100% - 5.5rem);
        transition: .25s ease
    }

    footer#footer .innerWrap {
        width: 100%;
        max-width: calc(100% - 5.5rem);
        transition: .25s ease
    }

    footer#footer .innerWrap #footerWrap {
        padding: 2rem 3.188rem
    }

    footer#footer .innerWrap #footerWrap .logo {
        margin-top: 7rem
    }

    footer#footer .innerWrap #footerWrap .familySite {
        right: 3.188rem;
        top: initial;
        bottom: 9rem
    }

    footer#footer .innerWrap #footerWrap .snsBtns {
        right: 3.188rem
    }

    footer#footer .innerWrap #footerWrap .menu li {
        margin-right: 1rem
    }

    html.en footer#footer .innerWrap #footerWrap .logo {
        margin-top: 3rem
    }
}

@media (max-width:1199px) {
    footer#footer {
        padding-bottom: 1.25rem;
        transition: .25s ease
    }

    footer#footer .innerWrap {
        width: 100%;
        padding: 0 1.25rem 0 1.25rem;
        transition: .25s ease
    }

    footer#footer .innerWrap #footerWrap {
        width: 100%;
        height: 36.25rem;
        padding: 2.5rem 1.25rem;
        box-sizing: border-box;
        border-radius: 30px
    }

    footer#footer .innerWrap #footerWrap .footerArrowBtn {
        display: block;
        position: absolute;
        bottom: 37rem;
        right: 1.25rem;
        width: 2.75rem;
        height: 2.75rem;
        margin-right: initial
    }

    footer#footer .innerWrap #footerWrap .footerArrowBtn button {
        width: 2.75rem;
        height: 2.75rem
    }

    footer#footer .innerWrap #footerWrap .menu {
        display: none
    }

    footer#footer .innerWrap #footerWrap .familySite {
        width: 100%;
        position: absolute;
        top: initial;
        right: initial;
        bottom: 6.75rem
    }

    footer#footer .innerWrap #footerWrap .familySite .inputSelect {
        width: calc(100% - 2.5rem)
    }

    footer#footer .innerWrap #footerWrap .logo {
        margin-top: 0
    }

    footer#footer .innerWrap #footerWrap .sideMenu {
        font-size: 0;
        margin-top: 2rem;
        margin-right: 0;
        overflow: hidden
    }

    footer#footer .innerWrap #footerWrap .sideMenu li {
        display: block;
        margin-top: .75rem;
        margin-right: initial
    }

    footer#footer .innerWrap #footerWrap .sideMenu li:first-child {
        margin-top: 0
    }

    footer#footer .innerWrap #footerWrap .sideMenu li:first-child a {
        color: #b8b8b8
    }

    footer#footer .innerWrap #footerWrap .sideMenu li:last-child {
        margin-right: initial
    }

    footer#footer .innerWrap #footerWrap .sideMenu li a {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    footer#footer .innerWrap #footerWrap address {
        margin-top: 2.8rem
    }

    footer#footer .innerWrap #footerWrap address span {
        display: block;
        margin-top: .25rem;
        margin-left: 0
    }

    footer#footer .innerWrap #footerWrap address p {
        display: block;
        margin-top: .25rem
    }

    footer#footer .innerWrap #footerWrap .snsBtns {
        width: 100%;
        position: absolute;
        right: initial;
        bottom: 2.5rem
    }

    footer#footer .innerWrap #footerWrap .snsBtns ul li {
        margin-left: .75rem
    }
}

@media (max-width:1023px) {
    html.en header#header .innerWrap #gnbWrap .gnb li dl dd {
        width: initial
    }

    #wrapper {
        padding-top: 0;
        padding-bottom: 7.5rem
    }

    #wrapper .contentsWrap {
        width: 100%;
        max-width: calc(100% - 5.5rem);
        padding: 6.25rem 0 0 0;
        transition: .25s ease
    }

    #wrapper .contentsWrap .contentsHead h2 {
        padding-top: 0;
        font-size: 2rem;
        line-height: 2.75rem
    }

    body.scrollNone header#header {
        height: -webkit-fill-available !important
    }

    body.scrollNone header#header .innerWrap {
        height: 100%
    }

    header#header {
        height: 3.75rem;
        transition: .25s ease
    }

    header#header .innerWrap {
        position: static;
        width: 100%;
        max-width: initial;
        height: 3.75rem;
        margin: initial;
        transition: .25s ease
    }

    header#header .innerWrap a.logo {
        position: absolute;
        left: 1.25rem;
        top: 50%;
        transform: translateY(-50%);
        width: 10.78rem;
        height: 2.76rem;
        background-size: contain;
        z-index: 100;
        margin: 0;
    }

    header#header .innerWrap #gnbWrap {
        position: fixed;
        top: 0;
        right: -100%;
        display: block;
        width: 100%;
        height: 100vh;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        background-color: #fff;
        text-align: left;
        padding-top: initial;
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
        transition: .15s ease;
        z-index: 100
    }

    header#header .innerWrap #gnbWrap .gnb {
        width: 100%;
        padding-top: 2.5rem
    }

    header#header .innerWrap #gnbWrap .gnb li {
        display: block;
        margin: 1.5rem 0 0 0;
        height: auto !important
    }

    header#header .innerWrap #gnbWrap .gnb li::after {
        display: none
    }

    header#header .innerWrap #gnbWrap .gnb li a {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        color: #111;
        font-weight: 700;
        padding: 0
    }

    header#header .innerWrap #gnbWrap .gnb li dl {
        display: none;
        position: static;
        top: initial;
        top: auto;
        left: initial;
        left: auto;
        width: initial;
        height: auto !important;
        transform: none !important;
        opacity: initial;
        z-index: initial;
        margin: 1.25rem 1.25rem 0 1.25rem;
        overflow: hidden
    }

    header#header .innerWrap #gnbWrap .gnb li dl dd {
        display: block;
        border-radius: 12px;
        width: 100%
    }

    header#header .innerWrap #gnbWrap .gnb li dl dd a {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: -.02px;
        text-align: center;
        border-radius: 12px;
        padding: 1rem 0
    }

    header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
        color: #111;
        background-color: #fff
    }

    header#header .innerWrap #gnbWrap .gnb li:first-child {
        margin-top: 0
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(1) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(2) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(3) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(4) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(5) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(6) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li.active::after {
        display: none
    }

    header#header .innerWrap #gnbWrap .gnb li.active dl {
        display: block;
        visibility: initial;
        opacity: initial;
        animation: none
    }

    header#header .innerWrap #gnbWrap .gnb li.mobileActive::after {
        display: none
    }

    header#header .innerWrap #gnbWrap .gnb li.mobileActive dl {
        display: none;
        visibility: initial;
        opacity: initial
    }

    header#header .innerWrap #gnbWrap .languageWrap {
        display: none;
        transition: .1s linear
    }

    header#header .innerWrap #gnbWrap.active .languageWrap {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3.75rem;
        background-color: #fff;
        border-top: 1px solid #f4f4f4;
        transition: .1s linear;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        padding: 0 1.25rem
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector {
        top: 1.313rem;
        right: 1.75rem;
        position: static;
        margin-left: auto;
        display: flex;
        align-items: center
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul {
        padding-top: 0;
        margin: 0
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul li {
        margin-left: 1rem
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul li a {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector {
        position: static;
        top: 1.125rem;
        right: initial;
        left: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        margin: 0
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector button {
        width: 1.5rem;
        height: 1.5rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll {
        display: block;
        position: fixed;
        top: 0;
        transform: translate(100%);
        width: 100%;
        height: 100vh;
        background-color: #fff;
        border-radius: 0;
        box-shadow: initial;
        padding: initial
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap {
        padding-left: 1.25rem;
        margin-top: 5.25rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li {
        margin-left: 2rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li a {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li:first-child {
        margin-left: 0
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap {
        padding: 1.25rem;
        height: 100%
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap button {
        top: 1.25rem;
        right: 1.25rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList {
        overflow: scroll;
        height: calc(100% - 90px);
        padding-bottom: 90px
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li {
        display: block;
        width: initial;
        height: 3.125rem;
        margin-top: .625rem;
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li a {
        height: 3.125rem;
        line-height: 3.125rem !important
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:first-child {
        margin-top: 0
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(1),
    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(2),
    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3) {
        margin-top: .625rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3n+1) {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents.active {
        height: 100%;
        overflow: auto
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll.active {
        display: block;
        transform: translate(0)
    }

    header#header .innerWrap #gnbWrap.active {
        right: 0
    }

    header#header .innerWrap .mobileAllMenu {
        display: block;
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
        line-height: 0;
        z-index: 200;
        overflow: hidden
    }

    header#header .innerWrap .mobileAllMenu button {
        width: 1.5rem;
        height: 1.5rem;
        overflow: hidden
    }

    #wrapper .contentsWrap {
        width: 100%;
        max-width: 100%;
        transition: .25s ease
    }
}

@media (max-width:768px) {
    #nostyle header#header {
        height: 3.75rem;
        transition: .25s ease
    }

    #nostyle header#header .innerWrap {
        position: relative;
        width: 100%;
        max-width: initial;
        margin: initial;
        transition: .25s ease
    }

    #nostyle header#header .innerWrap #gnbWrap {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        text-align: left;
        padding-top: initial;
        transition: .15s ease;
        z-index: 100
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb {
        margin: 6.25rem 0 0 1.25rem;
        width: 100%
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li {
        display: block;
        margin: 2rem 0 0 0;
        height: auto !important
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li a {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        color: #111;
        font-weight: 700;
        padding: 0
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li dl {
        display: none;
        visibility: initial;
        position: initial;
        top: initial;
        left: initial;
        width: initial;
        height: auto !important;
        transform: none !important;
        opacity: initial;
        z-index: initial;
        margin: 1.25rem 1.25rem 0 1.25rem;
        overflow: hidden
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li dl dd {
        display: block;
        border-radius: 12px
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li dl dd a {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: -.02px;
        text-align: center;
        border-radius: 12px;
        padding: 1rem 0
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
        color: #111;
        background-color: #fff
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:first-child {
        margin-top: 0
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(1) dl {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(2) dl {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(3) dl {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(4) dl {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(5) dl {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(6) dl {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li.active::after {
        display: none
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li.active dl {
        display: block;
        visibility: initial;
        opacity: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li.mobileActive::after {
        display: none
    }

    #nostyle header#header .innerWrap #gnbWrap .gnb li.mobileActive dl {
        display: none;
        visibility: initial;
        opacity: initial
    }

    #nostyle header#header .innerWrap #gnbWrap .languageWrap {
        display: none;
        transition: .1s linear
    }

    #nostyle header#header .innerWrap #gnbWrap.active .languageWrap {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3.75rem;
        background-color: #fff;
        border-top: 1px solid #f4f4f4;
        transition: .1s linear
    }

    #nostyle header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector {
        top: 1.313rem;
        right: 1.75rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul li {
        margin-left: 1rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul li a {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #nostyle header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector {
        top: 1.125rem;
        right: initial;
        left: 1.25rem;
        width: 1.5rem;
        height: 1.5rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector button {
        width: 1.5rem;
        height: 1.5rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll {
        display: block;
        position: fixed;
        top: 0;
        transform: translate(100%);
        width: 100%;
        height: 100vh;
        background-color: #fff;
        border-radius: 0;
        box-shadow: initial;
        padding: initial
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap {
        padding-left: 1.25rem;
        margin-top: 5.25rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li {
        margin-left: 2rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li a {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li:first-child {
        margin-left: 0
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap {
        padding: 1.25rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap button {
        top: 1.25rem;
        right: 1.25rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li {
        display: block;
        width: initial;
        height: 3.125rem;
        margin-top: .625rem;
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li a {
        height: 3.125rem;
        line-height: 3.125rem !important
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:first-child {
        margin-top: 0
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(1),
    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(2),
    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3) {
        margin-top: .625rem
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3n+1) {
        margin-left: initial
    }

    #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll.active {
        display: block;
        transform: translate(0)
    }

    #nostyle header#header .innerWrap #gnbWrap.active {
        right: 0
    }

    #nostyle header#header .innerWrap .mobileAllMenu {
        display: block;
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
        line-height: 0;
        z-index: 200;
        overflow: hidden
    }

    #nostyle header#header .innerWrap .mobileAllMenu button {
        width: 1.5rem;
        height: 1.5rem;
        overflow: hidden
    }

    #nostyle #wrapper {
        padding: 0 0 12.5rem 0
    }

    #nostyle #wrapper .contentsWrap {
        width: 100%;
        max-width: 100%;
        padding: .5rem 0 0 0;
        transition: .25s ease
    }

    #nostyle #wrapper .contentsWrap .contentsHead .location {
        display: none
    }

    #nostyle #wrapper .contentsWrap .contentsHead h2 {
        font-size: 2rem;
        line-height: 2.75rem;
        letter-spacing: -.06px;
        padding: 5.75rem 0 0 0
    }

    #nostyle #wrapper .contentsWrap .contentsBody {
        padding: 2rem 0 0 0
    }

    #nostyle footer#footer {
        padding-bottom: 1.25rem;
        transition: .25s ease
    }

    #nostyle footer#footer .innerWrap {
        width: 100%;
        padding: 0 1.25rem 0 1.25rem;
        transition: .25s ease
    }

    #nostyle footer#footer .innerWrap .footerArrowBtn {
        display: block;
        position: absolute;
        bottom: 37rem;
        right: 1.25rem;
        width: 2.75rem;
        height: 2.75rem;
        margin-right: initial
    }

    #nostyle footer#footer .innerWrap .footerArrowBtn button {
        width: 2.75rem;
        height: 2.75rem
    }

    #nostyle footer#footer .innerWrap #footerWrap {
        width: 100%;
        height: 36.25rem;
        padding: 2.5rem 1.25rem;
        box-sizing: border-box;
        border-radius: 30px
    }

    #nostyle footer#footer .innerWrap #footerWrap .menu {
        display: none
    }

    #nostyle footer#footer .innerWrap #footerWrap .familySite {
        width: 100%;
        position: absolute;
        top: initial;
        right: initial;
        bottom: 6.75rem
    }

    #nostyle footer#footer .innerWrap #footerWrap .familySite .inputSelect {
        width: calc(100% - 2.5rem)
    }

    #nostyle footer#footer .innerWrap #footerWrap .logo {
        margin-top: 0
    }

    #nostyle footer#footer .innerWrap #footerWrap .sideMenu {
        font-size: 0;
        margin-top: 2rem;
        overflow: hidden
    }

    #nostyle footer#footer .innerWrap #footerWrap .sideMenu li {
        display: block;
        margin-top: .75rem;
        margin-right: initial
    }

    #nostyle footer#footer .innerWrap #footerWrap .sideMenu li:first-child {
        margin-top: 0
    }

    #nostyle footer#footer .innerWrap #footerWrap .sideMenu li:last-child {
        margin-right: initial
    }

    #nostyle footer#footer .innerWrap #footerWrap .sideMenu li a {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #nostyle footer#footer .innerWrap #footerWrap address {
        margin-top: 2.8rem
    }

    #nostyle footer#footer .innerWrap #footerWrap address span {
        display: block;
        margin-top: .25rem;
        margin-left: 0
    }

    #nostyle footer#footer .innerWrap #footerWrap address p {
        display: block;
        margin-top: .25rem
    }

    #nostyle footer#footer .innerWrap #footerWrap .snsBtns {
        width: 100%;
        position: absolute;
        right: initial;
        bottom: 2.5rem
    }

    #nostyle footer#footer .innerWrap #footerWrap .snsBtns ul li {
        margin-left: .75rem
    }
}

.boardBox {
    overflow: hidden
}

.boardBoxType_01>ul {
    font-size: 0;
    overflow: hidden
}

.boardBoxType_01>ul>li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 2rem 0 2rem 3.75rem;
    display: flex;
    gap: 3.75rem;
    align-items: flex-start
}

.boardBoxType_01>ul>li .category {
    width: 11.25rem;
    flex-shrink: 0;
    box-sizing: border-box;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #20c85a;
    font-weight: 700
}

.boardBoxType_01>ul>li:first-child {
    border-top: 1px solid #e8e8e8
}

.boardBoxType_01>ul>li .contsWrap {
    flex: 1;
    min-width: 0;
    padding-right: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem
}

.boardBoxType_01>ul>li .contsWrap>a {
    flex: 1;
    min-width: 0;
    display: inline-block
}

.boardBoxType_01>ul>li .contsWrap>a>p.subject {
    position: relative;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700
}

.boardBoxType_01>ul>li .contsWrap>a>p.subject i {
    font-style: normal
}

.boardBoxType_01>ul>li .contsWrap>a .date {
    clear: both;
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #b8b8b8;
    font-weight: 500;
    margin-top: 1rem
}

.boardBoxType_01>ul>li .contsWrap>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
    flex-shrink: 0;
    width: 5.5rem;
    min-width: 5.5rem
}

.boardBoxType_01>ul>li .contsWrap>ul li {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0
}

.boardBoxType_01>ul>li .contsWrap>ul li.pin {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_pin02 - 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' %3E%3Cg data-name='그룹 495923' %3E%3Cpath data-name='합치기 168' d='M.487 10.247a1 1 0 0 1-.878-1.478L1.8 4.748v-4.5h6v4.5L10 8.769a1 1 0 0 1-.878 1.479z' transform='translate(5.197 1.753)' style='stroke-linejoin:round;fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-width:1.5px' /%3E%3Cpath data-name='패스 880255' d='M-4095.781-12203h-10' transform='translate(4110.781 12204.999)' style='fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-width:1.5px' /%3E%3Cpath data-name='패스 880256' d='M-4246-12202.922v6' transform='translate(4256 12214.922)' style='fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-width:1.5px' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.boardBoxType_01>ul>li .contsWrap>ul li.link {
    flex-shrink: 0
}

.boardBoxType_01>ul>li .contsWrap>ul li.link a {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M15,10H5'/%3E%3Cpath class='st1' d='M10,15l5-5l-5-5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.boardBoxType_01>ul>li .contsWrap>ul li.filedown button {
    display: block;
    width: 100% !important;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.boardBoxType_01>ul>li.new .contsWrap>a p.subject::after {
    content: "";
    float: left;
    display: block;
    width: 2.188rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: .3125rem 0 0 .625rem;
    flex: 1 0 auto
}

.boardBoxType_01>ul li.noData {
    display: block
}

.boardBoxType_01>ul li.noData::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111111;%7D%0A%3C/style%3E%3Cpath class='st0' d='M421.9,68.7C377.6,24.4,318.7,0,256,0S134.4,24.4,90.1,68.7c-91.5,91.5-91.5,240.4,0.6,332.5l84.1,77.7 c21.8,21.4,50.7,33.1,81.2,33.1s59.4-11.8,80.8-32.7l85.1-78.7C513.4,309.1,513.4,160.3,421.9,68.7L421.9,68.7z M234.7,128 c0-11.8,9.5-21.3,21.3-21.3c11.8,0,21.3,9.5,21.3,21.3v117.3c0,11.8-9.5,21.3-21.3,21.3c-11.8,0-21.3-9.5-21.3-21.3V128z M256,362.7 c-17.7,0-32-14.3-32-32c0-17.7,14.3-32,32-32s32,14.3,32,32C288,348.3,273.7,362.7,256,362.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin: -6rem 0 0 -2.5rem;
    overflow: hidden
}

.boardBoxType_01>ul li.noData span.noContents {
    display: block;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 500;
    text-align: center;
    padding: 24rem 0 18rem 0
}

.boardBoxType_01>ul li.noResult {
    display: block;
    padding: 10rem 0;
    border-bottom: 0;
    text-align: center;
    margin: 0 auto
}

.boardBoxType_01>ul li.noResult::before {
    content: "";
    display: block;
    overflow: hidden;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    background: url(/front/assets/common/images/common/ico_noResult.png) no-repeat center center/cover
}

.boardBoxType_01>ul li.noResult span.text {
    display: block;
    margin-top: 2rem;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700;
    text-align: center
}

.boardBoxType_01>ul li.noResult span.text em {
    display: block;
    text-align: center;
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -.06px
}

.boardBoxType_01>ul.categoryNormal>li .contsWrap>a {
    flex: 1;
    min-width: 0
}

.boardBoxType_01>ul.categoryNormal>li .contsWrap>a p.subject {
    display: inline-flex
}

.boardBoxType_01>ul.categoryNormal>li .contsWrap>a p.subject i {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.boardBoxType_01>ul.normal>li .contsWrap>a {
    width: calc(100% - 12rem)
}

.boardBoxType_01>ul.normal>li .contsWrap>a p.subject {
    display: inline-flex
}

.boardBoxType_01>ul.normal>li .contsWrap>a p.subject i {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    word-break: break-all
}

.boardBoxType_01>ul.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 1.5rem
}

.boardBoxType_01>ul.gallery.t2>li a {
    margin-bottom: 3rem
}

.boardBoxType_01>ul.gallery>li {
    display: block;
    width: calc((100% - 3rem)/ 3);
    border-bottom: 0 none;
    padding: 0
}

.boardBoxType_01>ul.gallery>li:first-child:not(.noResult) {
    border-top: none
}

.boardBoxType_01>ul.gallery>li.noResult {
    width: 100%;
    display: block;
    padding: 10rem 0;
    border-bottom: 0
}

.boardBoxType_01>ul.gallery>li .contsWrap {
    padding-right: 0;
    display: block
}

.boardBoxType_01>ul.gallery>li .contsWrap .bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0
}

.boardBoxType_01>ul.gallery>li .contsWrap .bottom .date {
    display: block;
    font-size: 1rem;
    color: #b8b8b8;
    line-height: 1.5;
    letter-spacing: -.02px
}

.boardBoxType_01>ul.gallery>li .contsWrap .bottom button {
    display: block
}

.boardBoxType_01>ul.gallery>li .contsWrap .bottom button span {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.boardBoxType_01>ul.gallery>li .contsWrap .bottom button span::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.boardBoxType_01>ul.gallery>li a {
    display: block;
    width: 100%
}

.boardBoxType_01>ul.gallery>li a .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/.678296;
    max-height: 315px;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.boardBoxType_01>ul.gallery>li a .thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.boardBoxType_01>ul.gallery>li a .thumb .thumbInner {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem
}

.boardBoxType_01>ul.gallery>li a .thumb .thumbInner .category {
    display: block;
    z-index: 3;
    width: initial;
    padding: .125rem .25rem;
    color: #fff;
    font-size: .75rem;
    line-height: 1.33;
    letter-spacing: -.01px;
    background-color: #666;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase
}

.boardBoxType_01>ul.gallery>li a p.subject {
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    color: #111;
    font-weight: 700;
    margin-top: 2.5rem
}

.boardBoxType_01>ul.gallery>li a p.subject i {
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.boardBoxType_01>ul.gallery>li a p.description {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #999
}

.boardBoxType_01>ul.gallery>li a p.description i {
    margin-top: 1rem;
    display: block;
    width: 100%;
    font-style: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.boardBoxType_01>ul.gallery>li a span.date {
    display: block;
    margin-top: 1rem
}

.boardBoxType_01>ul.gallery>li a:hover span.thumb img {
    transform: scale(120%)
}

.boardBoxType_01>ul.gallery>li.new .contsWrap>a .thumb .thumbInner {
    display: flex;
    gap: .5rem
}

.boardBoxType_01>ul.gallery>li.new .contsWrap>a .thumb .thumbInner::after {
    content: "NEW";
    display: block;
    font-size: .75rem;
    line-height: 1.33;
    letter-spacing: -.01px;
    color: #fff;
    background-color: #20c85a;
    text-align: center;
    padding: .125rem .25rem;
    border-radius: 4px
}

.boardBoxType_01>ul.gallery>li.new .contsWrap>a p.subject::after {
    display: none
}

.boardBoxType_01>ul.magazine {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 1.5rem
}

.boardBoxType_01>ul.magazine>li {
    display: block;
    width: calc((100% - 3rem)/ 3);
    border-bottom: 0 none;
    padding: 0
}

.boardBoxType_01>ul.magazine>li:first-child:not(.noResult) {
    border-top: none
}

.boardBoxType_01>ul.magazine>li.noResult {
    width: 100%;
    display: block;
    padding: 10rem 0;
    border-bottom: 0
}

.boardBoxType_01>ul.magazine>li .contsWrap {
    display: block;
    padding-right: 0
}

.boardBoxType_01>ul.magazine>li .contsWrap .bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0
}

.boardBoxType_01>ul.magazine>li .contsWrap .bottom .date {
    display: block;
    font-size: 1rem;
    color: #b8b8b8;
    line-height: 1.5;
    letter-spacing: -.02px
}

.boardBoxType_01>ul.magazine>li .contsWrap .bottom button {
    display: block
}

.boardBoxType_01>ul.magazine>li .contsWrap .bottom button span {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.boardBoxType_01>ul.magazine>li .contsWrap .bottom button span::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.boardBoxType_01>ul.magazine>li a {
    display: block;
    width: 100%;
    margin-bottom: 3rem
}

.boardBoxType_01>ul.magazine>li a .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/.678296;
    max-height: 315px;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.boardBoxType_01>ul.magazine>li a .thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.boardBoxType_01>ul.magazine>li a .thumb .thumbInner {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem
}

.boardBoxType_01>ul.magazine>li a .thumb .thumbInner .category {
    display: block;
    z-index: 3;
    width: initial;
    padding: .125rem .25rem;
    color: #fff;
    font-size: .75rem;
    line-height: 1.33;
    letter-spacing: -.01px;
    background-color: #666;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase
}

.boardBoxType_01>ul.magazine>li a p.subject {
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    color: #111;
    font-weight: 700;
    margin-top: 2.5rem
}

.boardBoxType_01>ul.magazine>li a p.subject i {
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.boardBoxType_01>ul.magazine>li a p.description {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #999
}

.boardBoxType_01>ul.magazine>li a p.description i {
    margin-top: 1rem;
    display: block;
    width: 100%;
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    word-break: break-all
}

.boardBoxType_01>ul.magazine>li.new .contsWrap>a .thumb .thumbInner {
    display: flex;
    gap: .5rem
}

.boardBoxType_01>ul.magazine>li.new .contsWrap>a .thumb .thumbInner::after {
    content: "NEW";
    display: block;
    font-size: .75rem;
    line-height: 1.33;
    letter-spacing: -.01px;
    color: #fff;
    background-color: #20c85a;
    text-align: center;
    padding: .125rem .25rem;
    border-radius: 4px;
    z-index: 4
}

.boardBoxType_01>ul.magazine>li.new .contsWrap>a p.subject::after {
    display: none
}

.boardBoxType_01>ul.magazine li.noResult {
    display: block;
    text-align: center;
    margin: 0 auto
}

.boardBoxType_01>ul.download>li .contsWrap {
    width: 100%
}

.boardBoxType_01>ul.download>li .contsWrap>a {
    display: block;
    width: calc(100% - 23.513rem);
    cursor: default
}

.boardBoxType_01>ul.download>li .contsWrap>a p.subject {
    padding-right: 2.188rem
}

.boardBoxType_01>ul.download>li.new .contsWrap>a p.subject i::after {
    content: "";
    display: inline-block;
    width: 2.188rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center center;
    vertical-align: middle;
    margin: -.375rem 0 0 .625rem
}

.boardBoxType_01>ul.download>li.new .contsWrap>a p.subject::after {
    display: none
}

.boardBoxType_01>ul.categoryDownload>li .contsWrap>a {
    width: calc(100% - 12rem);
    cursor: default
}

.boardBoxType_01>ul.categoryDownload>li .contsWrap>a p.subject {
    display: inline-flex
}

.boardBoxType_01>ul.categoryDownload>li.new .contsWrap>a p.subject i::after {
    content: "";
    display: inline-block;
    width: 2.188rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center center;
    vertical-align: middle;
    margin: -.375rem 0 0 .625rem
}

.boardBoxType_01>ul.categoryDownload>li.new .contsWrap>a p.subject::after {
    display: none
}

.listHead {
    display: flow-root;
    font-size: 0;
    padding-bottom: 2.5rem
}

.listHead .leftObject {
    width: 50%;
    float: left;
    text-align: left
}

.listHead .leftObject+.rightObject {
    width: 50%
}

.listHead .rightObject {
    width: 100%;
    float: right;
    font-size: 0;
    text-align: right
}

.listHead .rightObject .inputSelect {
    width: 12.5rem;
    text-align: left;
    margin-left: .75rem
}

.listHead .rightObject .inputSelect:first-child {
    margin-left: 0
}

.listHead .rightObject .inputText.search {
    width: 20rem;
    margin-left: .5rem
}

.listHead:last-child {
    content: "";
    clear: both
}

.viewWrapper {
    width: 100%;
    border-bottom: 1px solid #e8e8e8
}

.viewWrapper .viewHead {
    font-size: 0;
    overflow: visible !important;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transition: width .8s ease
}

.viewWrapper .viewHead .changeWidth {
    position: relative
}

.viewWrapper .viewHead h3.subject {
    width: 100%;
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    color: #111;
    font-weight: 700;
    margin-bottom: 2.625rem
}

.viewWrapper .viewHead .subjectInfo p.date {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 500;
    margin-top: 0 !important;
    margin-bottom: 5.125rem
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap {
    position: relative
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap button.openToolBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .875rem
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap button.openToolBtn span {
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #999
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap button.openToolBtn::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox {
    width: 100%;
    max-width: 19.5rem;
    height: 10.688rem;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 1.188rem;
    display: none;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1.5rem 2.5rem 1.5rem 1.25rem
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 .5rem 0 0;
    overflow: auto
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner>ul li {
    margin-bottom: .563rem
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner>ul li:last-child {
    margin-bottom: 0
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner>ul li button.attachBtn {
    position: relative
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner>ul li button.attachBtn span {
    display: block;
    font-size: .875rem;
    line-height: 1.57;
    letter-spacing: -.01px;
    color: #999;
    text-decoration: underline;
    text-align: justify;
    padding-left: 2.25rem;
    word-break: break-all
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner>ul li button.attachBtn::before {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute
}

.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .closeBtn {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_close - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cg data-name='그룹 493491' %3E%3Cpath data-name='패스 871471' d='m8.174 8.52 12 12' transform='translate(-2.174 -2.52)' style='fill:none;stroke:%23999;stroke-linecap:round;stroke-width:2px' /%3E%3Cpath data-name='패스 871472' d='m0 0 12 12' transform='rotate(-90 12 6)' style='fill:none;stroke:%23999;stroke-linecap:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    top: 1rem;
    right: 1rem
}

.viewWrapper .viewHead.on .changeWidth {
    width: 40%
}

.viewWrapper .viewHead.on h3.subject {
    width: 100%;
    transform: scale(.65);
    margin-bottom: 0
}

.viewWrapper .viewBody {
    padding: 5rem 0 5rem 22.875rem;
    overflow: hidden
}

.viewWrapper .viewBody h4.emphasize p {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700
}

.viewWrapper .viewBody p.editArea {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 500;
    padding-top: 3.5rem
}

.viewFooter {
    margin-top: 5rem
}

.viewFooter ul {
    font-size: 0;
    overflow: hidden
}

.viewFooter ul li {
    position: relative;
    float: left;
    width: calc(50% - 1rem);
    height: 10.375rem;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease
}

.viewFooter ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4.5,12h15'/%3E%3Cpath class='st1' d='M11.5,19l-7-7l7-7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -.75rem;
    overflow: hidden
}

.viewFooter ul li::after {
    content: "";
    display: none
}

.viewFooter ul li:hover {
    border: 1px solid #20c85a
}

.viewFooter ul li:hover a span {
    text-decoration: underline
}

.viewFooter ul li.disabled:hover {
    border: 1px solid #d2d2d2
}

.viewFooter ul li.disabled a {
    cursor: default
}

.viewFooter ul li.disabled a span {
    color: #d2d2d2;
    text-decoration: none
}

.viewFooter ul li.disabled::before {
    filter: opacity(.2)
}

.viewFooter ul li.disabled:last-child::before {
    filter: none
}

.viewFooter ul li.disabled:last-child::after {
    filter: opacity(.2)
}

.viewFooter ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 10.375rem;
    border-radius: 10px;
    overflow: hidden
}

.viewFooter ul li a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7.5rem;
    width: calc(100% - 8.5rem);
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700;
    text-align: left
}

.viewFooter ul li:last-child {
    float: right
}

.viewFooter ul li:last-child::before {
    content: "";
    display: none
}

.viewFooter ul li:last-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,12h-15'/%3E%3Cpath class='st1' d='M12.5,19l7-7l-7-7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -.75rem;
    overflow: hidden
}

.viewFooter ul li:last-child a {
    text-align: right
}

.viewFooter ul li:last-child a span {
    right: 7.5rem;
    left: initial;
    text-align: right
}

.viewFooter ul:last-child {
    content: "";
    clear: both
}

.btnGroup {
    font-size: 0;
    text-align: center;
    margin-top: 5rem;
    overflow: hidden
}

.btnGroup>a,
.btnGroup>button {
    margin: 0 .375rem;
}

.btnGroup .leftObject {
    float: left
}

.btnGroup .leftObject>a,
.btnGroup .leftObject>button {
    margin-right: .75rem
}

.btnGroup .rightObject {
    float: right
}

.btnGroup .rightObject>a,
.btnGroup .rightObject>button {
    margin-left: .75rem
}

.boardTopType_01 {
    position: relative;
    margin-bottom: 7.5rem
}

.boardTopType_01 .boardSlider {
    position: relative;
    width: 100%;
    height: 30rem
}

.boardTopType_01 .boardSlider .boardItem {
    width: 75rem;
    height: 100%;
    position: absolute;
    background-color: #e8e8e8;
    border-radius: 30px;
    transition: all ease .7s;
    z-index: 1;
    left: 0;
    right: 0;
    transform: scale(.7);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.boardTopType_01 .boardSlider .boardItem::before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background-color: #e8e8e8;
    position: absolute;
    border-radius: 30px
}

.boardTopType_01 .boardSlider .boardItem.active {
    z-index: 2;
    opacity: 1;
    background-color: #f4f4f4;
    transform: scale(1);
    border: 1px solid #f4f4f4;
    box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .24)
}

.boardTopType_01 .boardSlider .boardItem.active::before {
    opacity: 0;
    display: none
}

.boardTopType_01 .boardSlider .boardItem .thumbnail {
    width: 30rem;
    height: 30rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.boardTopType_01 .boardSlider .boardItem .thumbnail img {
    max-width: 100%;
    max-height: 100%
}

.boardTopType_01 .boardSlider .boardItem .description {
    width: calc(100% - 30rem);
    padding: 5rem 3.75rem;
    box-sizing: border-box
}

.boardTopType_01 .boardSlider .boardItem .description .subject {
    font-size: 2.5rem;
    color: #111;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.boardTopType_01 .boardSlider .boardItem .description .date {
    display: block;
    font-size: 1.25rem;
    color: #b8b8b8;
    font-weight: 500;
    margin-top: 1rem
}

.boardTopType_01 .boardSlider .boardItem .description .txt {
    font-size: 1.25rem;
    color: #111;
    margin-top: 2.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.boardTopType_01 .boardSliderBtn button {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    z-index: 4
}

.boardTopType_01 .boardSliderBtn button.btnPrev {
    left: 1.875rem;
    background: url("data:image/svg+xml,%3Csvg data-name='round_left - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_left - 24' %3E%3Cpath data-name='패스 58' d='M14 0 7 7 0 0' transform='rotate(90 4.5 27.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E")
}

.boardTopType_01 .boardSliderBtn button.btnNext {
    right: 1.875rem;
    background: url("data:image/svg+xml,%3Csvg data-name='round_right - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right - 24' %3E%3Cpath data-name='패스 58' d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10542.9 12317.838)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E")
}

.pagination {
    width: 100%;
    text-align: center;
    margin-top: 5rem
}

.pagination ul {
    font-size: 0;
    overflow: hidden
}

.pagination ul li {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: top
}

.pagination ul li.num a {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #b8b8b8;
    font-weight: 500;
    line-height: 2.5rem !important;
    text-align: center
}

.pagination ul li.num a:hover {
    color: #20c85a;
    font-weight: 700
}

.pagination ul li.active a {
    color: #20c85a;
    font-weight: 700;
    cursor: default;
    pointer-events: none
}

.pagination ul li.disable {
    pointer-events: none
}

.pagination ul li.disable a {
    cursor: default;
    pointer-events: none
}

.pagination ul li.disable.nextBtn a,
.pagination ul li.disable.nextBtn2 a,
.pagination ul li.disable.prevBtn a,
.pagination ul li.disable.prevBtn2 a {
    opacity: .4
}

.pagination ul li.prevBtn {
    margin-right: 1.25rem
}

.pagination ul li.prevBtn a {
    display: block;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M22,25l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px
}

.pagination ul li.nextBtn {
    margin-left: 1.25rem
}

.pagination ul li.nextBtn a {
    display: block;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M18,25l5-5l-5-5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px
}

.pagination ul li.prevBtn2 {
    margin-right: 1.25rem
}

.pagination ul li.prevBtn2 a {
    display: block;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='<' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_left - 20'%3E%3Cpath data-name='패스 58' d='M10 0 5 5 0 0' transform='rotate(90 2 17)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880260' d='M10 0 5 5 0 0' transform='rotate(90 5 20)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px
}

.pagination ul li.nextBtn2 {
    margin-left: 1.25rem
}

.pagination ul li.nextBtn2 a {
    display: block;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='>' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_right - 20'%3E%3Cpath data-name='패스 58' d='M10 5 5 0 0 5' transform='rotate(90 5.5 20.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880261' d='M10 5 5 0 0 5' transform='rotate(90 2.5 17.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px
}

@media (max-width:768px) {
    .pagination {
        margin-top: 2.5rem
    }

    .pagination ul li {
        width: 2rem;
        height: 2rem
    }

    .pagination ul li.num a {
        width: 2rem;
        height: 2rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
        letter-spacing: -.02px;
        line-height: 2rem !important
    }

    .pagination ul li.prevBtn {
        margin-right: .5rem
    }

    .pagination ul li.prevBtn a {
        display: block;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M22,25l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 4px
    }

    .pagination ul li.nextBtn {
        margin-left: .5rem
    }

    .pagination ul li.nextBtn a {
        display: block;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M18,25l5-5l-5-5'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 4px
    }

    .pagination ul li.prevBtn2 {
        margin-right: .5rem
    }

    .pagination ul li.prevBtn2 a {
        display: block;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml,%3Csvg data-name='<' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_left - 20'%3E%3Cpath data-name='패스 58' d='M10 0 5 5 0 0' transform='rotate(90 2 17)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880260' d='M10 0 5 5 0 0' transform='rotate(90 5 20)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 4px
    }

    .pagination ul li.nextBtn2 {
        margin-left: .5rem
    }

    .pagination ul li.nextBtn2 a {
        display: block;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml,%3Csvg data-name='>' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_right - 20'%3E%3Cpath data-name='패스 58' d='M10 5 5 0 0 5' transform='rotate(90 5.5 20.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880261' d='M10 5 5 0 0 5' transform='rotate(90 2.5 17.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 4px
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    .boardBox {
        overflow: hidden
    }

    .boardBoxType_01>ul.download li .contsWrap a {
        width: calc(100% - 7.513rem)
    }

    .boardTopType_01 .boardSlider {
        position: relative;
        width: 100%;
        height: 25rem
    }

    .boardTopType_01 .boardSlider .boardItem {
        width: 55rem;
        height: 100%;
        position: absolute;
        background-color: #e8e8e8;
        border-radius: 30px;
        transition: all ease .7s;
        z-index: 1;
        left: 0;
        right: 0;
        transform: scale(.7);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .boardTopType_01 .boardSlider .boardItem::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #e8e8e8;
        position: absolute;
        border-radius: 30px
    }

    .boardTopType_01 .boardSlider .boardItem.active {
        z-index: 2;
        opacity: 1;
        background-color: #f4f4f4;
        transform: scale(1)
    }

    .boardTopType_01 .boardSlider .boardItem.active::before {
        opacity: 0
    }

    .boardTopType_01 .boardSlider .boardItem .thumbnail {
        width: 30.265rem;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .boardTopType_01 .boardSlider .boardItem .thumbnail img {
        display: block
    }

    .boardTopType_01 .boardSlider .boardItem .description {
        width: calc(100% - 20rem);
        padding: 5rem 3.75rem;
        box-sizing: border-box
    }

    .boardTopType_01 .boardSlider .boardItem .description .subject {
        font-size: 2rem
    }

    .boardTopType_01 .boardSlider .boardItem .description .date {
        display: block;
        font-size: 1.25rem;
        color: #b8b8b8;
        font-weight: 500;
        margin-top: 1rem
    }

    .boardTopType_01 .boardSlider .boardItem .description .txt {
        font-size: 1.25rem;
        color: #111;
        margin-top: 2.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .boardTopType_01 .boardSliderBtn button {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 50%;
        z-index: 4
    }

    .boardTopType_01 .boardSliderBtn button.btnPrev {
        left: 7.875rem;
        background: url("data:image/svg+xml,%3Csvg data-name='round_left - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_left - 24' %3E%3Cpath data-name='패스 58' d='M14 0 7 7 0 0' transform='rotate(90 4.5 27.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
        background-position: center center
    }

    .boardTopType_01 .boardSliderBtn button.btnNext {
        right: 7.875rem;
        background: url("data:image/svg+xml,%3Csvg data-name='round_right - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right - 24' %3E%3Cpath data-name='패스 58' d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10542.9 12317.838)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
        background-position: center center
    }
}

@media (max-width:1299px) {
    .boardTopType_01 .boardSliderBtn button {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 50%;
        z-index: 4
    }

    .boardTopType_01 .boardSliderBtn button.btnPrev {
        left: 1.5rem;
        background: url("data:image/svg+xml,%3Csvg data-name='round_left - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_left - 24' %3E%3Cpath data-name='패스 58' d='M14 0 7 7 0 0' transform='rotate(90 4.5 27.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
        background-position: center center
    }

    .boardTopType_01 .boardSliderBtn button.btnNext {
        right: 1.5rem;
        background: url("data:image/svg+xml,%3Csvg data-name='round_right - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right - 24' %3E%3Cpath data-name='패스 58' d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10542.9 12317.838)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
        background-position: center center
    }
}

@media (max-width:1023px) {
    .viewWrapper {
        display: block
    }

    .viewWrapper .viewHead .changeWidth {
        width: 100%;
        margin-bottom: 2.5rem
    }

    .viewWrapper .viewHead h3.subject {
        white-space: initial;
        margin-bottom: 2.5rem;
        font-size: 2.125rem;
        line-height: 2.8rem
    }

    .viewWrapper .viewHead .subjectInfo {
        position: initial;
        bottom: initial
    }

    .viewWrapper .viewHead .subjectInfo p.date {
        margin-bottom: 4rem
    }

    .viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox {
        position: relative
    }

    .viewWrapper .viewBody {
        padding: 0 0 5rem 0
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .boardBox {
        overflow: hidden
    }

    .boardBoxType_01>ul>li {
        display: block;
        padding: 2.063rem 0
    }

    .boardBoxType_01>ul>li .category {
        width: 100%;
        display: block;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        margin-bottom: 1rem
    }

    .boardBoxType_01>ul>li .contsWrap {
        width: 100%;
        padding-right: 0;
        display: block;
        align-items: initial;
        justify-content: initial
    }

    .boardBoxType_01>ul>li .contsWrap>a {
        display: block;
        width: 100%
    }

    .boardBoxType_01>ul>li .contsWrap>a>p.subject {
        position: relative;
        font-size: 1rem;
        line-height: 1.5
    }

    .boardBoxType_01>ul>li .contsWrap>a .date {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        margin-top: .75rem
    }

    .boardBoxType_01>ul>li .contsWrap>ul {
        flex-direction: row-reverse;
        margin-right: auto;
        gap: .5rem
    }

    .boardBoxType_01>ul>li .contsWrap>ul li.pin {
        width: 1rem;
        height: 1rem
    }

    .boardBoxType_01>ul>li .contsWrap>ul li.link {
        display: none
    }

    .boardBoxType_01>ul>li .contsWrap>ul li.filedown {
        width: 1rem;
        height: 1rem
    }

    .boardBoxType_01>ul>li.new .contsWrap>a p.subject::after {
        content: "";
        float: left;
        display: block;
        width: 2.188rem;
        height: 1.125rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        margin: .2rem 0 0 .625rem;
        flex: 1 0 auto
    }

    .boardBoxType_01>ul>li.fixed .category {
        position: relative;
        padding-left: 1.5rem
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>a {
        width: 100%
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>a p.subject {
        display: inline-flex
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>a p.subject i {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden;
        word-break: break-all
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2rem;
        flex-shrink: 0;
        width: 5.5rem;
        min-width: 5.5rem;
        position: static
    }

    .boardBoxType_01>ul.normal>li .contsWrap {
        display: flex;
        flex-direction: column-reverse
    }

    .boardBoxType_01>ul.normal>li .contsWrap>a {
        width: 100%
    }

    .boardBoxType_01>ul.normal>li .contsWrap>ul {
        justify-content: initial;
        align-items: initial;
        margin-bottom: 1rem;
        gap: 1rem
    }

    .boardBoxType_01>ul.gallery>li {
        width: calc((100% - 1.5rem)/ 2)
    }

    .boardBoxType_01>ul.gallery>li a .thumb {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        position: relative
    }

    .boardBoxType_01>ul.gallery>li a .thumb .thumbInner .category {
        margin-bottom: 0
    }

    .boardBoxType_01>ul.gallery>li a p.subject {
        display: block;
        position: relative;
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        color: #111;
        font-weight: 700;
        margin-top: 2.5rem
    }

    .boardBoxType_01>ul.gallery>li a p.subject i {
        font-style: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .boardBoxType_01>ul.gallery>li a span.date {
        display: block;
        margin-top: 1rem
    }

    .boardBoxType_01>ul.gallery>li.new .contsWrap>a .thumb .thumbInner {
        display: flex;
        gap: .5rem
    }

    .boardBoxType_01>ul.gallery>li.new .contsWrap>a .thumb .thumbInner::after {
        content: "NEW";
        display: block;
        font-size: .75rem;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #fff;
        background-color: #20c85a;
        text-align: center;
        padding: .125rem .25rem;
        border-radius: 4px
    }

    .boardBoxType_01>ul.gallery>li.new .contsWrap>a p.subject::after {
        display: none
    }

    .boardBoxType_01>ul.gallery li.noResult {
        display: block;
        text-align: center;
        margin: 0 auto
    }

    .boardBoxType_01>ul.magazine>li {
        width: calc((100% - 1.5rem)/ 2)
    }

    .boardBoxType_01>ul.magazine>li a .thumb {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        position: relative
    }

    .boardBoxType_01>ul.magazine>li a .thumb .thumbInner .category {
        margin-bottom: 0
    }

    .boardBoxType_01>ul.magazine>li a p.subject {
        display: block;
        position: relative;
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        color: #111;
        font-weight: 700;
        margin-top: 2.5rem
    }

    .boardBoxType_01>ul.magazine>li a p.subject i {
        font-style: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .boardBoxType_01>ul.magazine>li a span.date {
        display: block;
        margin-top: 1rem
    }

    .boardBoxType_01>ul.magazine>li.new .contsWrap>a .thumb .thumbInner {
        display: flex;
        gap: .5rem
    }

    .boardBoxType_01>ul.magazine>li.new .contsWrap>a .thumb .thumbInner::after {
        content: "NEW";
        display: block;
        font-size: .75rem;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #fff;
        background-color: #20c85a;
        text-align: center;
        padding: .125rem .25rem;
        border-radius: 4px
    }

    .boardBoxType_01>ul.magazine>li.new .contsWrap>a p.subject::after {
        display: none
    }

    .boardBoxType_01>ul.download>li {
        padding: 2rem 0;
        display: block
    }

    .boardBoxType_01>ul.download>li .contsWrap {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    .boardBoxType_01>ul.download>li .contsWrap>a {
        display: block;
        width: 100%
    }

    .boardBoxType_01>ul.download>li .contsWrap>a p.subject {
        font-size: 1rem;
        padding-right: 0
    }

    .boardBoxType_01>ul.download>li .contsWrap>ul {
        align-items: initial;
        justify-content: initial;
        margin-bottom: 1rem
    }

    .boardBoxType_01>ul.categoryDownload>li .category {
        padding-left: 1.5rem
    }

    .boardBoxType_01>ul.categoryDownload>li .contsWrap {
        display: block
    }

    .boardBoxType_01>ul.categoryDownload>li .contsWrap>a {
        width: 100%
    }

    .boardBoxType_01>ul.categoryDownload>li .contsWrap>ul {
        position: absolute;
        top: 2.2rem
    }

    .boardBoxType_01>ul.categoryDownload>li.fixed .category {
        padding-left: 3rem
    }
}

@media (max-width:768px) {
    .boardBox {
        overflow: hidden
    }

    .boardBoxType_01>ul>li {
        display: block;
        padding: 2.063rem 0
    }

    .boardBoxType_01>ul>li .category {
        width: 100%;
        display: block;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        margin-bottom: 1rem
    }

    .boardBoxType_01>ul>li .contsWrap {
        width: 100%;
        padding-right: 0;
        display: block;
        align-items: initial;
        justify-content: initial
    }

    .boardBoxType_01>ul>li .contsWrap>a {
        display: block;
        width: 100%
    }

    .boardBoxType_01>ul>li .contsWrap>a>p.subject {
        position: relative;
        font-size: 1rem;
        line-height: 1.5
    }

    .boardBoxType_01>ul>li .contsWrap>a .date {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        margin-top: .75rem
    }

    .boardBoxType_01>ul>li .contsWrap>ul {
        flex-direction: row-reverse;
        margin-right: auto;
        gap: .5rem
    }

    .boardBoxType_01>ul>li .contsWrap>ul li.pin {
        width: 1rem;
        height: 1rem
    }

    .boardBoxType_01>ul>li .contsWrap>ul li.link {
        display: none
    }

    .boardBoxType_01>ul>li .contsWrap>ul li.filedown {
        width: 1rem;
        height: 1rem
    }

    .boardBoxType_01>ul>li.new .contsWrap>a p.subject::after {
        content: "";
        float: left;
        display: block;
        width: 2.188rem;
        height: 1.125rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        margin: .2rem 0 0 .625rem;
        flex: 1 0 auto
    }

    .boardBoxType_01>ul>li.fixed .category {
        position: relative;
        padding-left: 1.5rem
    }

    .boardBoxType_01>ul li.noResult {
        display: block;
        padding: 2rem 0;
        text-align: center;
        margin: 0 auto
    }

    .boardBoxType_01>ul li.noResult span.text {
        display: block;
        margin-top: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    .boardBoxType_01>ul li.noResult span.text em {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>a {
        width: 100%
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>a p.subject {
        display: inline-flex
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>a p.subject i {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .boardBoxType_01>ul.categoryNormal>li .contsWrap>ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2rem;
        flex-shrink: 0;
        width: 5.5rem;
        min-width: 5.5rem;
        position: static
    }

    .boardBoxType_01>ul.normal>li .contsWrap {
        display: flex;
        flex-direction: column-reverse
    }

    .boardBoxType_01>ul.normal>li .contsWrap>a {
        width: 100%
    }

    .boardBoxType_01>ul.normal>li .contsWrap>ul {
        justify-content: initial;
        align-items: initial;
        margin-bottom: 1rem;
        gap: 1rem
    }

    .boardBoxType_01>ul.gallery {
        margin-top: 0;
        gap: 3rem
    }

    .boardBoxType_01>ul.gallery>li {
        width: calc((100% - 3rem)/ 2);
        margin-top: 0
    }

    .boardBoxType_01>ul.gallery>li:first-child:not(.noResult) {
        border-top: none
    }

    .boardBoxType_01>ul.gallery>li.noResult {
        display: block;
        padding: 2rem 0;
        text-align: center;
        margin: 0 auto
    }

    .boardBoxType_01>ul.gallery>li a .thumb {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        margin: auto
    }

    .boardBoxType_01>ul.gallery>li a .thumb .thumbInner {
        top: .75rem;
        left: .75rem
    }

    .boardBoxType_01>ul.gallery>li a .thumb .thumbInner .category {
        margin-bottom: 0
    }

    .boardBoxType_01>ul.gallery>li a p.subject {
        display: block;
        position: relative;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        margin-top: 1.5rem
    }

    .boardBoxType_01>ul.gallery>li a p.subject i {
        font-style: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .boardBoxType_01>ul.gallery>li a span.date {
        display: block;
        margin-top: 1rem
    }

    .boardBoxType_01>ul.gallery>li.new .contsWrap>a .thumb .thumbInner {
        display: flex;
        gap: .5rem
    }

    .boardBoxType_01>ul.gallery>li.new .contsWrap>a .thumb .thumbInner::after {
        content: "NEW";
        display: block;
        font-size: .75rem;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #fff;
        background-color: #20c85a;
        text-align: center;
        padding: .125rem .25rem;
        border-radius: 4px
    }

    .boardBoxType_01>ul.gallery>li.new .contsWrap>a p.subject::after {
        display: none
    }

    .boardBoxType_01>ul.gallery>li .contsWrap .bottom button span {
        font-size: 0;
        line-height: 0;
        text-indent: -999999px
    }

    .boardBoxType_01>ul.magazine {
        gap: 3rem;
        margin-top: 0
    }

    .boardBoxType_01>ul.magazine>li {
        width: calc((100% - 3rem)/ 2);
        margin-top: 0
    }

    .boardBoxType_01>ul.magazine>li:first-child:not(.noResult) {
        border-top: none
    }

    .boardBoxType_01>ul.magazine>li.noResult {
        display: block;
        padding: 2rem 0;
        text-align: center;
        margin: 0 auto
    }

    .boardBoxType_01>ul.magazine>li a .thumb {
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        margin: auto
    }

    .boardBoxType_01>ul.magazine>li a .thumb .thumbInner {
        top: .75rem;
        left: .75rem
    }

    .boardBoxType_01>ul.magazine>li a .thumb .thumbInner .category {
        margin-bottom: 0
    }

    .boardBoxType_01>ul.magazine>li a p.subject {
        display: block;
        position: relative;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        margin-top: 1.5rem
    }

    .boardBoxType_01>ul.magazine>li a p.subject i {
        font-style: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .boardBoxType_01>ul.magazine>li a span.date {
        display: block;
        margin-top: 1rem
    }

    .boardBoxType_01>ul.magazine>li.new .contsWrap>a .thumb .thumbInner {
        display: flex;
        gap: .5rem
    }

    .boardBoxType_01>ul.magazine>li.new .contsWrap>a .thumb .thumbInner::after {
        content: "NEW";
        display: block;
        font-size: .75rem;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #fff;
        background-color: #20c85a;
        text-align: center;
        padding: .125rem .25rem;
        border-radius: 4px
    }

    .boardBoxType_01>ul.magazine>li.new .contsWrap>a p.subject::after {
        display: none
    }

    .boardBoxType_01>ul.download>li {
        padding: 2rem 0;
        display: block
    }

    .boardBoxType_01>ul.download>li .contsWrap {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    .boardBoxType_01>ul.download>li .contsWrap>a {
        display: block;
        width: 100%
    }

    .boardBoxType_01>ul.download>li .contsWrap>a p.subject {
        font-size: 1rem;
        padding-right: 0
    }

    .boardBoxType_01>ul.download>li .contsWrap>ul {
        align-items: initial;
        justify-content: initial;
        margin-bottom: 1rem
    }

    .boardBoxType_01>ul.categoryDownload>li .category {
        padding-left: 1.5rem
    }

    .boardBoxType_01>ul.categoryDownload>li .contsWrap {
        display: block
    }

    .boardBoxType_01>ul.categoryDownload>li .contsWrap>a {
        width: 100%
    }

    .boardBoxType_01>ul.categoryDownload>li .contsWrap>ul {
        position: absolute;
        top: 2.2rem
    }

    .boardBoxType_01>ul.categoryDownload>li.fixed .category {
        padding-left: 3rem
    }

    .listHead {
        display: flow-root
    }

    .listHead .rightObject {
        float: initial;
        text-align: left
    }

    .listHead .rightObject .inputSelect {
        width: calc(50% - .375rem)
    }

    .listHead .rightObject .inputSelect:first-child {
        margin-right: .75rem
    }

    .listHead .rightObject .inputSelect+.inputSelect {
        display: inline-block;
        width: calc(50% - .375rem);
        margin-left: 0
    }

    .listHead .rightObject .inputSelect.only {
        width: 100% !important
    }

    .listHead .rightObject .inputSelect.only:first-child {
        margin-right: 0
    }

    .listHead .rightObject .inputText.search {
        width: 100%;
        margin-top: .375rem;
        margin-left: 0
    }

    .viewWrapper {
        display: block
    }

    .viewWrapper .viewHead .changeWidth {
        width: 100%;
        margin-bottom: 5rem
    }

    .viewWrapper .viewHead h3.subject {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        line-height: 1.42;
        white-space: initial;
        margin-bottom: 2.5rem
    }

    .viewWrapper .viewHead .subjectInfo {
        position: initial;
        bottom: initial
    }

    .viewWrapper .viewHead .subjectInfo button[class$=Download] {
        margin-top: 4rem
    }

    .viewWrapper .viewBody {
        padding: 0 0 5rem 0
    }

    .viewFooter {
        margin-top: 4rem
    }

    .viewFooter ul li {
        width: calc(50% - .25rem);
        height: 3rem;
        border-radius: 4px
    }

    .viewFooter ul li::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        margin-left: -2.6rem
    }

    .viewFooter ul li::after {
        content: "이전글";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        margin-top: -.7rem;
        margin-left: -.5rem
    }

    .viewFooter ul li a {
        height: 4rem
    }

    .viewFooter ul li a span {
        display: none
    }

    .viewFooter ul li.disabled::after {
        color: #d2d2d2
    }

    .viewFooter ul li.disabled:last-child::before {
        color: #d2d2d2
    }

    .viewFooter ul li:last-child {
        float: right
    }

    .viewFooter ul li:last-child::before {
        content: "다음글";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 50%;
        left: initial;
        width: initial;
        height: initial;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        margin-top: -.7rem;
        margin-left: initial;
        margin-right: -.5rem;
        background-image: none
    }

    .viewFooter ul li:last-child::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 50%;
        left: initial;
        display: inline-block;
        margin-right: -2.6rem
    }

    .viewFooter ul li:last-child a {
        text-align: right
    }

    .viewFooter ul li:last-child a span {
        right: initial;
        left: initial;
        text-align: initial
    }

    html.en .viewFooter ul li::after {
        content: "Prev"
    }

    html.en .viewFooter ul li:last-child::before {
        content: "Next"
    }

    .btnGroup {
        margin-top: 4rem
    }

    .btnGroup>a,
    .btnGroup>button {
        width: 100%;
        margin: initial
    }

    .btnGroup>a+a,
    .btnGroup>a+button,
    .btnGroup>button+a,
    .btnGroup>button+button {
        margin-top: .5rem
    }

    .btnGroup .leftObject {
        float: initial
    }

    .btnGroup .leftObject>button {
        width: 100%;
        margin-right: initial
    }

    .btnGroup .rightObject {
        float: initial
    }

    .btnGroup .rightObject>button {
        width: 100%;
        margin-left: initial
    }

    .boardBoxType_01>ul.magazine>li .contsWrap a p.subject {
        font-size: .875rem
    }

    .boardBoxType_01>ul.magazine>li .contsWrap a p.description {
        font-size: .875rem
    }

    .boardBoxType_01>ul.magazine>li .contsWrap .bottom {
        padding-top: 1.25rem
    }

    .boardBoxType_01>ul.magazine>li .contsWrap .bottom button span {
        font-size: 0
    }

    .boardBoxType_01>ul.magazine>li .contsWrap .bottom button span::after {
        width: 1rem;
        height: 1rem
    }
}

@media (max-width:520px) {
    .boardBoxType_01>ul.magazine>li {
        width: 100%
    }

    .boardBoxType_01>ul.gallery>li {
        width: 100%
    }
}

.viewBody .table table {
    width: 100%
}

.viewBody p img.image_resized {
    height: auto
}

.viewBody figure {
    margin: .9em auto
}

.viewBody figure.image {
    margin: .9em auto;
    text-align: center
}

.viewBody figure.image img {
    margin: .9em auto
}

.viewBody figure.image-style-side {
    margin: 0;
    float: right
}

.viewBody figure.image img,
.viewBody img {
    max-width: 100%;
    height: auto;
    display: block
}

.viewWrapper .viewBody {
    font-size: 1.25rem
}

.viewWrapper .viewBody * {
    font-size: inherit
}

.viewWrapper .viewBody ul {
    margin: unset;
    padding: unset;
    list-style: initial
}

.viewWrapper .viewBody ol {
    margin: unset;
    padding: unset;
    list-style: auto
}

.viewWrapper .viewBody li {
    margin: 0 35px;
    padding: unset;
    font-size: inherit;
    list-style: inherit;
    list-style-type: inherit
}

@media (max-width:1023px) {
    .viewWrapper .viewBody * {
        font-size: .875rem
    }
}

.cpnt_table * {
    font-size: 1.25rem
}

@media (max-width:1023px) {
    .cpnt_table * {
        font-size: .875rem
    }
}

.tabNavWrap.type_01 {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 7.5rem;
    margin-top: 4.125rem
}

.tabNavWrap.type_01 .tabNavList {
    font-size: 0;
    overflow: hidden
}

.tabNavWrap.type_01 .tabNavList li {
    position: relative;
    display: inline-block;
    padding: 0 .5rem .884rem .5rem;
    margin-left: 1.5rem
}

.tabNavWrap.type_01 .tabNavList li a {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #666;
    color: #b8b8b8;
    font-weight: 700
}

.tabNavWrap.type_01 .tabNavList li:first-child {
    margin-left: 0
}

.tabNavWrap.type_01 .tabNavList li.outlink a {
    position: relative
}

.tabNavWrap.type_01 .tabNavList li.outlink a::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    transform: translateY(2px);
    margin-left: .125rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .5
}

.tabNavWrap.type_01 .tabNavList li.outlink.active a::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1
}

.tabNavWrap.type_01 .tabNavList li.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    font-size: 0;
    line-height: 0;
    background-color: #111;
    overflow: hidden
}

.tabNavWrap.type_01 .tabNavList li.active a {
    color: #111
}

.tabNavWrap.type_02 {
    width: 100%;
    height: 100%;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 5rem
}

.tabNavWrap.type_02 .tabNavList {
    font-size: 0;
    overflow: hidden
}

.tabNavWrap.type_02 .tabNavList li {
    position: relative;
    display: inline-block;
    margin-left: 1rem
}

.tabNavWrap.type_02 .tabNavList li a {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 500;
    background-color: #fff;
    border-radius: 26.5px;
    border: 1px solid #e8e8e8;
    padding: .75rem 1.5rem
}

.tabNavWrap.type_02 .tabNavList li:first-child {
    margin-left: 0
}

.tabNavWrap.type_02 .tabNavList li.active a {
    color: #fff;
    background-color: #161616
}

.tabNavWrap.type_02.mapTab {
    margin-bottom: 0
}

.tabNavWrap.language {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 12.5rem
}

.tabNavWrap.language .tabNavList {
    font-size: 0;
    overflow: hidden
}

.tabNavWrap.language .tabNavList li {
    position: relative;
    display: inline-block;
    padding: 0 0 .064rem 0;
    margin-left: 3rem
}

.tabNavWrap.language .tabNavList li a {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 700
}

.tabNavWrap.language .tabNavList li:first-child {
    margin-left: 0
}

.tabNavWrap.language .tabNavList li.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    font-size: 0;
    line-height: 0;
    background-color: #111;
    overflow: hidden
}

.tabNavWrap.language .tabNavList li.active a {
    color: #111
}

.tabContentsWrap .tabContents {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.tabContentsWrap .tabContents.active {
    height: auto;
    opacity: 1;
    overflow: visible
}

.historyContainer .tabContentsWrap .tabContents {
    height: auto;
    opacity: 1;
    overflow: visible
}

.historyContainer .tabContentsWrap .tabContents.active {
    height: auto;
    opacity: 1;
    overflow: visible
}

@media (max-width:1023px) {
    .historyContainer .tabContentsWrap .tabContents {
        height: auto;
        opacity: 1;
        overflow: visible
    }

    .historyContainer .tabContentsWrap .tabContents.active {
        height: auto;
        opacity: 1;
        overflow: visible
    }
}

@media (min-width:825px) and (max-width:1268px) {
    .tabNavWrap.type_01 {
        margin-bottom: 2.5rem;
        margin-top: 2rem
    }

    .tabNavWrap.type_01 .tabNavList {
        padding: 0 1.688rem 1rem 1.25rem;
        overflow: auto;
        white-space: nowrap
    }

    .tabNavWrap.type_01 .tabNavList li {
        padding: 0 .35rem .554rem 0;
        margin-left: 1.25rem
    }

    .tabNavWrap.type_01 .tabNavList li a {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        font-weight: 700
    }

    .tabNavWrap.type_01 .tabNavList::-webkit-scrollbar {
        display: none
    }

    .tabNavWrap.type_02 {
        margin-bottom: .5rem;
        margin-top: 2rem
    }

    .tabNavWrap.type_02 .tabNavList {
        padding: 0 1.688rem 1rem 0;
        overflow: scroll;
        white-space: nowrap
    }

    .tabNavWrap.type_02 .tabNavList li a {
        font-size: .875rem;
        line-height: 1.57;
        border-radius: 1.375rem
    }

    .tabNavWrap.type_02 .tabNavList::-webkit-scrollbar {
        display: none
    }
}

@media (max-width:768px) {
    .tabNavWrap.type_01 {
        margin-bottom: 2.5rem;
        margin-top: 2rem
    }

    .tabNavWrap.type_01 .tabNavList {
        padding: 0 1.688rem 1rem 1.25rem;
        overflow: auto;
        white-space: nowrap
    }

    .tabNavWrap.type_01 .tabNavList li {
        padding: 0 .35rem .554rem 0;
        margin-left: 1.25rem
    }

    .tabNavWrap.type_01 .tabNavList li a {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        font-weight: 700
    }

    .tabNavWrap.type_01 .tabNavList::-webkit-scrollbar {
        display: none
    }

    .tabNavWrap.type_02 {
        margin-bottom: .5rem;
        margin-top: 2rem
    }

    .tabNavWrap.type_02 .tabNavList {
        padding: 0 1.688rem 1rem 0;
        overflow: auto;
        white-space: nowrap
    }

    .tabNavWrap.type_02 .tabNavList li a {
        font-size: .875rem;
        line-height: 1.57;
        border-radius: 1.375rem
    }

    .tabNavWrap.type_02 .tabNavList::-webkit-scrollbar {
        display: none
    }

    .tabNavWrap.language .tabNavList {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .tabNavWrap.language .tabNavList::-webkit-scrollbar {
        display: none
    }
}

a[class$=Solid],
button[class$=Solid] {
    background-color: #111;
    border: 1px solid #111;
    vertical-align: middle
}

a[class$=Solid] span,
button[class$=Solid] span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    font-weight: 500;
    z-index: 1
}

a[class$=Solid]:hover,
button[class$=Solid]:hover {
    background-color: #4a78ff;
    border: 1px solid #4a78ff
}

a[class$=Linear],
button[class$=Linear] {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    vertical-align: middle
}

a[class$=Linear] span,
button[class$=Linear] span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 500;
    z-index: 1
}

a[class$=Linear]:hover,
button[class$=Linear]:hover {
    background-color: #f4f4f4;
    border: 1px solid #b8b8b8
}

.btnLarge {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: middle;
    transition: .5s ease;
    padding: .9375rem 2rem;
    overflow: hidden
}

.btnLargeDisabled {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #d2d2d2 !important;
    border: #d2d2d2 !important;
    padding: 1rem 2rem;
    cursor: not-allowed;
    overflow: hidden
}

.btnLargeDisabled span {
    color: #fff
}

.btnMedium {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: middle;
    transition: .5s ease;
    padding: .688rem 1.875rem;
    overflow: hidden
}

.btnMediumDisabled {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #d2d2d2 !important;
    border: #d2d2d2 !important;
    padding: .75rem 1.875rem;
    cursor: not-allowed;
    overflow: hidden
}

.btnMediumDisabled span {
    color: #fff
}

.btnSmall {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: middle;
    transition: .5s ease;
    padding: .438rem 1.25rem;
    overflow: hidden;
    background: black;
    color: white;
}

.btnSmallDisabled {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #d2d2d2 !important;
    border: #d2d2d2 !important;
    padding: .5rem 1.25rem;
    cursor: not-allowed;
    overflow: hidden
}

.btnSmallDisabled span {
    color: #fff
}

.btnSmall.type01 {}

#wrapper .business {
    word-break: keep-all
}

#wrapper .business .mo {
    display: none !important
}

#wrapper .business .innerContentsWrap:not(:first-child) .contentsWrap .contentsBody {
    padding-top: 0
}

#wrapper .business .innerContentsWrap:not(:last-child) .contentsWrap {
    padding-bottom: 0
}

#wrapper .business .intervalTop {
    margin-top: 12.5rem
}

#wrapper .business .topDesc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

#wrapper .business .topDesc h3 {
    max-width: 38.625rem
}

#wrapper .business .topDesc p {
    margin-top: 0;
    max-width: 44.25rem
}

#wrapper .business .topDesc p.descMg {
    margin-right: 12.5rem
}

#wrapper .business .topDesc.pit1 .btn_glink_line {
    margin-top: 3.5rem;
    color: #111
}

#wrapper .business h3 {
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    font-weight: 700;
    color: #111
}

#wrapper .business h3+* {
    margin-top: 2.5rem
}

#wrapper .business h4 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px;
    font-weight: 700;
    color: #111
}

#wrapper .business p {
    font-size: 1.125rem;
    line-height: 1.78;
    letter-spacing: -.02px;
    color: #666
}

#wrapper .business img {
    display: block;
    width: 100%
}

#wrapper .business .linkWrap {
    display: block;
    width: 22.875rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    font-weight: 700;
    color: #111;
    padding-bottom: 1.188rem;
    border-bottom: 2px solid #111;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 5 5 0 0 5' transform='rotate(90 4 9)' style='stroke-width:1.5px;fill:none;stroke:%23111;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E%0A") no-repeat right .25rem/1.25rem
}

#wrapper .business .linkWrap.downloadIcon {
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_arrow_download - 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpath d='M.913 8h13' transform='translate(2.587 8)' style='stroke-width:1.5px;fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cg %3E%3Cpath d='M8 0 4 4 0 0' transform='translate(6 9)' style='stroke-width:1.5px;fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath d='M12.265 8.973v-9' transform='translate(-2.265 4.027)' style='stroke-width:1.5px;fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

#wrapper .business .imgGroup {
    position: relative
}

#wrapper .business .imgGroup .imgItem {
    position: absolute;
    left: 7.625rem;
    top: 50%;
    width: 29rem;
    transform: translateY(-50%)
}

#wrapper .business .imgGroup .imgItem .imgPoint {
    color: #fff;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    margin-bottom: 3.5rem
}

#wrapper .business .imgGroup .imgItem .imgTxt {
    color: #fff
}

#wrapper .business .toastWrap .toastPop {
    position: absolute;
    padding: .75rem 1.25rem;
    border-radius: .625rem;
    font-size: 1rem;
    background-color: rgba(102, 102, 102, .64);
    color: #fff;
    right: -14.8125rem;
    top: -.1rem;
    display: none;
    width: max-content
}

#wrapper .business .mgt_type01 {
    margin-top: 7.5rem
}

#wrapper .business .pdt_type01 {
    padding-top: 5rem
}

#wrapper .business .pdt_type02 {
    padding-top: 5rem
}

#wrapper .business .cardList li {
    position: relative
}

#wrapper .business .cardList li::after,
#wrapper .business .cardList li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1.875rem
}

#wrapper .business .cardList li::before {
    opacity: 1;
    z-index: -1;
    transition: all .3s ease
}

#wrapper .business .cardList li::after {
    z-index: -2
}

#wrapper .business .cardList li .cardBtn {
    display: block;
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    transition: all .3s ease;
    z-index: 10
}

#wrapper .business .cardList li .cardBtn::after,
#wrapper .business .cardList li .cardBtn::before {
    content: "";
    display: block;
    position: absolute;
    width: 1.125rem;
    height: .125rem;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#wrapper .business .cardList li .cardBtn::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transform-origin: center
}

#wrapper .business .cardList li .cardBtn.open {
    background-color: #111
}

#wrapper .business .cardList li .cardTxt {
    transform: translateY(80px);
    opacity: 0;
    transition: transform 1s ease
}

#wrapper .business .cardList li.on::before {
    opacity: 0
}

#wrapper .business .cardList li.on .cardTxt {
    transform: translateY(0);
    opacity: 1
}

#wrapper .business .cardList li.on .cardBtn {
    background-color: #fff;
    transform: rotate(45deg)
}

#wrapper .business .cardList li.on .cardBtn::after,
#wrapper .business .cardList li.on .cardBtn::before {
    background-color: #111
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .swiper {
    width: 100%;
    max-width: 100%;
    overflow: visible
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev {
    overflow: visible
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList {
    flex-wrap: wrap
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li {
    flex-basis: calc((100% - 48px)/ 3);
    margin-right: 24px !important
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(3n+0) {
    margin-right: 0 !important
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(n+4) {
    margin-top: 24px !important
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a {
    height: 378px;
    background-color: #f4f4f4;
    background-position: left 40px bottom 24px;
    background-repeat: no-repeat
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTit {
    margin-top: 0;
    line-height: 1.38
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt {
    padding: 36px 40px;
    text-align: left
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul {
    margin-top: 0
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul li {
    position: relative;
    padding-left: 14px;
    line-height: 1.56
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul li+li {
    margin-top: 12px
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li.on a {
    background-color: #20c85a;
    background-image: none !important
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(1) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.321;fill:none' d='M0 0h112v112H0z'/%3E%3Cg data-name='그룹 495364'%3E%3Cg data-name='그룹 495359'%3E%3Cpath data-name='합치기 93' d='M2 60.164a2 2 0 0 1-2-2V19.236h.017l17.332-18.1a3.6 3.6 0 0 1 5.253 0 4 4 0 0 1 0 5.486l-16 16.7v34.842a2 2 0 0 1-2 2z' transform='translate(59.945 11.631)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880086' d='M4.3 4.093 9 8.86' transform='translate(66.652 16.452)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3C/g%3E%3Cg data-name='그룹 495363'%3E%3Cpath data-name='합치기 93' d='M17.349 59.028.018 40.929H0V2a2 2 0 0 1 2-2h2.6a2 2 0 0 1 2 2v34.838l16 16.7a4 4 0 0 1 0 5.486 3.6 3.6 0 0 1-5.253 0z' transform='rotate(180 26.025 35.898)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880086' d='M9 4.093 4.3 8.86' transform='translate(32.046 16.451)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='선 126658' transform='translate(14 79.001)' style='stroke:%23000;stroke-width:2.5px;stroke-linecap:round;fill:none' d='M0 0h84'/%3E%3Cg data-name='다각형 26' style='fill:%23111;stroke-linecap:round'%3E%3Cpath d='M13.664 10.75H2.336L8 2.253l5.664 8.497z' style='stroke:none' transform='translate(47.999 87.001)'/%3E%3Cpath d='M8 4.507 4.671 9.5h6.658L8 4.507M8 0l8 12H0L8 0z' style='fill:%23111;stroke:none' transform='translate(47.999 87.001)'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(2) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.679;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(43.625 18.008)'%3E%3Cpath data-name='패스 118' d='m15401.688 5521.184-27.688 38.749 30.418 36.651' transform='translate(-15356.907 -5524.209)' style='stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cpath data-name='선 126657' transform='translate(-21.233 17.277)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M38.047 16.38 0 0'/%3E%3Cpath data-name='선 126659' transform='translate(-13.686 35.916)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M30.501 0 0 25.982'/%3E%3Ccircle data-name='타원 34' cx='18.075' cy='18.075' r='18.075' transform='translate(.328 17.277)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 35' cx='7.908' cy='7.908' r='7.908' transform='translate(37.344 -10.934)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 8894' cx='10.167' cy='10.167' r='10.167' transform='translate(-33.561 5.979)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 36' cx='7.908' cy='7.908' r='7.908' transform='translate(37.344 61.9)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 8897' cx='7.343' cy='7.343' r='7.343' transform='translate(-19.538 53.425)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 8895' cx='6.778' cy='6.778' r='6.778' transform='translate(11.625 28.572)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(3) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.679;fill:none' d='M0 0h112v112H0z'/%3E%3Cpath data-name='합치기 110' d='M4.254 41.414a4 4 0 0 1-3.467-6L11.835 16.23V4.2a2.5 2.5 0 0 1 1-4.791h7a2.5 2.5 0 0 1 1 4.792v12.028l11.048 19.189a4 4 0 0 1-3.467 6z' transform='translate(22.752 13.586)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cpath data-name='패스 880141' d='M-17634.832 6892.6h-20' transform='translate(17683.737 -6852.597)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cg data-name='Icon'%3E%3Cpath data-name='합치기 110' d='M4.254 41.414a4 4 0 0 1-3.467-6L11.835 16.23V4.2a2.5 2.5 0 0 1 1-4.791h7a2.5 2.5 0 0 1 1 4.792v12.028l11.048 19.189a4 4 0 0 1-3.467 6z' transform='translate(59.752 13.586)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cpath data-name='패스 880141' d='M-17634.832 6892.6h-20' transform='translate(17720.737 -6852.597)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3Cg data-name='사각형 353811' transform='translate(14 49)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Crect width='84' height='50' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='81.5' height='47.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3Cpath data-name='선 126660' transform='translate(77 63)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none' d='M0 0h13'/%3E%3Cg data-name='타원 8898' transform='translate(30 79)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Ccircle cx='6' cy='6' r='6' style='stroke:none'/%3E%3Ccircle cx='6' cy='6' r='4.75' style='fill:none'/%3E%3C/g%3E%3Cg data-name='타원 8899' transform='translate(50 79)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Ccircle cx='6' cy='6' r='6' style='stroke:none'/%3E%3Ccircle cx='6' cy='6' r='4.75' style='fill:none'/%3E%3C/g%3E%3Cg data-name='타원 8900' transform='translate(70 79)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Ccircle cx='6' cy='6' r='6' style='stroke:none'/%3E%3Ccircle cx='6' cy='6' r='4.75' style='fill:none'/%3E%3C/g%3E%3C/svg%3E")
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(4) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.321;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(15392.611 -6746.414)'%3E%3Cg data-name='ico_신약 개발'%3E%3Cg data-name='Icon'%3E%3Cg data-name='그룹 495410'%3E%3Cpath data-name='합치기 11' d='M6 65a4 4 0 0 1-4-4V5.829A3 3 0 0 1 3 0h30a3 3 0 0 1 1 5.828V61a4 4 0 0 1-4 4z' transform='translate(-15354.612 6760.414)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3Cpath data-name='패스 880131' d='M-17623.83 6892.6h-31' transform='translate(2303.166 -112.269)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='사각형 353819' transform='translate(-15378.611 6808.414)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Crect width='84' height='32' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='81.5' height='29.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3Crect data-name='사각형 353830' width='90' height='8' rx='2' transform='translate(-15381.611 6838.414)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cg data-name='그룹 495422'%3E%3Cpath data-name='사각형 353664' transform='translate(-15308.611 6818.413)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4' d='M0 0h4v11H0z'/%3E%3Cpath data-name='사각형 353663' transform='translate(-15316.611 6820.413)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4' d='M0 0h4v9H0z'/%3E%3Cpath data-name='사각형 353823' transform='translate(-15324.611 6823.414)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4' d='M0 0h4v6H0z'/%3E%3C/g%3E%3Cg data-name='그룹 495421' transform='translate(-15370.907 6816.816)'%3E%3Ccircle data-name='타원 8857' cx='8' cy='8' r='8' transform='translate(.297 -.403)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3Cg data-name='그룹 495421' transform='translate(-15348.907 6816.816)'%3E%3Ccircle data-name='타원 8857' cx='8' cy='8' r='8' transform='translate(.297 -.403)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cpath data-name='패스 880148' d='M-14918.249 6768v8' transform='translate(14926.547 -6768.402)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cpath data-name='패스 880178' d='M-14918.249 6768v8' transform='rotate(60 -1600.296 16314.566)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(5) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.371;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(18003.25 -9843.51)'%3E%3Cg data-name='그룹 496212'%3E%3Cg data-name='Icon'%3E%3Cpath data-name='합치기 110' d='M2 52.528V5.83A3 3 0 0 1 0 3V1a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-2 2.829v46.7A7.248 7.248 0 0 1 9 60a7.247 7.247 0 0 1-7-7.472z' transform='translate(-17969.25 9860.51)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cpath data-name='패스 880141' d='M-17641.937 6892.6h-12.895' transform='translate(-312.145 2997.197)' style='stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3Cg data-name='Icon'%3E%3Cpath data-name='합치기 110' d='M2 52.528V5.83A3 3 0 0 1 0 3V1a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-2 2.829v46.7A7.248 7.248 0 0 1 9 60a7.247 7.247 0 0 1-7-7.472z' transform='translate(-17943.25 9860.51)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='사각형 353826' d='M2 0h60a2 2 0 0 1 2 2v44h0H0h0V2a2 2 0 0 1 2-2z' transform='translate(-17978.75 9890.003)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:none'/%3E%3Crect data-name='사각형 353827' width='80' height='8' rx='2' transform='translate(-17987.25 9935.511)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(6) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.371;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(27.141 12.846)'%3E%3Cpath data-name='선 126661' transform='translate(4.816 10.155)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M0 0v73.545'/%3E%3Ccircle data-name='타원 8902' cx='8' cy='8' r='8' transform='translate(-3.141 71.154)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Cg data-name='ico_신약 개발'%3E%3Cg data-name='Icon'%3E%3Cg data-name='그룹 495410'%3E%3Cpath data-name='합치기 11' d='M6 48a4 4 0 0 1-4-4V5.829A3 3 0 0 1 3 0h30a3 3 0 0 1 1 5.828V44a4 4 0 0 1-4 4z' transform='translate(24.858 33.153)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3C/g%3E%3Cpath data-name='패스 880131' d='M-17623.83 6892.6h-31' transform='translate(17682.188 -6830.53)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3C/g%3E%3C/g%3E%3Crect data-name='사각형 353667' width='76' height='8' rx='2' transform='translate(-9.141 79.154)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Cpath data-name='선 126662' transform='translate(10.816 10.154)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M0 0h26.389'/%3E%3Ccircle data-name='타원 8862' cx='7' cy='7' r='7' transform='translate(-2.141 3.154)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Cg data-name='사각형 353816' transform='translate(39.859 8.154)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'%3E%3Crect width='8' height='16' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='5.5' height='13.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3Cg data-name='사각형 353815' transform='translate(35.859 2.154)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'%3E%3Crect width='16' height='16' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='13.5' height='13.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

@media (max-width:1200px) {
    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li {
        flex-basis: calc((100% - 24px)/ 2)
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(3n+0) {
        margin-right: 24px !important
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(2n+0) {
        margin-right: 0 !important
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(n+3) {
        margin-top: 24px !important
    }
}

@media (min-width:769px) {
    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList {
        transform: translate3d(0, 0, 0) !important
    }
}

@media (max-width:768px) {
    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        padding: 0;
        margin: 0
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper .swiper-wrapper {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
        margin-right: 24px !important;
        box-sizing: border-box;
        flex-shrink: 0;
        height: auto
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper .swiper-wrapper .swiper-slide:nth-child(2n) {
        margin-right: 0 !important
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev {
        overflow: visible
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList {
        flex-wrap: nowrap
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li {
        flex-basis: 100%;
        margin-right: 0 !important;
        width: 100%
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(3n+0) {
        margin-right: 0 !important
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li:nth-child(n+3) {
        margin-top: 0 !important
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a {
        padding: 40px 32px;
        background-position: left 32px bottom 24px
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTit {
        line-height: 1.42;
        font-size: 24px
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt {
        padding: 36px 32px
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul {
        margin-top: 0
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul li {
        padding-left: 12px;
        line-height: 1.57;
        font-size: 14px
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul li::before {
        top: 8px
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList>li a .cardTxt ul li+li {
        margin-top: 6px
    }
}

#wrapper .business .descWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem
}

#wrapper .business .descWrap .descContent {
    width: 49.1666666667%;
    max-width: 44.25rem
}

#wrapper .business .descWrap .desTit {
    font-size: 1.188rem;
    line-height: 1.58;
    letter-spacing: -.02px;
    color: #20c85a;
    font-weight: 700
}

#wrapper .business .descWrap .desTit+.desPoint {
    margin-top: 1.188rem
}

#wrapper .business .descWrap .desPoint {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -.06px;
    font-weight: 700
}

#wrapper .business .descWrap .desPoint.type_01 {
    font-size: 3.125rem
}

#wrapper .business .descWrap p {
    margin-top: 3.5rem
}

#wrapper .business .descWrap p.tCenter {
    text-align: center
}

#wrapper .business .descWrap .descImg {
    width: 45.2777777778%;
    max-width: 40.75rem
}

#wrapper .business .descWrap .descImg img {
    display: block;
    width: 100%
}

#wrapper .business .descWrap.reverse {
    flex-direction: row-reverse
}

#wrapper .business .descWrap.textWrap {
    margin-top: 5rem;
    align-items: flex-start
}

#wrapper .business .descWrap.textWrap .desPoint {
    width: 40.6944444444%
}

#wrapper .business .descWrap.textWrap p {
    margin: 0;
    width: 49.1666666667%
}

#wrapper .business .descWrap.textWrap.mgtNone {
    margin-top: 0
}

#wrapper .business .descWrap .bio_title {
    text-align: justify
}

#wrapper .business .descCol {
    margin-top: 7.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem
}

#wrapper .business .descCol .descItem {
    width: 33.33333%;
    max-width: 29rem;
    position: relative
}

#wrapper .business .descCol .descContent {
    position: absolute;
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -.06px;
    color: #fff;
    left: 2.5rem;
    bottom: 2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 2.5rem);
    padding-right: 2.5rem
}

#wrapper .business .descCol .descContent .desPoint {
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#wrapper .business .descCol .descContent .desPoint .desSub {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.02px;
    font-weight: 500;
    margin-top: 1.25rem
}

#wrapper .business .art_product {
    background-color: #f8f8f8;
    margin-top: 12.5rem;
    overflow: hidden
}

#wrapper .business .art_product::before {
    content: "";
    position: absolute;
    width: 64.4375rem;
    height: 63.7188rem;
    display: block;
    background-image: radial-gradient(circle at 50% 50%, #34e5ff, rgba(52, 229, 255, .5) 38%, rgba(166, 244, 255, .1) 62%, rgba(255, 255, 255, 0) 71%);
    opacity: .2;
    left: -348px;
    top: -241px
}

#wrapper .business .art_product::after {
    content: "";
    position: absolute;
    width: 47.06rem;
    height: 86.125rem;
    display: block;
    background-image: radial-gradient(circle at 50% 50%, #90ffc8, rgba(144, 255, 200, .5) 22%, rgba(144, 255, 200, .1) 35%, rgba(144, 255, 200, 0) 40%);
    opacity: .2;
    right: -240px;
    bottom: -200px
}

#wrapper .business .contentsWrap {
    position: relative;
    z-index: 2
}

#wrapper .business .product-box {
    padding: 10rem 0;
    position: relative
}

#wrapper .business .product-box .subTxt {
    width: 56.25rem;
    max-width: calc(100% - 9.375rem);
    margin-top: .6rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    color: rgba(102, 102, 102, .4)
}

#wrapper .business .product-box .list-wrap {
    position: relative;
    margin-top: 0
}

#wrapper .business .product-box .list-wrap>button {
    position: absolute;
    right: 0;
    top: -6.7rem;
    top: -1.3rem;
    top: .5rem;
    z-index: 3;
    margin-top: 0
}

#wrapper .business .product-box .list-wrap>button:hover {
    background-color: #111;
    border: 1px solid #111
}

#wrapper .business .product-box .list-wrap>button.active {
    background-color: #20c85a;
    border: 1px solid #20c85a;
    color: #fff
}

#wrapper .business .product-box .list-wrap>button.active span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    font-weight: 500
}

#wrapper .business .product-box .product-list {
    margin-top: 3.375rem;
    position: relative;
    z-index: 2
}

#wrapper .business .product-box .product-list .item {
    border-radius: 1.25rem;
    background-color: #fff;
    font-size: 1.125rem;
    margin-bottom: 1.25rem
}

#wrapper .business .product-box .product-list .item.active .item-content {
    display: flex
}

#wrapper .business .product-box .product-list .item.active .item-head button {
    transform: rotate(180deg)
}

#wrapper .business .product-box .product-list .item .item-head {
    padding: 2.37rem 7rem 2.37rem 2.5rem;
    display: flex;
    align-items: center;
    position: relative
}

#wrapper .business .product-box .product-list .item .item-head .drop-btn {
    position: absolute;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%)
}

#wrapper .business .product-box .product-list .item .item-head .drop-btn button {
    width: 2rem;
    height: 2rem;
    background-image: url(/front/assets/common/images/recruit/ico_arrow_down.png);
    background-size: 100%;
    background-repeat: no-repeat
}

#wrapper .business .product-box .product-list .item .item-head .num {
    width: 7rem;
    height: 3rem;
    border-radius: .75rem;
    background-color: #f2fcfd;
    font-size: 1.25rem;
    color: #4a78ff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.25rem
}

#wrapper .business .product-box .product-list .item .item-head .tit {
    font-size: 2rem;
    color: #111;
    width: calc(100% - 8.25rem)
}

#wrapper .business .product-box .product-list .item .item-content {
    display: none;
    align-items: flex-start;
    padding: 3.75rem;
    display: none;
    border-top: 1px solid #e8e8e8
}

#wrapper .business .product-box .product-list .item .item-content .content-desc {
    margin-right: 5rem;
    width: calc(100% - 422px)
}

#wrapper .business .product-box .product-list .item .item-content .content-desc strong {
    font-size: 1.5rem;
    color: #111;
    margin-bottom: 2rem;
    margin-top: 3.75rem;
    display: block
}

#wrapper .business .product-box .product-list .item .item-content .content-desc strong:first-child {
    margin-top: 0
}

#wrapper .business .product-box .product-list .item .item-content .content-desc p {
    font-size: 1.125rem;
    color: #666;
    font-weight: 500;
    letter-spacing: -.02px;
    line-height: 1.78
}

#wrapper .business .product-box .product-list .item .item-content .content-img {
    width: 342px;
    height: 281px
}

#wrapper .business .relatedPageWrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative
}

#wrapper .business .relatedPageWrap h4 {
    font-size: 3.75rem;
    line-height: 5.25rem;
    letter-spacing: -.12px
}

#wrapper .business .relatedPageWrap img {
    width: calc(100% - 25rem);
    max-width: 48.375rem
}

#wrapper .business .relatedPageWrap .pageList {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 3.438rem
}

#wrapper .business .videoWrap {
    display: block;
    width: 100%;
    margin-top: 7.5rem;
    margin-left: auto;
    margin-right: auto
}

#wrapper .business .videoWrap .video {
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    border-radius: 1.875em;
    overflow: hidden;
    isolation: isolate
}

#wrapper .business .videoWrap .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (max-width:1023px) {
    #wrapper .business .videoWrap {
        margin-top: 3.5rem
    }
}

#wrapper .business.ability .innerContentsWrap+.innerContentsWrap .contentsWrap {
    padding-top: 0
}

#wrapper .business.ability .videoWrap {
    margin-bottom: 20rem
}

#wrapper .business.ability .videoWrap .video {
    padding-top: 56.3888888889%;
    background-image: url(/front/assets/common/images/business/img_ability_img01.png)
}

#wrapper .business.ability .descWrap .descImg {
    width: 66.1%;
    max-width: 59.5rem
}

#wrapper .business.ability .descWrap .descContent {
    width: 28.4%
}

#wrapper .business.ability .motionWrap {
    text-align: center
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
    position: relative;
    padding-top: 49.875rem;
    width: 100%;
    max-width: 49.875rem;
    margin: 0 auto
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    font-weight: 700;
    transform: translate(-50%, -50%)
}

html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
    top: 46%;
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li {
    position: absolute;
    display: block;
    padding: .5rem 1.75rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background: #20c85a;
    border-radius: 1.375rem;
    transition: all ease .3s
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
    bottom: 11.188rem;
    right: -2.563rem
}

html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
    bottom: 5rem
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
    bottom: 11.188rem;
    left: -2.563rem
}

html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
    bottom: 5rem
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .svgCircle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .svgCircle.ani {
    transform: rotate(-90deg);
    z-index: 1
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .svgCircle.ani circle {
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .svgCircle.ani.on circle {
    animation: playCricle 3s ease infinite
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon {
    position: absolute;
    display: block;
    width: 3.4375rem;
    height: 3.4375rem;
    background: url(/front/assets/common/images/business/img_ability_icon01.png) no-repeat center/cover;
    z-index: 10;
    transition: all ease .2s
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(1) {
    top: 10.027rem;
    right: 4.6596491228%;
    transform: rotate(120deg);
    transform-origin: center
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(2) {
    bottom: 0;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    transform: translate(-50%, 50%);
    background: url(/front/assets/common/images/business/img_ability_icon02.png) no-repeat center/cover
}

#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(3) {
    top: 10.027rem;
    left: 4.6596491228%
}

#wrapper .business.ability .motionWrap .circleWrap.open01 .scrollCircle .arrIcon:nth-of-type(1),
#wrapper .business.ability .motionWrap .circleWrap.open01 .scrollCircle .pointLabel li:nth-child(1) {
    opacity: 1
}

#wrapper .business.ability .motionWrap .circleWrap.open01 .scrollCircle .arrIcon:nth-of-type(1) {
    transition-delay: .3s
}

#wrapper .business.ability .motionWrap .circleWrap.open02 .arrIcon:nth-of-type(2),
#wrapper .business.ability .motionWrap .circleWrap.open02 .scrollCircle .pointLabel li:nth-child(2) {
    opacity: 1
}

#wrapper .business.ability .motionWrap .circleWrap.open02 .arrIcon:nth-of-type(2) {
    transition-delay: .3s
}

#wrapper .business.ability .motionWrap .circleWrap.open03 .arrIcon:nth-of-type(3),
#wrapper .business.ability .motionWrap .circleWrap.open03 .scrollCircle .pointLabel li:nth-child(3) {
    opacity: 1
}

#wrapper .business.ability .motionWrap .circleWrap.open03 .arrIcon:nth-of-type(3) {
    transition-delay: .3s
}

#wrapper .business.ability .motionWrap .cardWrap {
    margin-top: 14.438rem;
    position: relative;
    z-index: 10
}

#wrapper .business.ability .motionWrap .cardWrap p {
    margin-top: 1.25rem
}

#wrapper .business.ability .motionWrap .cardWrap .abilitySwiper {
    width: 100%;
    max-width: 62.5rem;
    overflow: visible
}

#wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination {
    display: none
}

#wrapper .business.ability .motionWrap .cardWrap .cardList {
    margin: 5rem auto 0;
    width: 100%
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li {
    text-align: left;
    overflow: hidden
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a {
    display: block;
    width: 100%;
    height: 32.5rem;
    padding: 2.5rem;
    border-radius: 1.875rem;
    position: relative;
    z-index: 2
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardBtn {
    bottom: 1.5rem;
    right: 1.5rem
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardLabel {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    font-weight: 700;
    transition: opacity .5s ease
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTit {
    margin-top: 1.131rem;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-weight: 700;
    color: #111;
    transition: opacity .5s ease
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 2.5rem 1.5rem 0;
    text-align: center
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt p,
#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul {
    color: #fff
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt p {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-weight: 700
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul {
    margin-top: 2rem;
    display: flex;
    flex-direction: column
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul li {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    font-weight: 400
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li::before {
    opacity: 1;
    background-position: center bottom 2rem;
    background-size: 86.2068965517%
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li::after {
    z-index: 1;
    opacity: 0;
    transition: all .3s ease
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li:nth-child(1) .cardLabel {
    color: #4a78ff
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li:nth-child(1)::before {
    background-color: #f2fcfd;
    background-image: url(/front/assets/common/images/business/img_ability_img03.png)
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li:nth-child(1)::after {
    background: #2f71d5
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li:nth-child(2) .cardLabel {
    color: #20c85a
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li:nth-child(2)::before {
    background-color: #f2fcf4;
    background-image: url(/front/assets/common/images/business/img_ability_img04.png)
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li:nth-child(2)::after {
    background: #229b4c
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li.on .cardLabel,
#wrapper .business.ability .motionWrap .cardWrap .cardList>li.on .cardTit {
    opacity: 0
}

#wrapper .business.ability .motionWrap .cardWrap .cardList>li.on::after {
    opacity: 1
}

#wrapper .business.ability .blurBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 62.5rem;
    height: 62rem;
    margin: 0 18.438rem 0 0;
    opacity: .4;
    background-image: radial-gradient(circle at 50% 50%, #adfce0, rgba(173, 252, 224, .5) 38%, rgba(173, 252, 224, .1) 62%, rgba(173, 252, 224, 0) 71%);
    z-index: -1;
    opacity: 0;
    transition: all 1s ease;
    transform: scale(0) translate(10%, 20%);
    animation: moveDim ease 8s infinite 1s
}

#wrapper .business.ability .blurBg.on {
    opacity: 1;
    transform: scale(1) translate(10%, 20%);
    animation: moveDim ease 8s infinite 1s
}

@keyframes playCricle {
    0% {
        opacity: 1;
        stroke-dashoffset: 2600
    }

    95% {
        opacity: 1;
        stroke-dashoffset: 0
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

@keyframes moveDim {
    0% {
        transform: translate(10%, 20%)
    }

    25% {
        transform: translate(-50%, 10%)
    }

    50% {
        transform: translate(50%, 80%)
    }

    75% {
        transform: translate(80%, -50%)
    }

    100% {
        transform: translate(10%, 20%)
    }
}

#wrapper .business.biosimilar .cardList {
    width: 100%;
    display: flex;
    gap: 2.5rem;
    align-items: stretch
}

#wrapper .business.biosimilar .cardList li {
    width: 44.25rem;
    min-height: 36.25rem
}

#wrapper .business.biosimilar .cardList li a {
    display: block;
    border-radius: 1.875rem;
    height: 100%;
    overflow: hidden
}

#wrapper .business.biosimilar .cardList li a>.cardTit {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2.5rem 0 0 2.5rem;
    opacity: 1;
    transition: opacity .5s ease
}

#wrapper .business.biosimilar .cardList li::after {
    background: #f4f4f4
}

#wrapper .business.biosimilar .cardList li .cardTit {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-weight: 700
}

#wrapper .business.biosimilar .cardList li .cardTxt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 7.5rem
}

#wrapper .business.biosimilar .cardList li .cardTxt p {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 500;
    word-break: break-all;
    margin-top: 2rem
}

#wrapper .business.biosimilar .cardList li .cardTxt strong {
    display: block;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    color: #111;
    font-weight: 600;
    margin-top: 5.625rem
}

#wrapper .business.biosimilar .cardList li .cardBtn {
    bottom: 1.5rem;
    right: 1.5rem;
    font-size: 0
}

#wrapper .business.biosimilar .cardList li:nth-child(1)::before {
    background-image: url(/front/assets/common/images/business/img_biosimilar01.png)
}

#wrapper .business.biosimilar .cardList li:nth-child(2)::before {
    background-image: url(/front/assets/common/images/business/img_biosimilar02.png);
    background-position: bottom center;
    background-size: inherit
}

#wrapper .business.biosimilar .cardList li.on a>.cardTit {
    opacity: 0
}

#wrapper .business.biosimilar .cardList li.on .cardTxt {
    transform: translateY(0);
    opacity: 1
}

#wrapper .business.biosimilar .cardList li.on .cardBtn {
    background-color: #fff;
    transform: rotate(45deg)
}

#wrapper .business.biosimilar .cardList li.on .cardBtn::after,
#wrapper .business.biosimilar .cardList li.on .cardBtn::before {
    background-color: #111
}

#wrapper .business.biosimilar .tabContentsWrap {
    overflow: visible
}

#wrapper .business.pl .videoWrap h3 {
    position: relative;
    z-index: 1;
    font-size: 5.625rem;
    line-height: 1.3;
    letter-spacing: -.18px;
    color: #111;
    font-weight: 700;
    margin: 0 0 -3.5rem 2.5rem
}

#wrapper .business.pl .videoWrap .video {
    background-image: url(/front/assets/common/images/business/img_pl_img03.png);
    padding-top: 56.3545150502%;
    padding-top: 56.25%
}

#wrapper .business.pl .videoWrap .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#wrapper .business.cc .prosscessWrap.moItem {
    display: none
}

#wrapper .business.cc ul.listWrap {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    flex-wrap: wrap
}

#wrapper .business.cc .qualityWrap .qualityList {
    align-items: flex-start
}

#wrapper .business.cc .qualityWrap .qualityList li {
    padding: 7.25rem 2.5rem 2.5rem;
    width: 25%;
    font-size: 1.125rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    position: relative;
    background-repeat: no-repeat;
    background-position: center 3.75rem;
    background-size: 3.5rem
}

#wrapper .business.cc .qualityWrap .qualityList li::after,
#wrapper .business.cc .qualityWrap .qualityList li::before {
    content: "";
    display: block
}

#wrapper .business.cc .qualityWrap .qualityList li::before {
    width: 100%;
    height: .063rem;
    margin: 2rem 0 2.063rem;
    background-color: #e8e8e8
}

#wrapper .business.cc .qualityWrap .qualityList li:not(:last-child)::after {
    position: absolute;
    top: 8.5rem;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10543.4 12299.338)' style='stroke:%23d2d2d2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/svg%3E%0A") no-repeat center/cover;
    transform: translateX(50%)
}

#wrapper .business.cc .qualityWrap .qualityList li:nth-child(1) {
    background-image: url(/front/assets/common/images/business/img_cc_icon01.png)
}

#wrapper .business.cc .qualityWrap .qualityList li:nth-child(2) {
    background-image: url(/front/assets/common/images/business/img_cc_icon02.png)
}

#wrapper .business.cc .qualityWrap .qualityList li:nth-child(3) {
    background-image: url(/front/assets/common/images/business/img_cc_icon03.png)
}

#wrapper .business.cc .qualityWrap .qualityList li:nth-child(4) {
    background-image: url(/front/assets/common/images/business/img_cc_icon04.png)
}

#wrapper .business.cc .qualityWrap .qualityList li span {
    display: block;
    margin-bottom: 1.188rem;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-weight: 700;
    color: #20c85a
}

#wrapper .business.cc .prosscessWrap {
    padding-bottom: 5rem;
    position: relative
}

#wrapper .business.cc .prosscessWrap .prosscessList {
    width: 100%;
    gap: 4.5rem;
    position: relative;
    z-index: 2
}

#wrapper .business.cc .prosscessWrap .prosscessList li {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 13.75rem;
    max-height: 13.75rem;
    width: 20%;
    height: 100%;
    background: #fff;
    border-radius: 100%;
    position: relative
}

#wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(even) {
    border: 1.5px solid #20c85a
}

#wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(odd) {
    border: 1.5px solid #4a78ff
}

#wrapper .business.cc .prosscessWrap .prosscessList li span {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    font-weight: 700
}

#wrapper .business.cc .prosscessWrap .prosscessList li:last-child {
    background: #4a78ff
}

#wrapper .business.cc .prosscessWrap .prosscessList li:last-child span {
    color: #fff
}

#wrapper .business.cc .prosscessWrap .prosscessList li:last-child::after {
    display: none
}

#wrapper .business.cc .prosscessWrap .prosscessList li::after {
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background-image: url(/front/assets/common/images/business/img_cp_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -24%
}

#wrapper .business.cc .prosscessWrap .arrow {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#wrapper .business.cc .prosscessWrap .arrow:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 1.6rem;
    right: 0;
    width: 1.503rem;
    height: .25rem;
    background-color: #d2d2d2;
    transform: rotate(45deg);
    transform-origin: center
}

#wrapper .business.cc .prosscessWrap .arrow:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    height: .25rem;
    border-radius: 2px;
    background-image: linear-gradient(to right, #f8f8f8 0, #d2d2d2)
}

#wrapper .business.cc .descWrap {
    align-items: flex-start
}

#wrapper .business.cc .descWrap .descContent,
#wrapper .business.cc .descWrap .descImg {
    width: auto;
    max-width: 100%;
    width: 20%
}

#wrapper .business.cc .descWrap .descContent h4 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px
}

#wrapper .business.cc .descWrap .descImg {
    width: 74.5833333333%;
    max-width: 67.125rem
}

#wrapper .business.cc .brochurerWrap {
    padding: 5rem;
    border-radius: 1.875rem;
    background: #e7f1f4;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

#wrapper .business.cc .brochurerWrap p {
    margin-top: 3.188rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #999
}

#wrapper .business.cd .descWrap .desTit {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    font-weight: 600
}

#wrapper .business.cd .wideWrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

#wrapper .business.cd .strategyWrap {
    padding: 10rem 2.75rem;
    background: #f8f8f8;
    text-align: center
}

#wrapper .business.cd .strategyWrap .descWrap .descContent {
    width: 100%;
    max-width: 100%
}

#wrapper .business.cd .strategyWrap .descWrap .descContent .desTit+.desPoint {
    margin-top: 1.25rem
}

#wrapper .business.cd .strategyWrap .descWrap .descContent .desPoint {
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px
}

#wrapper .business.cd .strategyWrap .descWrap .descContent p {
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: -.02px
}

#wrapper .business.cd .strategyWrap .cardList {
    margin: 5rem auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    max-width: 74.75rem;
    text-align: left
}

#wrapper .business.cd .strategyWrap .cardList>li a {
    display: block;
    position: relative;
    padding: 2.5rem;
    border-radius: 1.875rem;
    width: 100%;
    height: 31.625rem;
    overflow: hidden
}

#wrapper .business.cd .strategyWrap .cardList>li a svg {
    margin: 2.5rem auto 0;
    display: block;
    stroke-dashoffset: 0
}

#wrapper .business.cd .strategyWrap .cardList>li a svg:nth-child(2) {
    display: none
}

#wrapper .business.cd .strategyWrap .cardList>li a .cardNum {
    display: block;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    font-weight: 500
}

#wrapper .business.cd .strategyWrap .cardList>li a .cardTit {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    color: #fff;
    font-weight: 700
}

#wrapper .business.cd .strategyWrap .cardList>li a .cardBtn {
    bottom: 1.5rem;
    right: 1.5rem
}

#wrapper .business.cd .strategyWrap .cardList>li a .cardTxt {
    position: absolute;
    bottom: 5rem;
    left: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

#wrapper .business.cd .strategyWrap .cardList>li a .cardTxt li {
    padding-left: .875rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: -.02px;
    position: relative;
    color: #fff;
    box-sizing: border-box
}

#wrapper .business.cd .strategyWrap .cardList>li a .cardTxt li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: .25rem;
    height: .25rem;
    border-radius: 100%;
    background: #fff;
    transform: translateY(-50%)
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(1) {
    width: calc(39.7993311037% - .75rem);
    max-width: 29rem
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(1) a {
    background: #229b4c
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(1) svg {
    width: 82.7586206897%;
    max-width: 24rem
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(1).aos-animate svg {
    stroke-dasharray: 200;
    animation: 2s linear 0s 1 normal none running cardStroke1
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) {
    width: calc(60.2006688963% - .75rem);
    max-width: 44.25rem
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) a {
    background: #fff
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) .cardTit {
    color: #111
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) .cardNum {
    color: #20c85a
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) .cardTxt li {
    color: #666
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) .cardTxt li::after {
    background: #666
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) svg {
    margin-top: 1.25rem;
    width: 66.8789808917%;
    max-width: 26.25rem
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(2).aos-animate svg {
    stroke-dasharray: 1100;
    animation: 2s linear 0s 1 normal none running cardStroke2
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(3) {
    width: 100%
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(3) a {
    background: #2f71d5
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(3) svg {
    width: 66.5551839465%;
    max-width: 49.75rem
}

#wrapper .business.cd .strategyWrap .cardList>li:nth-child(3).aos-animate svg {
    stroke-dasharray: 918;
    animation: 2s linear 0s 1 normal none running cardStroke3
}

#wrapper .business.cd .strategyWrap .cardList>li.on svg {
    opacity: 0
}

#wrapper .business.cd .cdSwiperWrap {
    padding-bottom: 100px
}

#wrapper .business.cd .cdSwiper {
    position: relative
}

#wrapper .business.cd .cdSwiper .slideContent {
    display: flex;
    align-items: stretch;
    background: #fff;
    height: 100dvh;
    min-height: 100vh;
    min-height: 950px
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap,
#wrapper .business.cd .cdSwiper .slideContent .slideImg {
    width: 50%
}

#wrapper .business.cd .cdSwiper .slideContent .slideImg {
    height: 100%;
    overflow: hidden
}

#wrapper .business.cd .cdSwiper .slideContent .slideImg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#wrapper .business.cd .cdSwiper .slideContent .slideImg img:nth-child(2) {
    display: none
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 200px
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent {
    width: 90%;
    max-width: 36.625rem
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTit+.desPoint {
    margin-top: 1.25rem
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap .desPoint {
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTxt {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 3.5rem
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTxt li {
    padding-left: .875rem;
    position: relative;
    font-size: 1.125rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666
}

#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTxt li::before {
    content: "";
    display: block;
    position: absolute;
    top: .9rem;
    left: 0;
    width: .25rem;
    height: .25rem;
    background: #666;
    border-radius: 100%
}

#wrapper .business.cd .cdSwiper .swiperControl {
    position: absolute;
    bottom: 5rem;
    bottom: 0;
    right: 3rem;
    width: 50%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

#wrapper .business.cd .cdSwiper .swiperControl .controlInner,
#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
    width: 100%;
    max-width: 29rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    --swiper-navigation-size: auto
}

#wrapper .business.cd .cdSwiper .swiperControl .swiper-button-next,
#wrapper .business.cd .cdSwiper .swiperControl .swiper-button-prev,
#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
    position: static
}

#wrapper .business.cd .cdSwiper .swiperControl .controlInner {
    gap: 1.25rem
}

#wrapper .business.cd .cdSwiper .swiperControl .controlSlidePrev {
    margin-left: 0
}

#wrapper .business.cd .cdSwiper .swiperControl .controlSlidePrev::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,19l-7-7l7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

#wrapper .business.cd .cdSwiper .swiperControl .controlSlidePrev:hover::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M16,5l-7,7l7,7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

#wrapper .business.cd .cdSwiper .swiperControl .controlSlideNext::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,5l7,7l-7,7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

#wrapper .business.cd .cdSwiper .swiperControl .controlSlideNext:hover::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,19l7-7L9,5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
    display: flex;
    gap: .4375rem;
    margin-top: 3rem;
    font-size: 0;
    margin-bottom: 9rem
}

#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination .swiper-pagination-bullet {
    width: calc(33.3333333333% - .2916666667rem);
    height: .5rem;
    border-radius: .25rem;
    margin: 0;
    opacity: 1;
    background: #b8b8b8;
    overflow: hidden
}

#wrapper .business.cd .cdSwiper .swiperControl .swiperCover {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background-color: #f4f4f4
}

#wrapper .business.cd .cdSwiper .swiperControl .swiperCover.playBtn {
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_play - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.63 1.535a1 1 0 0 1 1.74 0l6.784 11.972a1 1 0 0 1-.87 1.493H1.716a1 1 0 0 1-.87-1.493z' transform='rotate(90 8.75 12.25)' style='fill:%23111'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem
}

#wrapper .business.cd .cdSwiper .swiperControl .swiperCover.playBtn.stop {
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_pause_bold - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='그룹 495282'%3E%3Cpath data-name='패스 880030' d='M9 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3Cpath data-name='패스 880031' d='M17 4h-2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3C/g%3E%3C/svg%3E")
}

#wrapper .business.cd .cdSwiper.play .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative
}

#wrapper .business.cd .cdSwiper.play .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    animation: fullDot linear 3.8s forwards
}

#wrapper .business.cd .cdSwiper.play.stop .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    animation: none
}

#wrapper .business.distribution .tabContentsWrap+.innerContentsWrap .contentsWrap {
    padding-top: 0
}

#wrapper .business.distribution .mapWrap {
    width: 100%;
    padding: 5.059rem 0 4.302rem;
    background: #f8f8f8
}

#wrapper .business.distribution .mapWrap .mapImgWrap {
    width: 100%;
    max-width: 101rem;
    padding: 0 5.5rem;
    display: flex;
    gap: 3.5rem;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    position: relative
}

#wrapper .business.distribution .mapWrap .mapImgWrap h3 {
    width: 34.375rem;
    font-size: 2rem;
    line-height: 3.5rem;
    letter-spacing: -.08px
}

#wrapper .business.distribution .mapWrap .mapImgWrap .mapImg {
    width: 57.6388888889%;
    max-width: 48.875rem;
    margin-right: 3rem
}

#wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
    position: absolute;
    top: 9rem;
    left: 5.5rem;
    display: inline-flex;
    margin-top: 0;
    padding: .3rem 1.2rem .3rem .7rem;
    border-radius: 1.03125rem;
    background: #fff;
    align-items: center
}

#wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel p {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -.02px;
    font-weight: 700;
    color: #111
}

#wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel img {
    width: 1.625rem;
    height: 1.625rem
}

#wrapper .business.distribution .listWrap {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

#wrapper .business.distribution .corpList li {
    width: calc(50% - .75rem);
    padding: 2.5rem 3.5rem;
    border-radius: 1.875rem;
    border: solid 1px #d2d2d2
}

#wrapper .business.distribution .corpList li h4 {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    font-weight: 700;
    color: #111
}

#wrapper .business.distribution .corpList li .flexItem {
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content
}

#wrapper .business.distribution .corpList li p {
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.75;
    position: relative;
    padding-left: 1.3333rem
}

#wrapper .business.distribution .corpList li p::before {
    width: 1rem;
    height: 1rem;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: .33rem;
    background-size: 100%;
    background-position: center
}

#wrapper .business.distribution .corpList li p.locItem::before {
    background-image: url(/front/assets/common/images/business/imc_loc_icon.png)
}

#wrapper .business.distribution .corpList li p.mailItem::before {
    background-image: url(/front/assets/common/images/business/img_mail_icon.png)
}

#wrapper .business.distribution .corpList li p+div p {
    margin-top: .3889rem
}

#wrapper .business.distribution .corpList li .btnCm {
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(/front/assets/common/images/business/img_copy_icon.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: .5rem;
    margin-top: .3rem
}

#wrapper .business.distribution .partnerList li {
    width: calc(20% - 1.2rem)
}

#wrapper .business.distribution .partnerList li img {
    display: block;
    width: 100%
}

html.en #wrapper .business .imgGroup .imgItem {
    width: 44.25rem
}

@keyframes cardStroke1 {
    from {
        stroke-dashoffset: 200
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes cardStroke2 {
    from {
        stroke-dashoffset: 1100
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes cardStroke3 {
    from {
        stroke-dashoffset: 918
    }

    to {
        stroke-dashoffset: 0
    }
}

@media (max-width:419px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTit {
        font-size: 1.6rem
    }
}

@media (max-width:1400px) {
    #wrapper .business.distribution .mapWrap .mapImgWrap .mapImg {
        margin-right: 0
    }
}

@media (max-width:1240px) {
    #wrapper .business .topDesc {
        gap: 1.5rem;
        flex-direction: column
    }

    #wrapper .business .topDesc h3,
    #wrapper .business .topDesc p {
        max-width: 100%
    }

    #wrapper .business .topDesc p {
        margin-top: 0
    }

    #wrapper .business .topDesc p.descMg {
        margin-right: 0
    }

    #wrapper .business .topDesc p br {
        display: none
    }

    #wrapper .business .topDesc.pit1 .btn_glink_line {
        margin-top: 2.5rem
    }

    #wrapper .business .descCol {
        margin-top: 3.5rem
    }

    #wrapper .business .descCol .descContent {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0
    }

    #wrapper .business .descCol .descContent .desTit {
        position: absolute;
        left: 1.5rem;
        top: 2.5rem
    }

    #wrapper .business .descCol .descContent .desPoint {
        font-weight: 700;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        right: 1.75rem;
        bottom: 1.5rem
    }

    #wrapper .business .descCol .descContent .desPoint .desSub {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        font-weight: 500;
        margin-top: .5rem
    }
}

@media (max-width:1199px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul li{font-size: 1rem;}

    #wrapper .business .relatedPageWrap .pageList {
        gap: 2.5rem
    }

    #wrapper .business.ability .descWrap {
        flex-direction: column
    }

    #wrapper .business.ability .descWrap .descContent,
    #wrapper .business.ability .descWrap .descImg {
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
        padding-top: 40rem;
        max-width: 40rem
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        font-size: 2.5rem;
        line-height: 3.5rem;
        letter-spacing: -.08px
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(1) {
        right: .81%
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(3) {
        left: .81%
    }

    #wrapper .business.biosimilar .cardList li .cardTxt {
        padding: 5rem
    }

    #wrapper .business.cd .descWrap br {
        display: none
    }

    #wrapper .business.cd .cdSwiper .swiperControl {
        bottom: 0
    }

    #wrapper .business.distribution .mapWrap {
        padding-bottom: 5.4rem
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap {
        flex-direction: column
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap .mapImg,
    #wrapper .business.distribution .mapWrap .mapImgWrap h3 {
        width: 100%;
        max-width: 100%;
        padding: 0
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
        top: unset;
        left: unset;
        right: 3.5rem;
        bottom: 0;
        transform: translateY(100%)
    }

    #wrapper .business .imgGroup .imgItem {
        left: 5%
    }

    #wrapper .business .imgGroup .imgItem .imgPoint {
        margin-bottom: 1.5rem
    }

    html.en #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
        top: unset
    }
}

@media (min-width:1023px) and (max-width:1250px) {
    #wrapper .business.cd .cdSwiper .swiperControl {
        right: 0;
        bottom: -5rem
    }
}

@media (max-height:1050px) {
    #wrapper .business.cd .cdSwiper .slideContent .slideImg img {
        position: relative;
        top: 0;
        left: 0;
        width: auto
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap {
        padding-top: 5rem
    }

    #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
        margin-top: 5vh
    }
}

@media (max-height:800px) {
    #wrapper .business.cd .cdSwiper .slideContent .descWrap {
        padding-top: 2rem
    }

    #wrapper .business.cd .cdSwiper .swiperControl {
        bottom: 2rem
    }
}

@media (max-width:1119px) {
    #wrapper .business .relatedPageWrap {
        flex-direction: column
    }

    #wrapper .business .relatedPageWrap img {
        margin-top: 2.5rem;
        width: 100%;
        max-width: 100%
    }

    #wrapper .business .relatedPageWrap .pageList {
        position: static;
        margin-top: 2.5rem;
        gap: 2rem
    }
}

@media (max-width:1023px) {

    #wrapper .business .linkWrap {
        width: 100%
    }

    #wrapper .business .descWrap {
        flex-direction: column;
        gap: 1.5rem
    }

    #wrapper .business .descWrap .descContent,
    #wrapper .business .descWrap .descImg {
        width: 100%;
        max-width: 100%
    }

    #wrapper .business .descWrap p {
        margin-top: 1.5rem
    }

    #wrapper .business .descWrap.reverse {
        flex-direction: column
    }

    #wrapper .business .descWrap.textWrap {
        flex-direction: column
    }

    #wrapper .business .descWrap.textWrap .desPoint,
    #wrapper .business .descWrap.textWrap p {
        width: 100%
    }

    #wrapper .business.biosimilar .cardList {
        flex-direction: column
    }

    #wrapper .business.biosimilar .cardList li {
        width: 100%
    }

    #wrapper .business.biosimilar .cardList li .cardTxt {
        justify-content: flex-start
    }

    #wrapper .business.biosimilar .cardList li .cardTxt strong {
        margin-top: 2.5rem
    }

    #wrapper .business.biosimilar .cardList li .cardTxt p {
        margin-top: 1.5rem
    }

    #wrapper .business.biosimilar .cardList li:nth-child(1)::before {
        background-image: url(/front/assets/common/images/business/img_Mbiosimilar01.png)
    }

    #wrapper .business.biosimilar .cardList li:nth-child(2)::before {
        background-image: url(/front/assets/common/images/business/img_Mbiosimilar02.png)
    }

    #wrapper .business.cc .descWrap .descContent {
        width: 100%
    }

    #wrapper .business.cc .descWrap .descContent h4 br.pc {
        display: none
    }

    #wrapper .business.cc .descWrap .descImg {
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.cc ul.listWrap {
        flex-direction: row
    }

    #wrapper .business.cc .qualityWrap .qualityList {
        margin-top: 0
    }

    #wrapper .business.cc .qualityWrap .qualityList li {
        width: 100%;
        padding: 6.5rem 3.5rem 3.5rem;
        background-position: center 3rem
    }

    #wrapper .business.cc .qualityWrap .qualityList li:not(:last-child)::after {
        top: 100%;
        right: 50%;
        transform: rotate(90deg) translate(-50%, -50%);
        transform-origin: center
    }

    #wrapper .business.cc .qualityWrap .qualityList li:last-child {
        padding-bottom: 0
    }

    #wrapper .business.cc .qualityWrap .qualityList li br {
        display: none
    }

    #wrapper .business.cc .brochurerWrap {
        flex-direction: column;
        align-items: flex-start
    }

    #wrapper .business.cc .brochurerWrap p {
        margin-top: 1.25rem
    }

    #wrapper .business.cc .brochurerWrap .linkWrap {
        margin-top: 5.063rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList {
        margin: 2.5rem auto 0;
        max-width: 100%;
        gap: 3rem;
        justify-content: center
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:not(:last-child) {
        position: relative
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:not(:last-child)::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 6.5rem;
        left: 85%;
        width: 2rem;
        height: 2rem;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10543.4 12299.338)' style='stroke:%23d2d2d2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/svg%3E%0A") no-repeat center/cover;
        transform: rotate(0) translate(130%, 50%);
        transform-origin: center
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li {
        width: 100%
    }

    #wrapper .business.cc .prosscessWrap .arrow {
        display: none
    }

    #wrapper .business.cd .strategyWrap {
        padding: 10rem 1.25rem
    }

    #wrapper .business.cd .strategyWrap .descWrap {
        text-align: left
    }

    #wrapper .business.cd .strategyWrap .cardList li:nth-child(1) {
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.cd .strategyWrap .cardList li:nth-child(1) svg {
        margin-top: 1.5rem;
        width: 43.3408577878%;
        max-width: 24rem
    }

    #wrapper .business.cd .strategyWrap .cardList li:nth-child(2) {
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.cd .strategyWrap .cardList li:nth-child(2) svg {
        margin-top: 1.5rem;
        width: 47.4040632054%;
        max-width: 26.25rem
    }

    #wrapper .business.cd .strategyWrap .cardList li:nth-child(3) svg {
        margin-top: 1.5rem;
        width: 89.841986456%;
        max-width: 49.75rem
    }

    #wrapper .business.cd .cdSwiperWrap {
        padding-bottom: 0
    }

    #wrapper .business.cd .cdSwiper .slideContent {
        flex-direction: column
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap,
    #wrapper .business.cd .cdSwiper .slideContent .slideImg {
        width: 100%
    }

    #wrapper .business.cd .cdSwiper .slideContent .slideImg {
        height: 15rem
    }

    #wrapper .business.cd .cdSwiper .slideContent .slideImg img {
        width: 100%
    }

    #wrapper .business.cd .cdSwiper .slideContent .slideImg img:nth-child(1) {
        display: none
    }

    #wrapper .business.cd .cdSwiper .slideContent .slideImg img:nth-child(2) {
        display: block
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap {
        padding: 2.5rem 1.25rem 0;
        height: calc(100vh - 15rem);
        height: auto;
        padding-bottom: 15rem;
        padding-bottom: 5rem;
        justify-content: flex-start
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent {
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.cd .cdSwiper .swiperControl {
        position: static;
        left: 2%;
        padding-left: 2rem
    }

    #wrapper .business.cd .cdSwiper .swiperControl .controlInner {
        max-width: 100%;
        margin-bottom: 3rem;
        margin-bottom: 0
    }

    #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
        margin-top: 3rem;
        margin-bottom: 0
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap {
        padding: 0 1.25rem
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
        right: 1.25rem
    }

    #wrapper .business.distribution .corpList {
        flex-direction: column
    }

    #wrapper .business.distribution .corpList li {
        width: 100%
    }

    #wrapper .business.distribution .partnerList li {
        width: calc(33.3333333333% - 1rem)
    }

    #wrapper .business .product-box .product-list .item .item-content .content-img {
        display: none
    }

    #wrapper .business .product-box .product-list .item .item-content .content-desc {
        width: 100%;
        margin-right: 0
    }

    #wrapper .business .pdt_type02 {
        padding-top: 3rem
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
        right: -2.563rem
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        top: 44%;
        font-size: 1.2rem;
    }
}

@media (max-width:768px) {
    #wrapper .business .contentsWrap {
        padding-top: 5rem
    }

    #wrapper .business .pc {
        display: none !important
    }

    #wrapper .business .mo {
        display: block !important
    }

    #wrapper .business .intervalTop {
        margin-top: 7.5rem
    }

    #wrapper .business h3 {
        font-size: 2rem;
        line-height: 2.75rem;
        letter-spacing: -.06px
    }

    #wrapper .business h4 {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business p {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    #wrapper .business .imgGroup {
        height: 27.5rem;
        border-radius: 30px;
        overflow: hidden
    }

    #wrapper .business .imgGroup img {
        height: 100%;
        object-fit: cover
    }

    #wrapper .business .imgGroup .imgItem {
        width: auto;
        left: 2.5rem;
        padding-right: 2.5rem
    }

    #wrapper .business .toastWrap .toastPop {
        font-size: .875rem;
        left: 0;
        top: 2.5rem;
        line-height: 1;
        height: 2.25rem
    }

    #wrapper .business .mgt_type01 {
        margin-top: 3.5rem
    }

    #wrapper .business .pdt_type01 {
        padding-top: 2.5rem
    }

    #wrapper .business .linkWrap {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        padding-bottom: .938rem;
        background-position: right .1rem
    }

    #wrapper .business .cardList>li a {
        padding: 2.5rem 2rem
    }

    #wrapper .business .descWrap.textWrap {
        margin-top: 1.5rem
    }

    #wrapper .business .descWrap .desPoint {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business .descWrap .desPoint.type_01 {
        font-size: 2rem
    }

    #wrapper .business .relatedPageWrap h4 {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business .relatedPageWrap .pageList {
        gap: 2.563rem
    }

    #wrapper .business .mobileMotion {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
        transition: opacity ease .5s, transform ease .5s
    }

    #wrapper .business .mobileMotion.on {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    #wrapper .business.ability .videoWrap {
        margin: 2.5rem 0 7.5rem
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
        padding-top: 31.25rem;
        max-width: 31.25rem
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li {
        padding: .35rem 1.25rem;
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
        bottom: 0;
        right: 0;
        margin-bottom: 24.589010989%
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
        bottom: -3rem;
        right: 0;
        margin-bottom: 24.589010989%
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
        bottom: 0;
        left: 0;
        margin-bottom: 24.589010989%
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
        bottom: -3rem;
        left: 0;
        margin-bottom: 24.589010989%
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(1) {
        top: 0;
        right: 0;
        background-image: url(/front/assets/common/images/business/img_ability_micon01.png);
        transform: rotate(0);
        margin: 11.2864% 8% 0 0
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(3) {
        top: 0;
        left: 0;
        background-image: url(/front/assets/common/images/business/img_ability_micon02.png);
        margin: 11.2864% 0 0 8%
    }

    #wrapper .business.ability .motionWrap .cardWrap {
        margin-top: 7.5rem;
        text-align: left
    }

    #wrapper .business.ability .motionWrap .cardWrap h4 br {
        display: none
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList {
        margin-top: 2.5rem
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper {
        padding: 0;
        overflow: visible;
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiper-wrapper {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
        margin-right: 24px !important;
        box-sizing: border-box;
        flex-shrink: 0;
        height: auto
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiper-wrapper .swiper-slide:nth-child(2n) {
        margin-right: 0 !important
    }
}

@media (min-width:769px) and (max-width:1023px) {
    /* 첫 번째 섹션: 2개씩 보이도록 */
    #wrapper .business.ability .motionWrap .cardWrap:not(.t-techDev) .abilitySwiper {
        overflow: visible;
    }

    #wrapper .business.ability .motionWrap .cardWrap:not(.t-techDev) .abilitySwiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
        margin-right: 24px !important;
        box-sizing: border-box;
        flex-shrink: 0;
        height: auto
    }

    #wrapper .business.ability .motionWrap .cardWrap:not(.t-techDev) .abilitySwiper .swiper-wrapper .swiper-slide:nth-child(2n) {
        margin-right: 0 !important
    }
}

@media (max-width:768px) {
    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper {
        padding: 0;
        overflow: visible;
        width: 100%;
        max-width: 100%
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiper-wrapper {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    /* 두 번째 섹션: 2개씩 보이도록 유지 */
    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
        margin-right: 24px !important;
        box-sizing: border-box;
        flex-shrink: 0;
        height: auto
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiper-wrapper .swiper-slide:nth-child(2n) {
        margin-right: 0 !important
    }

    /* 첫 번째 섹션: 1개씩 보이도록 (더 구체적인 선택자로 나중에 배치) */
    #wrapper .business.ability .motionWrap .cardWrap:not(.t-techDev) .abilitySwiper {
        overflow: hidden;
    }

    #wrapper .business.ability .motionWrap .cardWrap:not(.t-techDev) .abilitySwiper .swiper-wrapper .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box;
        flex-shrink: 0;
        height: auto
    }

    /* 두 번째 섹션: 1개씩 보이도록 변경 */
    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 0;
        margin: 0
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper .swiper-wrapper {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev .abilitySwiper .swiper-wrapper .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box;
        flex-shrink: 0;
        height: auto
    }

    #wrapper .business.ability .motionWrap .cardWrap.t-techDev {
        overflow: visible
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a {
        height: 30rem
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTit {
        margin-top: 0;
        word-break: break-word;
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardBtn {
        font-size: 0
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt {
        text-align: center;
        padding: 4.5rem 2.8rem 4.3125rem
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul>li {
        font-size: 1rem
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt p {
        margin-top: 0;
        font-size: 2rem
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination {
        font-size: 0;
        display: block;
        margin-top: 1.5rem;
        text-align: center
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination .swiper-pagination-bullet {
        width: 2.5rem;
        height: .5rem;
        border-radius: .25rem;
        background: #b8b8b8;
        opacity: 1
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #111
    }

    #wrapper .business.biosimilar .cardList li {
        min-height: auto
    }

    #wrapper .business.biosimilar .cardList li a {
        padding: 0
    }

    #wrapper .business.biosimilar .cardList li a>.cardTit {
        padding: 2.5rem 0 0 2rem
    }

    #wrapper .business.biosimilar .cardList li a .cardTit {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business.biosimilar .cardList li a .cardTxt {
        padding: 2.5rem 2rem 7.438rem
    }

    #wrapper .business.biosimilar .cardList li a .cardTxt strong {
        font-size: 1.125rem;
        line-height: 1.78;
        letter-spacing: -.02px;
        font-weight: 700
    }

    #wrapper .business.biosimilar .cardList li a .cardTxt p {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: -.02px
    }

    #wrapper .business.biosimilar .cardList li a .cardTxt .cardBtn {
        bottom: 2rem;
        right: 2rem
    }

    #wrapper .business.cd .wideWrap {
        width: calc(100% + 2.5rem);
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        left: 0;
        transform: translate(0)
    }

    #wrapper .business.cd .strategyWrap {
        max-width: 100%;
        padding: 5rem 1.25rem;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    #wrapper .business.cd .strategyWrap .descWrap {
        padding: 0
    }

    #wrapper .business.cd .strategyWrap .descWrap .descContent .desTit {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    #wrapper .business.cd .strategyWrap .descWrap .descContent .desPoint {
        margin-top: .75rem;
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business.cd .strategyWrap .descWrap .descContent p {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: -.02px
    }

    #wrapper .business.cd .strategyWrap .cardList {
        padding: 0;
        margin-top: 1.5rem
    }

    #wrapper .business.cd .strategyWrap .cardList>li .cardBtn {
        width: 2.5rem;
        height: 2.5rem
    }

    #wrapper .business.cd .strategyWrap .cardList>li a {
        padding: 2.5rem 2rem;
        height: 21.75rem
    }

    #wrapper .business.cd .strategyWrap .cardList>li a .cardTit {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        letter-spacing: -.15px
    }

    #wrapper .business.cd .strategyWrap .cardList>li a .cardNum {
        margin-bottom: .75rem;
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #wrapper .business.cd .strategyWrap .cardList>li a .cardTxt {
        left: 2.1875rem;
        bottom: 4rem;
        gap: .5rem
    }

    #wrapper .business.cd .strategyWrap .cardList>li a .cardTxt li {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #wrapper .business.cd .strategyWrap .cardList>li:nth-child(1) svg {
        margin-top: 1.063rem;
        width: 96.3824455439%;
        max-width: 15rem;
        transform: translateX(-.5rem)
    }

    #wrapper .business.cd .strategyWrap .cardList>li:nth-child(2) svg {
        margin-top: 3.607rem;
        width: 77.1059564351%;
        max-width: 12rem
    }

    #wrapper .business.cd .strategyWrap .cardList>li:nth-child(3) svg {
        margin-top: 2.75rem;
        width: 127.7067403457%;
        max-width: 19.875rem;
        transform: translate(-2rem, 1.6005rem)
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap {
        padding: 2.5rem 1.25rem 0;
        padding-bottom: 8rem
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent .desTit {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent .desPoint {
        margin-top: .75rem;
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent .desTxt {
        gap: 0;
        margin-top: 1rem
    }

    #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent .desTxt li {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: -.02px
    }

    #wrapper .business.cd .cdSwiper .swiperControl {
        bottom: 0;
        left: 1.25rem;
        right: 0;
        transform: translate(0);
        width: calc(100% - 2.5rem)
    }

    #wrapper .business.cd .cdSwiper .swiperControl .controlInner {
        gap: .5rem;
        margin-bottom: 0
    }

    #wrapper .business.cd .cdSwiper .swiperControl .controlInner .swiper-button-next,
    #wrapper .business.cd .cdSwiper .swiperControl .controlInner .swiper-button-prev {
        width: 3rem;
        height: 3rem
    }

    #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
        gap: .5rem;
        max-width: 100%;
        margin-bottom: 0
    }

    #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination .swiper-pagination-bullet {
        width: 2.5rem
    }

    #wrapper .business.pt br {
        display: none
    }

    #wrapper .business.cc .descWrap .descContent h4 {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business.cc .qualityWrap .qualityList li {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px;
        padding-top: 7rem
    }

    #wrapper .business.cc .qualityWrap .qualityList li::before {
        margin: 1.5rem 0
    }

    #wrapper .business.cc .qualityWrap .qualityList li span {
        font-size: 1.25rem;
        line-height: 1.875rem;
        letter-spacing: -.02px;
        margin-bottom: 1rem
    }

    #wrapper .business.cc .brochurerWrap {
        padding: 2.5rem 2rem
    }

    #wrapper .business.cc .brochurerWrap h3 {
        font-size: 2rem;
        line-height: 2.75rem;
        letter-spacing: -.06px
    }

    #wrapper .business.cc .brochurerWrap p {
        margin-top: 1.25rem;
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #wrapper .business.cc .prosscessWrap.pcItem {
        display: none
    }

    #wrapper .business.cc .prosscessWrap.moItem {
        display: block
    }

    #wrapper .business.cc .prosscessWrap .prosscessList {
        justify-content: center
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li {
        min-width: 13.5rem;
        min-height: 13.5rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
        left: 44%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3) {
        border: 1.5px solid #20c85a
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
        left: 44%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
        left: -18%;
        bottom: 5.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4) {
        border: 1.5px solid #4a78ff
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
        left: 44%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7) {
        border: 1.5px solid #20c85a
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7):after {
        left: 44%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8) {
        border: 1.5px solid #4a78ff
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
        left: -18%;
        bottom: 5.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(9) {
        background: #4a78ff
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(9) span {
        color: #fff
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(9):after {
        display: none
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:last-child {
        background: 0 0;
        border: 0
    }

    #wrapper .business.pl .videoWrap h3 {
        margin: 0 0 -1.875rem 1.875rem;
        font-size: 3.125rem;
        line-height: 4.375rem;
        letter-spacing: -.01px
    }

    #wrapper .business.distribution .mapWrap {
        padding: 3.5rem 0 5.309rem
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap h3 {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
        padding: 0 .75rem 0 .25rem
    }

    #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel p {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px;
        font-weight: 500
    }

    #wrapper .business.distribution .corpList {
        margin-top: 1.5rem;
        gap: .75rem
    }

    #wrapper .business.distribution .corpList li {
        padding: 2rem
    }

    #wrapper .business.distribution .corpList li h4 {
        font-size: 1.25rem;
        line-height: 1.875rem;
        letter-spacing: -.02px
    }

    #wrapper .business.distribution .corpList li p {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    #wrapper .business.distribution .partnerList {
        gap: 1rem
    }

    #wrapper .business.distribution .partnerList li {
        width: calc(50% - .5rem)
    }

    #wrapper .business .descCol {
        flex-wrap: wrap
    }

    #wrapper .business .descCol .descItem {
        width: 100%;
        max-width: initial
    }

    #wrapper .business .art_product::before {
        left: -348px;
        top: -651px
    }

    #wrapper .business .art_product::after {
        right: 399px;
        bottom: -527px
    }

    #wrapper .business .product-box {
        padding: 5rem 0
    }

    #wrapper .business .product-box .subTxt {
        width: 100%;
        max-width: 100%;
        margin-top: .55rem;
        font-size: 1.125rem;
        line-height: 1.56
    }

    #wrapper .business .product-box .list-wrap>button {
        position: relative;
        top: 0;
        margin-top: 1.25rem
    }

    #wrapper .business .product-box .product-list {
        margin-top: 2.3875rem
    }

    #wrapper .business .product-box .product-list .item .item-head {
        height: auto;
        padding: 1rem 1.25rem
    }

    #wrapper .business .product-box .product-list .item .item-head .num {
        width: 6rem;
        height: 1.9375rem;
        font-size: 1rem
    }

    #wrapper .business .product-box .product-list .item .item-head .tit {
        font-size: 1.2rem;
        padding-right: 2.2rem;
        width: calc(100% - 7rem)
    }

    #wrapper .business .product-box .product-list .item .item-head .drop-btn {
        top: 50%;
        right: 1.25rem;
        transform: translateY(-50%)
    }

    #wrapper .business .product-box .product-list .item .item-content {
        padding: 2.5rem 1.25rem
    }

    #wrapper .business .pdt_type02 {
        padding-top: 0
    }

    html.en #wrapper .business .imgGroup .imgItem {
        width: auto;
        left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (max-width:580px) {
    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
        padding-top: 20rem;
        max-width: 20rem
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2),
    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
        margin-bottom: 10%
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(1) {
        right: -1.125rem
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(3) {
        left: -.9375rem
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
        right: -5rem
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
        left: -3rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList {
        gap: 3rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li {
        min-width: 10rem;
        min-height: 10rem;
        max-width: 10rem;
        max-height: 10rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li span {
        font-size: 1rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(1):after {
        left: 106%;
        bottom: 3.5rem;
        transform: rotate(0)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
        left: 39%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
        left: 39%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
        left: -25%;
        bottom: 3.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(5):after {
        left: 106%;
        bottom: 3.5rem;
        transform: rotate(0)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
        left: 40%;
        bottom: -2.5rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
        left: -26%;
        bottom: 3.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business .imgGroup {
        height: 31.5rem
    }
}

@media (max-width:480px) {
    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2) {
        width: 9.5rem;
        right: -1rem;
        font-size: 12px;
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(1) {
        font-size: 12px;
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
        width: 9.375rem;
        left: -1rem;
        font-size: 12px;
    }
}

@media (max-width:425px) {
    #wrapper .business.cc .prosscessWrap .prosscessList {
        gap: 2rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li {
        min-width: 8.5rem;
        min-height: 8.5rem;
        max-width: 8.5rem;
        max-height: 8.5rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li span {
        font-size: 1rem;
        line-height: 1.1
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(1):after {
        left: 101%;
        bottom: 3.5rem;
        transform: rotate(0)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
        left: 39%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
        left: 39%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
        left: -25%;
        bottom: 3.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(5):after {
        left: 101%;
        bottom: 3.5rem;
        transform: rotate(0)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
        left: 40%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7):after {
        left: 37%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
        left: -26%;
        bottom: 3.5rem;
        transform: rotate(180deg)
    }
}

@media (max-width:370px) {
    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
        padding-top: 100%;
        max-width: 100%
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(1) {
        margin: 8% 10% 0 0
    }

    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon:nth-of-type(3) {
        margin: 8% 0 0 10%
    }

    #wrapper .business.cc .prosscessWrap .prosscessList {
        gap: 2rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li {
        min-width: 8.5rem;
        min-height: 8.5rem;
        max-width: 8.5rem;
        max-height: 8.5rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li span {
        font-size: 1rem
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(1):after {
        left: 101%;
        bottom: 3.5rem;
        transform: rotate(0)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
        left: 39%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
        left: 39%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
        left: -25%;
        bottom: 3.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(5):after {
        left: 101%;
        bottom: 3.5rem;
        transform: rotate(0)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
        left: 40%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7):after {
        left: 37%;
        bottom: -2rem;
        transform: rotate(90deg)
    }

    #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
        left: -26%;
        bottom: 3.5rem;
        transform: rotate(180deg)
    }

    #wrapper .business .imgGroup .imgItem .imgTxt {
        font-size: 1rem
    }
}

html.ca_business.pg_summary .innerContentsWrap {
    max-width: initial !important
}

html.ca_business.pg_summary .innerContentsWrap .contentsWrap {
    max-width: initial !important;
    width: initial !important
}

@media (min-width:769px) and (max-width:1023px) {
    html.ca_business.pg_summary .innerContentsWrap {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:768px) {
    html.ca_business.pg_summary .innerContentsWrap {
        padding-left: 0;
        padding-right: 0
    }
}

#wrapper .cpnt_summary_normal {
    display: flex;
    flex-direction: row;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto
}

#wrapper .cpnt_summary_normal .summary {
    width: 40%;
    margin-top: -.25rem;
    margin-right: auto
}

#wrapper .cpnt_summary_normal .summary .heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4
}

#wrapper .cpnt_summary_normal .conts {
    width: 49%;
    margin-left: auto
}

#wrapper .cpnt_summary_normal .conts p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    word-break: keep-all;
    letter-spacing: -.02px;
    color: #666;
}

#wrapper .cpnt_summary_normal .conts p+p {
    margin-top: 1.875rem
}

@media (min-width:1400px) and (max-width:1599px) {
    #wrapper .cpnt_summary_normal {
        width: calc(100vw - 11rem)
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    #wrapper .cpnt_summary_normal {
        width: calc(100vw - 5.5rem)
    }
}

@media (min-width:769px) and (max-width:1023px) {
    #wrapper .cpnt_summary_normal {
        width: 100%;
        display: block;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    #wrapper .cpnt_summary_normal .summary {
        width: initial
    }

    #wrapper .cpnt_summary_normal .summary .heading {
        font-size: 2rem;
        line-height: 1.38;
        letter-spacing: -.06px
    }

    #wrapper .cpnt_summary_normal .summary .heading br {
        display: none
    }

    #wrapper .cpnt_summary_normal .conts {
        width: initial;
        margin-top: 1.5rem
    }

    #wrapper .cpnt_summary_normal .conts p {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    #wrapper .cpnt_summary_normal .conts p+p {
        margin-top: 1.25rem
    }
}

@media (max-width:768px) {
    #wrapper .cpnt_summary_normal {
        width: 100%;
        display: block;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    #wrapper .cpnt_summary_normal .summary {
        width: initial
    }

    #wrapper .cpnt_summary_normal .summary .heading {
        font-size: 2rem;
        line-height: 1.38;
        letter-spacing: -.06px
    }

    #wrapper .cpnt_summary_normal .summary .heading br {
        display: none
    }

    #wrapper .cpnt_summary_normal .conts {
        width: initial;
        margin-top: 1.5rem
    }

    #wrapper .cpnt_summary_normal .conts p {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    #wrapper .cpnt_summary_normal .conts p+p {
        margin-top: 1.25rem
    }
}

#wrapper .cpnt_summary_bgtext {
    width: 100%;
    height: 9.75rem;
    overflow: hidden;
    margin-top: 4.813rem
}

#wrapper .cpnt_summary_bgtext [data-aos=animation-summary-text] {
    transform: translateX(100%);
    display: block;
    transition: 4s all ease-in !important
}

#wrapper .cpnt_summary_bgtext .innerBox {
    position: relative;
    max-width: 90rem;
    width: 100%;
    height: 9.75rem;
    margin: 0 auto;
    white-space: nowrap
}

#wrapper .cpnt_summary_bgtext b {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 7rem;
    font-weight: 900;
    line-height: 1.4;
    white-space: nowrap;
    color: #f4f4f4
}

@media (min-width:1400px) and (max-width:1599px) {
    #wrapper .cpnt_summary_bgtext {
        width: 100%;
        padding: 0 5.5rem
    }
}
@media (min-width:1240px) and (max-width:1440px) {
    #wrapper .cpnt_summary_bgtext b{font-size:5.6rem;}
}

@media (min-width:1024px) and (max-width:1239px) {
    #wrapper .cpnt_summary_bgtext b{font-size:4.5rem;}
}

@media (min-width:1024px) and (max-width:1399px) {
    #wrapper .cpnt_summary_bgtext {
        width: 100%;
        padding: 0 2.75rem
    }
}

@media (min-width:769px) and (max-width:1023px) {
    #wrapper .cpnt_summary_bgtext {
        width: 100%;
        display: block;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    #wrapper .cpnt_summary_bgtext {
        height: 3.75rem;
        margin-top: 2.5rem;
        overflow: hidden
    }

    #wrapper .cpnt_summary_bgtext b {
        font-size: 3.125rem;
        font-weight: 700;
        line-height: 3.75rem;
        letter-spacing: -.1px
    }

    #wrapper .cpnt_summary_bgtext [data-aos=animation-summary-text].aos-animate {
        transform: translateX(-1.25rem)
    }
}

@media (max-width:768px) {
    #wrapper .cpnt_summary_bgtext {
        height: 3.75rem;
        margin-top: 2.5rem;
        overflow: hidden
    }

    #wrapper .cpnt_summary_bgtext b {
        font-size: 2.125rem;
        font-weight: 700;
        line-height: 3.75rem;
        letter-spacing: -.1px
    }

    #wrapper .cpnt_summary_bgtext [data-aos=animation-summary-text].aos-animate {
        transform: translateX(-1.25rem)
    }
}

#wrapper .cpnt_summary_rolling {
    position: relative
}

#wrapper .cpnt_summary_rolling .summary {
    z-index: 20;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-45rem);
    width: 1px;
    height: calc(100% - 41rem)
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap {
    position: sticky;
    left: 0;
    top: 0;
    width: 20.875rem;
    padding-top: 10rem
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button {
    display: block;
    left: 0;
    top: 0;
    color: #999
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button b {
    display: inline-block;
    width: 3rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    vertical-align: middle;
    color: inherit
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button strong {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px;
    vertical-align: middle;
    color: inherit
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button+button {
    margin-top: 1.5rem
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button.active {
    color: #111
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button.active b {
    margin-top: .6125rem;
    font-size: 1.25rem;
    font-weight: 700;
    vertical-align: top
}

#wrapper .cpnt_summary_rolling .summary .anchorwrap button.active strong {
    font-size: 2.5rem;
    line-height: 1.4;
    vertical-align: top
}

#wrapper .cpnt_summary_rolling .itemwrap {
    position: relative;
    z-index: 10;
    overflow: hidden
}

#wrapper .cpnt_summary_rolling .itemwrap .item {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 10.688rem
}

#wrapper .cpnt_summary_rolling .itemwrap .item:last-child {
    padding-bottom: 0
}

#wrapper .cpnt_summary_rolling .itemwrap .item .heading {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(-1px, -1px, -1px, -1px)
}

#wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
    position: relative;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding-left: 22.875rem;
    padding-top: 10rem
}

#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap {
    margin-top: 0
}

#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.maintext {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    color: #111
}

#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.maintext em {
    color: #20c85a
}

#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.subtext {
    margin-top: 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.78;
    letter-spacing: -.02px;
    color: #666
}

#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap {
    margin-top: 7.5rem
}

#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul {
    display: flex
}

#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 29rem;
    height: 29rem;
    margin-right: 1.5rem;
    padding: 2.5rem;
    border-radius: 15px;
    color: #fff
}

#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li strong {
    display: block;
    margin-top: 1.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: inherit;
    word-break: keep-all;
    margin-bottom: 1.25rem
}

#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p {
    display: block;
    margin-top: auto;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px;
    color: inherit;
    word-break: keep-all
}

#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li:last-child {
    margin-right: 0
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) {
    padding-top: 0
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .deco {
    display: block;
    width: 38.5625rem;
    height: 22.875rem;
    position: absolute;
    top: 0;
    right: -28rem;
    background: url(/front/assets/common/images/introduce/img_business_swiper_deco1.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) {
    background: linear-gradient(to top, #eef6f4 0, #fff 500px, #fff);
    z-index: 1
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .innerBox {
    position: relative
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
    display: block;
    width: 9.5625rem;
    height: 21.5625rem;
    position: absolute;
    bottom: -18rem;
    left: 2rem;
    background: url(/front/assets/common/images/introduce/img_business_swiper_deco2.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .deco {
    display: block;
    width: 21.9375rem;
    height: 10.875rem;
    position: absolute;
    top: 0;
    right: -8rem;
    background: url(/front/assets/common/images/introduce/img_business_swiper_deco3.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .cardwrap ul li:nth-child(1) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_01.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .cardwrap ul li:nth-child(2) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_02.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .cardwrap ul li:nth-child(3) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_03.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .cardwrap ul li:nth-child(1) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_04.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .cardwrap ul li:nth-child(2) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_05.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .cardwrap ul li:nth-child(3) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_06.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .cardwrap ul li:nth-child(1) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_07.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .cardwrap ul li:nth-child(2) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_08.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .cardwrap ul li:nth-child(3) {
    background: url(/front/assets/common/images/introduce/bg_business_swiper_card_09.png) no-repeat center center/cover
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .cardwrap::before {
    content: "";
    display: block;
    position: absolute;
    left: -1000px;
    bottom: -10.688rem;
    width: 1000px;
    height: calc(100% + 10.688rem + 7.5rem + 15.5056rem);
    background: #fff;
    z-index: 3
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .cardwrap::before {
    content: "";
    display: block;
    position: absolute;
    left: -1000px;
    bottom: -10.688rem;
    width: 1000px;
    height: calc(100% + 10.688rem + 7.5rem + 15.5056rem);
    background: linear-gradient(to top, #eef6f4 0, #fff 500px, #fff);
    z-index: 3
}

#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .cardwrap::before {
    content: "";
    display: block;
    position: absolute;
    left: -1000px;
    bottom: -10.688rem;
    width: 1000px;
    height: calc(100% + 10.688rem + 7.5rem + 15.5056rem);
    background: #fff;
    z-index: 3
}

@media (min-width:1400px) and (max-width:1599px) {
    #wrapper .cpnt_summary_rolling .summary {
        left: 5.5rem;
        transform: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
        padding: 10rem 5.5rem 0;
        margin: 0 auto;
        padding-left: 22.875rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap {
        margin-top: 7.5rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
        min-height: 19.54rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
        right: 1vw;
        margin-left: 0
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    #wrapper .cpnt_summary_rolling .summary {
        left: 2.75rem;
        transform: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
        padding-left: 25rem;
        padding-right: 2.5rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
        min-height: 19.54rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .deco {
        right: -20rem;
        top: -15rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
        right: 10vw
    }
}

@media (max-width:1023px) {
    #wrapper .cpnt_summary_rolling {
        padding-left: 0;
        padding-right: 0
    }

    #wrapper .cpnt_summary_rolling .summary {
        display: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item {
        padding-top: 5rem;
        padding-bottom: 7.5rem;
        padding-bottom: 5rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
        padding: 0 1.25rem 0;
        margin: 0 auto
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox::before {
        display: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .heading {
        position: static;
        overflow: visible;
        width: 100%;
        height: auto;
        clip: auto
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .heading b {
        display: block;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .heading strong {
        display: block;
        margin-top: .25rem;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .textwrap {
        margin-top: 3.5rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.maintext {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.subtext {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #111
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap {
        margin-top: 5rem;
        max-width: 100%;
        padding: 0
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
        flex-shrink: 0;
        flex-basis: 16.5rem;
        min-height: 16.5rem;
        height: 21.5rem;
        margin-right: 1rem;
        padding: 1.5rem;
        border-radius: 15px;
        color: #fff
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li strong {
        word-break: break-all;
        font-size: 1.125rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p {
        margin-top: auto;
        font-size: 2rem;
        font-weight: 700
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p br {
        display: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p {
        font-size: 1.125rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li:last-child {
        margin-right: 0
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) {
        padding-top: 2.5rem;
        margin-top: 2.5rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .deco {
        display: block;
        width: 19.28125rem;
        height: 11.4375rem;
        right: -6.8rem;
        top: -1rem
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
        display: block;
        width: 4.78125rem;
        height: 10.78125rem;
        left: auto;
        left: initial;
        right: -2rem;
        bottom: auto;
        bottom: initial;
        top: -3rem;
        transform: rotate(-45deg)
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .deco {
        display: block;
        width: 10.96875rem;
        height: 5.4375rem;
        right: -4rem;
        top: 0
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .cardwrap::before {
        content: "";
        display: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .cardwrap::before {
        content: "";
        display: none
    }

    #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .cardwrap::before {
        content: "";
        display: none
    }
}

#wrapper section.business .cpnt_leadMoreWrap {
    width: 90rem;
    margin: 2.5rem auto 0
}

@media (min-width:1400px) and (max-width:1599px) {
    #wrapper section.business .cpnt_leadMoreWrap {
        width: calc(100vw - 11rem)
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    #wrapper section.business .cpnt_leadMoreWrap {
        width: calc(100vw - 5.5rem)
    }
}

@media (min-width:769px) and (max-width:1023px) {
    #wrapper section.business .cpnt_leadMoreWrap {
        width: 100%;
        margin-top: 0
    }
}

@media (max-width:768px) {
    #wrapper section.business .cpnt_leadMoreWrap {
        width: 100%;
        margin-top: 0
    }
}

#wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list {
    width: calc((100% - 3rem) / 3)
}

#wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc_img_sub {
    width: 100%;
    height: auto
}

.business_qc-item_sub {
    position: relative;
    z-index: 30;
    background-color: #fff
}

@media (min-width:1440px) and (max-width:1599px) {
    #wrapper .business.qc .business_qc-item_sub .qc-item-box {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1025px) and (max-width:1439px) {
    #wrapper .business.qc .business_qc-item_sub .qc-item-box {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width:769px) {
    #wrapper .business.qc .business_qc-content .business_qc-item {
        margin-top: 60px;
        display: flex;
        justify-content: space-between
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title {
        margin-top: 19.8125rem;
        padding-right: 5.25rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-3125 {
        font-size: 2.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.1px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125 {
        margin-top: 5rem;
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.7;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn {
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box {
        height: 1890px;
        width: 342px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc-txt-box {
        width: 100%;
        height: 281px;
        padding: 46px 0;
        margin-bottom: 120px;
        text-align: right
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc-txt-box .font-0875 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: left;
        color: #666;
        letter-spacing: -.01px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc-txt-box .font-3125 {
        display: flex;
        justify-content: end;
        font-size: 2.9rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.1px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc-txt-box .font-1125 {
        display: flex;
        justify-content: end;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: right;
        color: #111;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc-txt-box .font-1125:last-child {
        margin-bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc-img-box {
        margin-bottom: 120px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box .qc_img {
        width: 21.375rem;
        height: 17.563rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-line-box {
        width: .125rem;
        height: 1600px;
        background-color: rgba(232, 232, 232, .7);
        margin: 140px 60px 0 60px;
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-line-box .qc-line {
        position: absolute;
        top: 0;
        left: 50%;
        width: .125rem;
        height: 100%
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-line-box .qc-line .qc-line_on {
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-line-box .qc-line .qc-line_on .pointer {
        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 2;
        background-color: #20c85a;
        border-radius: 50%;
        box-shadow: 0 12px 16px 0 rgba(32, 200, 90, .24);
        left: -.4rem;
        bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-line-box .qc-line .qc-line_on .pointer::before {
        display: block;
        position: absolute;
        content: "";
        width: 3rem;
        height: 3rem;
        background-color: #20c85a;
        border-radius: 50%;
        left: -1rem;
        top: -1rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: pin-wave 2s cubic-bezier(1, 2, .66, 3) infinite
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box.qc_left {
        justify-content: start
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box.qc_left .qc-txt-box {
        text-align: left
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box.qc_left .qc-txt-box .font-3125 {
        justify-content: start
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn .qc-item-box.qc_left .qc-txt-box .font-1125 {
        justify-content: start
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-item_sub {
        margin-top: -44.75rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-1188 {
        font-size: 1.188rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.58;
        text-align: left;
        color: #20c85a;
        letter-spacing: -.02px;
        margin-bottom: .938rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-25 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.08px
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-25_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box {
        margin-top: 3.625rem;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        gap: 1.5rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list {
        flex: 1
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc_img_sub {
        width: 100%;
        height: auto
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list {
        margin-top: 1.5rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list.t-1 .font-1125 {
        text-align: center
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list .font-15 {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px;
        margin: 1rem 0
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list .font-15 strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list .font-15_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list .font-1125 {
        display: flex;
        justify-content: center;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: left;
        color: #666;
        text-align: center;
        letter-spacing: -.02px;
        display: none
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(2) {
        margin-top: 5rem;
        width: 100%;
        background-color: #f2fcf4;
        border-radius: 71.5px
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15 {
        display: flex;
        display: block;
        justify-content: center;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        text-align: center;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15 strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15:nth-of-type(2) {
        padding-top: 0;
        padding-bottom: 2.5rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) {
        margin-top: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) .font-25 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.08px
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box {
        width: 67.125rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box .font-1125 {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: justify
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) {
        margin-top: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .font-25 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.08px
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box {
        width: 67.125rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .qc_img_sub {
        width: 100%;
        margin-bottom: 2.5rem
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .qc_img_sub_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .font-1125 {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: justify
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .font-1125:last-child {
        margin-top: 2rem
    }
}
#wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box {
        margin-top: 3.625rem;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
@media (min-width:769px) and (max-width:1024px) {
    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-1125 {
        text-align: center
    }

    #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-25 br.pc {
        display: none
    }
}

@media (max-width:768px) {
    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-3125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box {
        flex-direction: column
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list {
        width: 100%;
        margin-bottom: 2rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125_mo {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
        margin-top: 5rem;
        width: 100%;
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo {
        width: 100%;
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box {
        width: .125rem;
        height: calc(80% + 45px);
        background-color: rgba(232, 232, 232, .7);
        margin: 5px 0 0 10px;
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo {
        position: absolute;
        top: 0;
        left: 50%;
        width: .125rem;
        height: 100%
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on {
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on .pointer {
        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 2;
        background-color: #20c85a;
        border-radius: 50%;
        box-shadow: 0 12px 16px 0 rgba(32, 200, 90, .24);
        left: -.4rem;
        bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on .pointer::before {
        display: block;
        position: absolute;
        content: "";
        width: 3rem;
        height: 3rem;
        background-color: #20c85a;
        border-radius: 50%;
        left: -1rem;
        top: -1rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: pin-wave 2s cubic-bezier(1, 2, .66, 3) infinite
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo {
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box {
        margin-left: 3rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-0875 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: left;
        color: #666;
        letter-spacing: -.01px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-3125 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        text-align: left;
        color: #111;
        letter-spacing: -.06px;
        margin-bottom: .563rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-1125 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #111;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-img-box {
        margin-bottom: 40px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-img-box:last-child {
        margin-bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc_img {
        width: 100%;
        margin-top: 1rem;
        padding-left: 3rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub {
        margin-top: 6.25rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-1188 {
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        text-align: left;
        color: #20c85a;
        letter-spacing: -.02px;
        margin-bottom: .75rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-25_mo {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list {
        margin-top: 2.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc-img-txt-list {
        margin-top: 1.25rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-15 {
        display: flex;
        display: block;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px;
        margin: 1rem 0 .5rem 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-15 strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-1125 {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: center;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(1) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(1) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo.mt1 {
        margin-top: 1rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo.mb1 {
        margin-bottom: .5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(3) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(3) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(1) .font-25 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) {
        margin-top: 2.5rem;
        width: 100%;
        background-color: #f2fcf4;
        border-radius: 30px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo {
        padding: 0 2.5rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        text-align: left;
        color: #111;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo.pt1 {
        padding-top: 2rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo.pb1 {
        padding-bottom: 2rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) {
        margin-top: 7.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .font-25 {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box {
        margin-top: 1.5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box .font-1125:nth-of-type(1) {
        margin-bottom: 1.5rem
    }
}

@media (max-width:1024px) {
    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .qc_img_sub_mo{display:none;}
    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) {
        margin-top: 7.5rem;
        display: flex;
                flex-direction: column;
    }
    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box,#wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box{
        width: 40.125rem;
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .font-25 {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box {
        margin-top: 1.5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .qc_img_sub {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .font-1125:nth-of-type(1) {
        margin: 1.5rem 0
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #wrapper .business.qc .business_qc-content {
        margin: 0 5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item {
        display: flex;
        justify-content: space-between
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title {
        flex: 1;
        margin-top: 0;
        padding-right: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
        flex: 2
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-3125 {
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        text-align: left;
        color: #111;
        letter-spacing: -.06px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125_mo {
        margin-top: 1.5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
        margin-top: 5rem;
        width: 100%;
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo {
        width: 100%;
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box {
        width: .125rem;
        height: calc(80% + 45px);
        background-color: rgba(232, 232, 232, .7);
        margin: 5px 0 0 10px;
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo {
        position: absolute;
        top: 0;
        left: 50%;
        width: .125rem;
        height: 100%
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on {
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on .pointer {
        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 2;
        background-color: #20c85a;
        border-radius: 50%;
        box-shadow: 0 12px 16px 0 rgba(32, 200, 90, .24);
        left: -.4rem;
        bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on .pointer::before {
        display: block;
        position: absolute;
        content: "";
        width: 3rem;
        height: 3rem;
        background-color: #20c85a;
        border-radius: 50%;
        left: -1rem;
        top: -1rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: pin-wave 2s cubic-bezier(1, 2, .66, 3) infinite
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo {
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box {
        margin-left: 3rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-0875 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: left;
        color: #666;
        letter-spacing: -.01px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-3125 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        text-align: left;
        color: #111;
        letter-spacing: -.06px;
        margin-bottom: .563rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-1125 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #111;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-img-box {
        margin-bottom: 40px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-img-box:last-child {
        margin-bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc_img {
        width: 100%;
        margin-top: 1rem;
        padding-left: 3rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub {
        margin-top: 6.25rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-1188 {
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        text-align: left;
        color: #20c85a;
        letter-spacing: -.02px;
        margin-bottom: .75rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-25_mo {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list {
        margin-top: 2.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-15 {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px;
        margin: 1rem 0 .5rem 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-15 strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-1125 {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(1) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(1) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo.mt1 {
        margin-top: 1rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo.mb1 {
        margin-bottom: .5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(3) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(3) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(1) .font-25 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) {
        margin-top: 2.5rem;
        width: 100%;
        background-color: #f2fcf4;
        border-radius: 30px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo {
        padding: 0 2.5rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        text-align: left;
        color: #111;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo.pt1 {
        padding-top: 2rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo.pb1 {
        padding-bottom: 2rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) {
        margin-top: 7.5rem;
        display: flex;
                flex-direction: column;
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .font-25 {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box {
        margin-top: 1.5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box .font-1125:nth-of-type(1) {
        margin-bottom: 1.5rem
    }
}

@media (min-width:1025px) and (max-width:1439px) {
    #wrapper .business.qc .business_qc-content {
        margin: 0 2.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title {
        width: 100%;
        padding-bottom: 3.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-3125 {
        font-size: 2.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.1px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125 {
        margin-top: 5rem;
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.7;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-title .font-125_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
        width: 100%;
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo {
        width: 100%;
        display: flex
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box {
        width: .125rem;
        height: calc(80% + 45px);
        background-color: rgba(232, 232, 232, .7);
        margin: 5px 0 0 10px;
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo {
        position: absolute;
        top: 0;
        left: 50%;
        width: .125rem;
        height: 100%
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on {
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on .pointer {
        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 2;
        background-color: #20c85a;
        border-radius: 50%;
        box-shadow: 0 12px 16px 0 rgba(32, 200, 90, .24);
        left: -.4rem;
        bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-line-mo-box .qc-line-mo .qc-line-mo_on .pointer::before {
        display: block;
        position: absolute;
        content: "";
        width: 3rem;
        height: 3rem;
        background-color: #20c85a;
        border-radius: 50%;
        left: -1rem;
        top: -1rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: pin-wave 2s cubic-bezier(1, 2, .66, 3) infinite
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo {
        position: relative
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box {
        margin-left: 3rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-0875 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        text-align: left;
        color: #666;
        letter-spacing: -.01px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-3125 {
        font-size: 3.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.1px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-txt-box .font-1125 {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: left;
        color: #111;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-img-box {
        margin-bottom: 40px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc-img-box:last-child {
        margin-bottom: 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item .qc-content .qc-item-ctn_mo .qc-item-box_mo .qc_img {
        width: 100%;
        margin-top: 1rem;
        padding-left: 3rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub {
        margin-top: 10rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-1188 {
        font-size: 1.188rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.58;
        text-align: left;
        color: #20c85a;
        letter-spacing: -.02px;
        margin-bottom: .938rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-25 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.08px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .font-25_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list {
        margin: 5rem 0 0 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .qc_img_sub {
        width: 100%;
        height: auto
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-15 {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px;
        margin: 1rem 0 .5rem 0
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-15 strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-1125 {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list .font-1125_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo.mt1 {
        margin-top: 1rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-15_mo.mb1 {
        margin-bottom: .5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(2) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(3) .qc-img-txt-list .font-1125 {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box .qc-img-box .qc-img-box-list:nth-of-type(3) .qc-img-txt-list .font-1125_mo {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        text-align: left;
        color: #666;
        letter-spacing: -.02px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) {
        margin-top: 5rem;
        width: 100%;
        background-color: #f2fcf4;
        border-radius: 71.5px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15 {
        display: flex;
        display: block;
        justify-content: center;
        padding-top: 2.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        text-align: left;
        color: #111;
        letter-spacing: -.05px;
        text-align: center
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15 strong {
        color: #20c85a
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15:nth-of-type(2) {
        padding-top: 0;
        padding-bottom: 2.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(2) .font-15_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) {
        margin-top: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .font-25 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.08px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box {
        width: 45.125rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box .font-1125 {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box .font-1125:last-child {
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) {
        margin-top: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .font-25 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        text-align: left;
        color: #111;
        letter-spacing: -.08px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box {
        width: 67.125rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .qc_img_sub {
        width: 100%;
        margin-bottom: 2.5rem
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .qc_img_sub_mo {
        display: none
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .font-1125 {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        text-align: left;
        color: #666;
        letter-spacing: -.02px
    }

    #wrapper .business.qc .business_qc-content .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box .font-1125:last-child {
        margin-top: 2rem
    }
}

section.summary .innerContentsWrap {
    max-width: initial
}

section.summary .innerContentsWrap .contentsWrap {
    max-width: initial !important
}

section.summary .innerContentsWrap .contentsWrap .contentsBody .topDesc {
    max-width: 90rem;
    margin: 0 auto
}

section.summary .innerContentsWrap .contentsWrap .contentsBody .leadMoreWrap {
    max-width: 90rem;
    margin: 0 auto
}

section.summary .textMotion {
    position: absolute;
    top: 29.063rem;
    right: -20rem;
    font-size: 10rem;
    line-height: 8.75rem;
    letter-spacing: -2.8px;
    color: #f4f4f4;
    font-weight: 700;
    text-align: left
}

section.summary .objectImg_01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 24.463rem;
    height: 22.715rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .objectImg_02 {
    position: absolute;
    top: bottom;
    right: left;
    width: 24.463rem;
    height: 22.715rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .objectImg_03 {
    position: absolute;
    top: 0;
    right: 0;
    width: 24.463rem;
    height: 22.715rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_01 {
    position: relative;
    height: 67.5rem;
    margin-top: 12.375rem
}

section.summary .cardSection_01 .cardNavWrap {
    position: relative;
    width: 90rem;
    height: 31.813rem;
    margin: 0 auto
}

section.summary .cardSection_01 .cardNavWrap .sectionNav {
    position: absolute;
    top: 10rem;
    left: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_01 .cardNavWrap .sectionNav li {
    margin-top: 1.5rem
}

section.summary .cardSection_01 .cardNavWrap .sectionNav li a {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 700;
    vertical-align: middle
}

section.summary .cardSection_01 .cardNavWrap .sectionNav li span {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 500;
    vertical-align: middle;
    margin: -.25rem 1rem 0 0
}

section.summary .cardSection_01 .cardNavWrap .sectionNav li:first-child {
    margin-top: 0
}

section.summary .cardSection_01 .cardNavWrap .sectionNav li.active a {
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    color: #111;
    font-weight: 700;
    vertical-align: middle
}

section.summary .cardSection_01 .cardNavWrap .sectionNav li.active span {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700;
    vertical-align: middle;
    margin: -1rem 1rem 0 0
}

section.summary .cardSection_01 .cardNavWrap .cardTitle {
    position: absolute;
    top: 10rem;
    left: 16.875rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px;
    color: #111;
    font-weight: 700
}

section.summary .cardSection_01 .cardNavWrap .cardTitle span {
    color: #20c85a
}

section.summary .cardSection_01 .cardNavWrap .cardDesc {
    position: absolute;
    top: 19rem;
    left: 16.875rem;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 500
}

section.summary .cardSection_01 .cardWrap {
    position: absolute;
    left: 31rem;
    width: 100%;
    text-align: left
}

section.summary .cardSection_01 .cardWrap ul {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_01 .cardWrap ul li {
    display: inline-block;
    margin-left: 1.5rem
}

section.summary .cardSection_01 .cardWrap ul li .cardObject {
    position: relative;
    display: block;
    width: 25rem;
    height: 25rem;
    background-color: #181b51;
    border-radius: 30px;
    padding: 0 2.5rem 0 2.5rem;
    transition: .25s ease;
    overflow: hidden
}

section.summary .cardSection_01 .cardWrap ul li .cardObject .subTitle {
    position: absolute;
    top: 16.188rem;
    left: 2.5rem;
    width: 28rem;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-size: 1.7rem;
    color: #fff;
    font-weight: 700;
    text-align: left
}

section.summary .cardSection_01 .cardWrap ul li .cardObject .subDesc {
    position: absolute;
    top: 19.813rem;
    left: 2.5rem;
    width: 28rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    font-weight: 500;
    text-align: left
}

section.summary .cardSection_01 .cardWrap ul li .cardObject.bg_01 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_01.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_01 .cardWrap ul li .cardObject.bg_02 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_02.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_01 .cardWrap ul li .cardObject.bg_03 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_03.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_01 .cardWrap ul li:first-child {
    margin-left: 0
}

section.summary .cardSection_02 {
    position: relative;
    height: 67.5rem;
    background-image: linear-gradient(to bottom, rgba(219, 240, 240, 0), #eff7f5)
}

section.summary .cardSection_02 .cardNavWrap {
    position: relative;
    width: 90rem;
    height: 31.813rem;
    margin: 0 auto
}

section.summary .cardSection_02 .cardNavWrap .sectionNav {
    position: absolute;
    top: 10rem;
    left: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_02 .cardNavWrap .sectionNav li {
    margin-top: 1.5rem
}

section.summary .cardSection_02 .cardNavWrap .sectionNav li a {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 700;
    vertical-align: middle
}

section.summary .cardSection_02 .cardNavWrap .sectionNav li span {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 500;
    vertical-align: middle;
    margin: -.25rem 1rem 0 0
}

section.summary .cardSection_02 .cardNavWrap .sectionNav li:first-child {
    margin-top: 0
}

section.summary .cardSection_02 .cardNavWrap .sectionNav li.active a {
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    color: #111;
    font-weight: 700;
    vertical-align: middle
}

section.summary .cardSection_02 .cardNavWrap .sectionNav li.active span {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700;
    vertical-align: middle;
    margin: -1rem 1rem 0 0
}

section.summary .cardSection_02 .cardNavWrap .cardTitle {
    position: absolute;
    top: 10rem;
    left: 16.875rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px;
    color: #111;
    font-weight: 700
}

section.summary .cardSection_02 .cardNavWrap .cardTitle span {
    color: #20c85a
}

section.summary .cardSection_02 .cardNavWrap .cardDesc {
    position: absolute;
    top: 19rem;
    left: 16.875rem;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 500
}

section.summary .cardSection_02 .cardWrap {
    position: absolute;
    left: 31rem;
    width: 100%;
    text-align: left
}

section.summary .cardSection_02 .cardWrap ul {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_02 .cardWrap ul li {
    display: inline-block;
    margin-left: 1.5rem
}

section.summary .cardSection_02 .cardWrap ul li .cardObject {
    position: relative;
    display: block;
    width: 25rem;
    height: 25rem;
    background-color: #181b51;
    border-radius: 30px;
    padding: 0 2.5rem 0 2.5rem;
    transition: .25s ease;
    overflow: hidden
}

section.summary .cardSection_02 .cardWrap ul li .cardObject .subTitle {
    position: absolute;
    top: 16.188rem;
    left: 2.5rem;
    width: 28rem;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-size: 1.7rem;
    color: #fff;
    font-weight: 700;
    text-align: left
}

section.summary .cardSection_02 .cardWrap ul li .cardObject .subDesc {
    position: absolute;
    top: 19.813rem;
    left: 2.5rem;
    width: 28rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    font-weight: 500;
    text-align: left
}

section.summary .cardSection_02 .cardWrap ul li .cardObject.bg_04 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_04.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_02 .cardWrap ul li .cardObject.bg_05 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_05.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_02 .cardWrap ul li .cardObject.bg_06 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_06.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_02 .cardWrap ul li:first-child {
    margin-left: 0
}

section.summary .cardSection_03 {
    position: relative;
    height: 60.5rem
}

section.summary .cardSection_03 .cardNavWrap {
    position: relative;
    width: 90rem;
    height: 31.813rem;
    margin: 0 auto
}

section.summary .cardSection_03 .cardNavWrap .sectionNav {
    position: absolute;
    top: 10rem;
    left: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_03 .cardNavWrap .sectionNav li {
    margin-top: 1.5rem
}

section.summary .cardSection_03 .cardNavWrap .sectionNav li a {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 700;
    vertical-align: middle
}

section.summary .cardSection_03 .cardNavWrap .sectionNav li span {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #999;
    font-weight: 500;
    vertical-align: middle;
    margin: -.25rem 1rem 0 0
}

section.summary .cardSection_03 .cardNavWrap .sectionNav li:first-child {
    margin-top: 0
}

section.summary .cardSection_03 .cardNavWrap .sectionNav li.active a {
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    color: #111;
    font-weight: 700;
    vertical-align: middle
}

section.summary .cardSection_03 .cardNavWrap .sectionNav li.active span {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #111;
    font-weight: 700;
    vertical-align: middle;
    margin: -1rem 1rem 0 0
}

section.summary .cardSection_03 .cardNavWrap .cardTitle {
    position: absolute;
    top: 10rem;
    left: 16.875rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px;
    color: #111;
    font-weight: 700
}

section.summary .cardSection_03 .cardNavWrap .cardTitle span {
    color: #20c85a
}

section.summary .cardSection_03 .cardNavWrap .cardDesc {
    position: absolute;
    top: 16rem;
    left: 16.875rem;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 500
}

section.summary .cardSection_03 .cardWrap {
    position: absolute;
    left: 31rem;
    width: 100%;
    text-align: left
}

section.summary .cardSection_03 .cardWrap ul {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

section.summary .cardSection_03 .cardWrap ul li {
    display: inline-block;
    margin-left: 1.5rem
}

section.summary .cardSection_03 .cardWrap ul li .cardObject {
    position: relative;
    display: block;
    width: 25rem;
    height: 25rem;
    background-color: #181b51;
    border-radius: 30px;
    padding: 0 2.5rem 0 2.5rem;
    transition: .25s ease;
    overflow: hidden
}

section.summary .cardSection_03 .cardWrap ul li .cardObject .subTitle {
    position: absolute;
    top: 16.188rem;
    left: 2.5rem;
    width: 28rem;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -.06px;
    font-size: 1.7rem;
    color: #fff;
    font-weight: 700;
    text-align: left
}

section.summary .cardSection_03 .cardWrap ul li .cardObject .subDesc {
    position: absolute;
    top: 19.813rem;
    left: 2.5rem;
    width: 28rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff;
    font-weight: 500;
    text-align: left
}

section.summary .cardSection_03 .cardWrap ul li .cardObject.bg_07 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_07.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_03 .cardWrap ul li .cardObject.bg_08 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_08.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_03 .cardWrap ul li .cardObject.bg_09 {
    background: url(/front/assets/common/images/business/bg_business_slide_card_09.png) 0 0 no-repeat;
    background-size: 25rem 25rem
}

section.summary .cardSection_03 .cardWrap ul li:first-child {
    margin-left: 0
}

.art_platformState {
    margin-top: 200px !important
}

@media (max-width:768px) {
    .art_platformState {
        margin-top: 120px !important
    }
}

.cpnt_platformState .innerBox {
    position: relative;
    margin: 0 auto
}

.cpnt_platformState .summary .heading {
    font-size: 50px !important;
    font-weight: 700;
    line-height: 1.4 !important;
    letter-spacing: -.1px !important;
    word-wrap: break-word
}

.cpnt_platformState .summary .subtext {
    display: block;
    margin-top: .5rem !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_platformState .conts {
    margin-top: 56px
}

.cpnt_platformState .conts ul {
    display: flex;
    flex-wrap: nowrap
}

.cpnt_platformState .conts ul li {
    flex: 0 0 464px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 302px;
    margin-right: 24px;
    padding: 3.5rem 2.5rem 42px;
    border-radius: 40px;
    background-color: #f4f4f4
}

.cpnt_platformState .conts ul li:last-child {
    margin-right: 0
}

.cpnt_platformState .conts ul li strong {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px
}

.cpnt_platformState .conts ul li dl {
    margin-top: auto
}

.cpnt_platformState .conts ul li dl div {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 7px
}

.cpnt_platformState .conts ul li dl div>* {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.02px
}

.cpnt_platformState .conts ul li dl div dt {
    width: 136px;
    opacity: .5
}

.cpnt_platformState .conts ul li dl div dd {
    flex: 1
}

.cpnt_platformState .swiper-control {
    position: absolute;
    right: 0;
    top: 5px
}

.cpnt_platformState .swiper-control button {
    margin-left: 16px
}

@media (max-width:768px) {
    .cpnt_platformState .summary {
        position: static;
        padding-left: 0
    }

    .cpnt_platformState .summary .heading {
        font-size: 32px !important;
        line-height: 1.38 !important;
        letter-spacing: -.06px !important
    }

    .cpnt_platformState .summary .subtext {
        font-size: 14px;
        margin-top: 13px !important
    }

    .cpnt_platformState .conts {
        flex-wrap: wrap;
        margin-top: 32px
    }

    .cpnt_platformState .conts ul {
        display: block;
        transform: translate3d(5px, 0, 0) !important
    }

    .cpnt_platformState .conts ul li {
        min-height: 200px;
        padding: 30px 20px 28px;
        border-radius: 20px
    }

    .cpnt_platformState .conts ul li+li {
        margin-top: 16px
    }

    .cpnt_platformState .conts ul li strong {
        font-size: 20px;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_platformState .conts ul li dl {
        margin-top: 28px
    }

    .cpnt_platformState .conts ul li dl div+div {
        margin-top: 10px
    }

    .cpnt_platformState .conts ul li dl div>* {
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_platformState .conts ul li dl div dt {
        width: 112px;
        opacity: .5
    }

    .cpnt_platformState .swiper-control {
        display: none
    }
}

.cpnt_techDev {
    margin-top: 200px
}

.cpnt_techDev .heading {
    font-size: 40px;
    font-weight: 700
}

.contactus.map .contentsWrap .contentsBody {
    padding: 0 !important
}

.contactus div.mapBox {
    width: 100%;
    height: 35rem;
    border-radius: 30px;
    overflow: hidden
}

.contactus div.mapBox iframe {
    width: 100%
}

.contactus div.contactBox {
    margin-top: 5.125rem
}

.contactus div.contactBox>ul {
    display: flex;
    margin-bottom: 4.188rem
}

.contactus div.contactBox>ul li {
    width: 50%
}

.contactus div.contactBox>ul li dl {
    display: flex;
    align-items: flex-start
}

.contactus div.contactBox>ul li dl dt {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -.02px;
    line-height: 1.5rem;
    font-weight: 700;
    width: 7.625rem
}

.contactus div.contactBox>ul li dl dd {
    display: block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #666;
    word-break: keep-all
}

.contactus div.contactBox>ul li dl dd p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #666;
    word-break: keep-all
}

.contactus div.contactBox>ul li dl dd p span {
    display: block;
    color: #666;
    font-weight: 700
}

.contactus div.contactBox>ul .inter_city_bus dl dd {
    width: auto
}

.contactus div.contactBox>ul .inter_city_bus dl dd p {
    margin-bottom: 1rem
}

.contactus div.contactBox>ul .inter_city_bus dl dd p:last-child {
    margin-bottom: 0
}

.contactus div.contactBox>ul.bus p {
    margin-bottom: 1rem
}

.contactus div.contactBox>ul.bus p:last-child {
    margin-bottom: 0
}

@media (min-width:1600px) {
    .contentsWrap.contactus-ctn {
        padding-top: 4rem !important
    }

    .contentsWrap.contactus-ctn .contentsBody {
        padding: 0 !important
    }

    .contactus-legal .legal-item {
        margin-bottom: 5rem
    }

    .contactus-legal .legal-item .font-15 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-legal .legal-item .font-1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .contactus-management .management-item .font-125 {
        margin-bottom: 3.5rem;
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-management .management-item .font-125:nth-of-type(1) {
        line-height: 1.7
    }

    .contactus-management .management-item .font-125:nth-of-type(7) {
        margin-bottom: 5rem
    }

    .contactus-management .management-item .director-box {
        display: flex;
        justify-content: end
    }

    .contactus-management .management-item .director-box img {
        width: 11.625rem;
        height: 4.738rem
    }

    .contactus-internal .internal-item {
        margin-bottom: 5rem
    }

    .contactus-internal .internal-item .font-15 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item .font-1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .contactus-internal .internal-item .ml-8 {
        margin-left: .5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) {
        margin-bottom: 7.5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) .font-2 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        text-align: left;
        color: #111
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
        margin: 7.5rem 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        text-align: left;
        color: #111
    }

    .factory_one_title {
        width: 100%;
        padding-top: 3rem;
        display: flex;
        justify-content: center;
        font-size: 3.75rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.12px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .font-125 {
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.7;
        letter-spacing: -.02px;
        text-align: left;
        color: #111;
        margin-bottom: 7.5rem
    }

    .contactus-cctv .cctv-item {
        margin-bottom: 5rem
    }

    .contactus-cctv .cctv-item .font-15 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .cctv-item .font-1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .termsWrap {
        width: 100%;
        position: relative
    }

    .termsWrap .termsBody .titleMid {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px;
        font-weight: 600;
        margin-bottom: 1.5rem
    }

    .termsWrap .termsBody .descTop {
        font-size: 1.25rem;
        line-height: 1.7;
        letter-spacing: -.02px;
        font-weight: 600;
        color: #111;
        margin: 2.5rem 0 7.5rem 0
    }

    .termsWrap .termsBody .descMid {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #666
    }

    .termsWrap .termsBody ul li {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #666
    }

    .termsWrap .termsBody ul.type_01 li {
        padding-left: 1rem
    }

    .termsWrap .termsBody dl {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #666;
        padding-left: 1rem
    }

    .termsWrap .termsBody table {
        margin-top: 3.5rem;
        width: 100%;
        table-layout: fixed
    }

    .termsWrap .termsBody table thead tr {
        border-top: .125rem solid #111
    }

    .termsWrap .termsBody table thead th {
        width: 50%;
        font-size: 1.25rem;
        font-weight: 700;
        padding: 3.25rem 0;
        padding: 1.5rem 1rem
    }

    .termsWrap .termsBody table tbody {
        border-top: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td {
        text-align: center;
        padding: 3.25rem 0;
        padding: 1.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td:last-child {
        border-right: none
    }

    .termsWrap .termsBody table tbody td.tdBold {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px;
        font-weight: 700;
        color: #111
    }

    .termsWrap .termsBody table+div {
        margin-top: 1.5rem
    }

    .termsWrap .termsBody .termsItem {
        margin-bottom: 5rem
    }

    .termsWrap .termsBody .termsItem:last-child {
        margin-bottom: 2.5rem
    }

    .termsWrap .termsBody .termsItem .bold-line {
        border-bottom: 1px solid #111;
        color: #111
    }

    .termsWrap .termsBody .termsItem .link-line {
        border-bottom: 1px solid #cfcfcf
    }

    .termsWrap .termsBody .termsItem .dot-ctn li {
        margin-left: 2rem;
        word-break: keep-all;
        position: relative
    }

    .termsWrap .termsBody .termsItem .dot-ctn li::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "∙"
    }

    .termsWrap .inputSelect {
        max-width: 20rem
    }
}

@media (min-width:1024px) and (max-width:1599px) {
    .contentsWrap.contactus-ctn {
        padding-top: 3rem !important
    }

    .contentsWrap.contactus-ctn .contentsBody {
        padding: 0 !important
    }

    .contactus-content {
        margin: 0 3.5rem
    }

    .contactus-legal .legal-item {
        margin-bottom: 5rem
    }

    .contactus-legal .legal-item .font-15 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-legal .legal-item .font-1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .contactus-legal .legal-item:last-child {
        margin-bottom: 0
    }

    .contactus-management .management-item .font-125 {
        margin-bottom: 3.5rem;
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-management .management-item .font-125:nth-of-type(1) {
        line-height: 1.7
    }

    .contactus-management .management-item .font-125:nth-of-type(7) {
        margin-bottom: 5rem
    }

    .contactus-management .management-item .director-box {
        display: flex;
        justify-content: end
    }

    .contactus-management .management-item .director-box img {
        width: 11.625rem;
        height: 4.738rem
    }

    .contactus-internal .internal-item {
        margin-bottom: 5rem
    }

    .contactus-internal .internal-item .font-15 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item .font-1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .contactus-internal .internal-item .ml-8 {
        margin-left: .5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) {
        margin-bottom: 3.5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) .font-2 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item:last-child {
        margin-bottom: 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
        margin: 5rem 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        text-align: left;
        color: #111
    }

    .factory_one_title {
        width: 100%;
        padding-top: 3rem;
        display: flex;
        justify-content: center;
        font-size: 3.75rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.12px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .font-125 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #111;
        margin-bottom: 5rem
    }

    .contactus-cctv .cctv-item {
        margin-bottom: 5rem
    }

    .contactus-cctv .cctv-item .font-15 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .cctv-item .font-1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .contactus-cctv .cctv-item:last-child {
        margin-bottom: 0
    }

    .termsWrap {
        width: 100%;
        position: relative
    }

    .termsWrap .termsBody {
        margin: 0 3.5rem
    }

    .termsWrap .termsBody .titleMid {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px;
        font-weight: 600;
        margin-bottom: 1rem
    }

    .termsWrap .termsBody .descTop {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        font-weight: 500;
        color: #111;
        margin: 4rem 0 3.5rem 0
    }

    .termsWrap .termsBody .descMid {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .termsWrap .termsBody ul li {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01;
        text-align: left;
        color: #666
    }

    .termsWrap .termsBody ul.type_01 li {
        padding-left: 1rem
    }

    .termsWrap .termsBody dl {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        padding-left: 1rem
    }

    .termsWrap .termsBody table {
        margin-top: 2rem;
        width: 100%;
        table-layout: fixed
    }

    .termsWrap .termsBody table .termsItem_br {
        display: none
    }

    .termsWrap .termsBody table thead tr {
        border-top: .125rem solid #111
    }

    .termsWrap .termsBody table thead th {
        width: 50%;
        font-size: 1rem;
        font-weight: 700;
        padding: 2rem 0
    }

    .termsWrap .termsBody table tbody {
        border-top: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td {
        text-align: center;
        padding: 1.25rem .46rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td:last-child {
        border-right: none
    }

    .termsWrap .termsBody table tbody td.tdBold {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        font-weight: 500;
        color: #666
    }

    .termsWrap .termsBody .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01;
        text-align: left;
        color: #b8b8b8
    }

    .termsWrap .termsBody .font-1:nth-of-type(1) {
        margin-top: 1.5rem
    }

    .termsWrap .termsBody .termsItem {
        margin-bottom: 3.5rem
    }

    .termsWrap .termsBody .termsItem:last-child {
        margin-bottom: 2.5rem
    }

    .termsWrap .termsBody .termsItem .bold-line {
        border-bottom: 1px solid #111;
        color: #111
    }

    .termsWrap .termsBody .termsItem .link-line {
        border-bottom: 1px solid #cfcfcf
    }

    .termsWrap .termsBody .termsItem .dot-ctn li {
        margin-left: 2rem;
        word-break: keep-all;
        position: relative
    }

    .termsWrap .termsBody .termsItem .dot-ctn li::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "∙"
    }

    .termsWrap .termsWrap_select {
        margin: 0 3.5rem
    }

    .termsWrap .inputSelect {
        max-width: 20rem
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .contentsWrap.contactus-ctn {
        padding-top: 2.5rem !important
    }

    .contentsWrap.contactus-ctn .contentsBody {
        padding: 0 !important
    }

    .contactus-content {
        margin: 0 2.5rem
    }

    .contactus-legal .legal-item {
        margin-bottom: 3.5rem
    }

    .contactus-legal .legal-item .font-15 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-legal .legal-item .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }

    .contactus-legal .legal-item:last-child {
        margin-bottom: 0
    }

    .contactus-management .management-item .font-125 {
        margin-bottom: 3.5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-management .management-item .director-box {
        display: flex;
        justify-content: end
    }

    .contactus-management .management-item .director-box img {
        width: 11.625rem;
        height: 4.738rem
    }

    .contactus-internal .internal-item {
        margin-bottom: 3.5rem
    }

    .contactus-internal .internal-item .font-15 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }

    .contactus-internal .internal-item .ml-8 {
        margin-left: .5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) {
        margin-bottom: 3.5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) .font-2 {
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item:last-child {
        margin-bottom: 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
        margin: 3.5rem 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .factory_one_title {
        width: 100%;
        padding-top: 3rem;
        display: flex;
        justify-content: center;
        font-size: 3.75rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.12px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .font-125 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #111;
        margin-bottom: 3.5rem
    }

    .contactus-cctv .cctv-item {
        margin-bottom: 3.5rem
    }

    .contactus-cctv .cctv-item .font-15 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .cctv-item .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }

    .contactus-cctv .cctv-item:last-child {
        margin-bottom: 0
    }

    .termsWrap {
        width: 100%;
        position: relative
    }

    .termsWrap .termsBody {
        margin: 0 2.5rem
    }

    .termsWrap .termsBody .titleMid {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px;
        font-weight: 600;
        margin-bottom: 1rem
    }

    .termsWrap .termsBody .descTop {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        font-weight: 500;
        color: #111;
        margin: 4rem 0 3.5rem 0
    }

    .termsWrap .termsBody .descMid {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .termsWrap .termsBody ul li {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01;
        text-align: left;
        color: #666
    }

    .termsWrap .termsBody ul.type_01 li {
        padding-left: 1rem
    }

    .termsWrap .termsBody dl {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        padding-left: 1rem
    }

    .termsWrap .termsBody table {
        margin-top: 2rem;
        width: 100%;
        table-layout: fixed
    }

    .termsWrap .termsBody table .termsItem_br {
        display: none
    }

    .termsWrap .termsBody table thead tr {
        border-top: .125rem solid #111
    }

    .termsWrap .termsBody table thead th {
        width: 50%;
        font-size: 1rem;
        font-weight: 700;
        padding: 2rem 0
    }

    .termsWrap .termsBody table tbody {
        border-top: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td {
        text-align: center;
        padding: 1.25rem .46rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td:last-child {
        border-right: none
    }

    .termsWrap .termsBody table tbody td.tdBold {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        font-weight: 500;
        color: #666
    }

    .termsWrap .termsBody .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01;
        text-align: left;
        color: #b8b8b8
    }

    .termsWrap .termsBody .font-1:nth-of-type(1) {
        margin-top: 1.5rem
    }

    .termsWrap .termsBody .termsItem {
        margin-bottom: 3.5rem
    }

    .termsWrap .termsBody .termsItem:last-child {
        margin-bottom: 2.5rem
    }

    .termsWrap .termsBody .termsItem .bold-line {
        border-bottom: 1px solid #111;
        color: #111
    }

    .termsWrap .termsBody .termsItem .link-line {
        border-bottom: 1px solid #cfcfcf
    }

    .termsWrap .termsBody .termsItem .dot-ctn li {
        margin-left: 2rem;
        word-break: keep-all;
        position: relative
    }

    .termsWrap .termsBody .termsItem .dot-ctn li::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "∙"
    }

    .termsWrap .termsWrap_select {
        margin: 0 2.5rem
    }

    .termsWrap .inputSelect {
        max-width: 20rem
    }
}

@media (max-width:767px) {
    .contentsWrap.contactus-ctn {
        padding-top: 2.5rem !important
    }

    .contentsWrap.contactus-ctn .contentsBody {
        padding: 0 !important
    }

    .contactus-legal .legal-item {
        margin-bottom: 3.5rem
    }

    .contactus-legal .legal-item .font-15 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-legal .legal-item .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }

    .contactus-legal .legal-item:last-child {
        margin-bottom: 0
    }

    .contactus-management .management-item .font-125 {
        margin-bottom: 3.5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-management .management-item .director-box {
        display: flex;
        justify-content: end
    }

    .contactus-management .management-item .director-box img {
        width: 11.625rem;
        height: 4.738rem
    }

    .contactus-internal .internal-item {
        margin-bottom: 3.5rem
    }

    .contactus-internal .internal-item .font-15 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }

    .contactus-internal .internal-item .ml-8 {
        margin-left: .5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) {
        margin-bottom: 3.5rem
    }

    .contactus-internal .internal-item:nth-of-type(1) .font-2 {
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-internal .internal-item:last-child {
        margin-bottom: 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
        margin: 3.5rem 0
    }

    .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
    .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .factory_one_title {
        width: 100%;
        padding-top: 5.75rem;
        display: flex;
        justify-content: center;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .font-125 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        text-align: left;
        color: #111;
        margin-bottom: 3.5rem
    }

    .contactus-cctv .cctv-item {
        margin-bottom: 3.5rem
    }

    .contactus-cctv .cctv-item .font-15 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        text-align: left;
        color: #111
    }

    .contactus-cctv .cctv-item .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }

    .contactus-cctv .cctv-item:last-child {
        margin-bottom: 0
    }

    .termsWrap {
        width: 100%;
        position: relative
    }

    .termsWrap .termsBody .titleMid {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px;
        font-weight: 600;
        margin-bottom: 1rem
    }

    .termsWrap .termsBody .descTop {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        font-weight: 500;
        color: #111;
        margin: 4rem 0 3.5rem 0
    }

    .termsWrap .termsBody .descMid {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .termsWrap .termsBody ul li {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01;
        text-align: left;
        color: #666
    }

    .termsWrap .termsBody ul.type_01 li {
        padding-left: 1rem
    }

    .termsWrap .termsBody dl {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        padding-left: 1rem
    }

    .termsWrap .termsBody table {
        margin-top: 2rem;
        width: 100%;
        table-layout: fixed
    }

    .termsWrap .termsBody table .termsItem_br {
        display: none
    }

    .termsWrap .termsBody table thead tr {
        border-top: .125rem solid #111
    }

    .termsWrap .termsBody table thead th {
        width: 50%;
        font-size: 1rem;
        font-weight: 700;
        padding: 2rem 0
    }

    .termsWrap .termsBody table tbody {
        border-top: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td {
        text-align: center;
        padding: 1.25rem .46rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf
    }

    .termsWrap .termsBody table tbody td:last-child {
        border-right: none
    }

    .termsWrap .termsBody table tbody td.tdBold {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        font-weight: 500;
        color: #666
    }

    .termsWrap .termsBody .font-1 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01;
        text-align: left;
        color: #b8b8b8
    }

    .termsWrap .termsBody .font-1:nth-of-type(1) {
        margin-top: 1.5rem
    }

    .termsWrap .termsBody .termsItem {
        margin-bottom: 3.5rem
    }

    .termsWrap .termsBody .termsItem:last-child {
        margin-bottom: 2.5rem
    }

    .termsWrap .termsBody .termsItem .bold-line {
        border-bottom: 1px solid #111;
        color: #111
    }

    .termsWrap .termsBody .termsItem .link-line {
        border-bottom: 1px solid #cfcfcf
    }

    .termsWrap .termsBody .termsItem .dot-ctn li {
        margin-left: 1rem;
        word-break: keep-all;
        position: relative
    }

    .termsWrap .termsBody .termsItem .dot-ctn li::before {
        position: absolute;
        top: 0;
        left: .1rem;
        content: "∙"
    }

    .termsWrap .inputSelect {
        max-width: 20rem
    }
}

@media (max-width:1023px) {
    .contactus .contentsWrap .contentsBody .tabContentsWrap div.contactBox>ul {
        flex-direction: column;
        row-gap: 2.5rem;
        margin-bottom: 2.5rem
    }

    .contactus .contentsWrap .contentsBody .tabContentsWrap div.contactBox>ul li {
        width: 100%
    }

    .contactus .contentsWrap .contentsBody .tabContentsWrap div.contactBox>ul li dl {
        flex-direction: column;
        row-gap: 1rem
    }

    .contactus .contentsWrap .contentsBody .tabContentsWrap div.contactBox>ul li dl dd p span {
        margin-bottom: .5rem
    }
}

.termsWrap .termsBody+.inputSelect {
    margin-top: 3.5rem
}

@media (max-width:1023px) {
    .termsWrap .termsBody+.inputSelect {
        margin-top: 2.5rem
    }
}

.contactus-cctv .circle-line {
    position: relative
}

.contactus-cctv .circle-line:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "o"
}

.contactus-cctv .cctv-item .font-15+div.font-1 {
    margin-top: 0
}

.contactus-cctv .cctv-item .link-line {
    border-bottom: 1px solid #cfcfcf
}

.contactus-cctv .cctv-item ul li {
    padding-left: 1rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -.02px;
    text-align: left;
    color: #666
}

.contactus-cctv .cctv-item ul.dot-ctn li {
    margin-left: 2rem;
    word-break: keep-all;
    position: relative
}

.contactus-cctv .cctv-item ul.dot-ctn li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•"
}

@media (max-width:1023px) {
    .contactus-cctv .cctv-item ul.dot-ctn li {
        margin-left: 1rem;
        word-break: keep-all;
        position: relative
    }

    .contactus-cctv .cctv-item ul.dot-ctn li::before {
        position: absolute;
        top: 0;
        left: .1;
        content: "∙"
    }

    .contactus-cctv .cctv-item ul li {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        text-align: left;
        color: #666
    }
}

.selectric-hide-select select {
    position: static
}

@media (min-width:1440px) {
    .customer_invest .contentsWrap {
        width: 100% !important
    }

    .customer_error {
        display: none;
        margin-top: .5rem;
        font-size: .813rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: -.01px;
        color: red
    }

    .customer_error.active {
        display: block
    }

    .customer-email {
        display: flex;
        align-items: center;
        position: relative
    }

    .customer-email .input-size {
        width: 13.75rem
    }

    .customer-email .symbol_mo {
        display: none
    }

    .customer-email .symbol {
        margin: 0 1rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer-email .select-size {
        margin-left: .5rem;
        width: 13.75rem
    }

    .customer-email .customer_error {
        position: absolute;
        bottom: -1.5rem;
        left: 0
    }

    .font-b2.attach {
        margin-top: .813rem
    }

    .customer-attach .item-list {
        display: flex;
        align-items: center
    }

    .customer-attach .item-list .attach-btn input {
        display: none
    }

    .customer-attach .item-list .attach-btn .btn-md {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 9.438rem;
        height: 3rem;
        border-radius: 4px;
        color: #fff;
        background-color: #111
    }

    .customer-attach .item-list .txt-file-box {
        margin-left: 1rem
    }

    .customer-attach .item-list .txt-file-box .txt-file {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer-attach .fileonly-attached {
        margin-top: 2rem
    }

    .customer-attach .fileonly-attached .btn-ico {
        margin-bottom: .75rem;
        display: none
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box {
        display: flex;
        align-items: center
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111;
        max-width: 70.688rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box .ico {
        margin-left: .5rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url(/front/assets/common/images/customer/ico_close_circle-20.png) no-repeat center;
        background-size: contain
    }

    .customer-attach .fileonly-attached .btn-ico:last-child {
        margin-bottom: 0
    }

    .customer-attach .fileonly-attached .btn-ico.active {
        display: block
    }

    .customer-security {
        display: flex;
        align-items: center;
        position: relative
    }

    .customer-security .input-security {
        width: 10.25rem
    }

    .customer-security .input-security img {
        margin-top: 4px;
        width: 164px;
        height: 48px;
        border: 1px solid #d2d2d2;
        border-radius: .25rem;
        background-color: #f4f4f4
    }

    .customer-security .input-security .refresh_mo {
        display: none
    }

    .customer-security .refresh {
        margin: 0 3rem 0 .5rem;
        width: 3rem;
        height: 3rem;
        background-color: #f4f4f4;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .customer-security .refresh .ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/customer/ico_new_refresh-24.png) no-repeat center;
        background-size: contain
    }

    .customer-security .input-size {
        width: 11.75rem
    }

    .customer-security .input-size input[type=number]::-webkit-inner-spin-button,
    .customer-security .input-size input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .customer-security .customer_error {
        position: absolute;
        bottom: -1.5rem;
        left: 0;
        width: 300px
    }

    .customer_invest-item-chk {
        margin-top: 12.5rem
    }

    .customer_invest-item-chk .font-h4 {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.08px;
        color: #111
    }

    .customer_invest-item-chk .customer_invest-chk-box {
        margin-top: 2.5rem;
        width: 100%;
        height: 32rem;
        overflow-y: scroll;
        border: 1px solid #b8b8b8;
        border-radius: 4px;
        padding: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b1 {
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.7;
        letter-spacing: -.02px;
        color: #111;
        margin-bottom: 3.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-mof {
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111;
        margin-bottom: 1rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #666;
        margin-bottom: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3 strong {
        color: #111;
        font-weight: 500
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3 {
        margin-bottom: 0
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3:last-child {
        margin-bottom: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar {
        width: .35rem
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-thumb {
        height: 8rem;
        background: rgba(5, 5, 5, .1);
        border-radius: 2px
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-track {
        background-color: transparent
    }

    .customer_invest-item-chk .customer_invest-chkbox {
        margin-top: 1.5rem;
        display: flex;
        align-items: center
    }

    .customer_invest-item-chk .customer_invest-chkbox .font-b3-bold {
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .customer_invest-item-chk .customer_invest-chkbtn {
        margin-top: 5.063rem;
        display: flex;
        justify-content: end;
        display: flex;
        align-items: center;
        gap: .75rem
    }

    .inputText.customer-datepicker .customer-datepicker-btn {
        display: block;
        position: absolute;
        top: 14px;
        right: 20px;
        cursor: pointer;
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0;
        line-height: 0;
        background: url(/front/assets/common/images/customer/ico_calendar-20.png) no-repeat center;
        background-size: contain;
        overflow: hidden
    }

    .inputText.customer-datepicker input.customer-datepicker-input {
        cursor: pointer
    }

    .ui-datepicker {
        width: 20rem !important
    }
}

.textarea-ctn {
    position: relative;
    display: flex;
    width: 100%;
    height: 12.5rem;
    box-sizing: border-box;
    overflow: hidden
}

.textarea-ctn .textarea-item {
    width: 100%;
    height: 100%;
    resize: none;
    padding: 1rem 1rem !important;
    background: #fff;
    border: 1px solid #c9cdd6;
    outline: 0;
    overflow-y: scroll;
    border-radius: 4px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -.01px
}

.textarea-ctn textarea::placeholder {
    color: #b8b8b8 !important
}

.textarea-ctn textarea::-webkit-scrollbar {
    width: .25rem
}

.textarea-ctn textarea::-webkit-scrollbar-thumb {
    height: 8rem;
    background: rgba(5, 5, 5, .1);
    border-radius: 2px
}

.textarea-ctn textarea::-webkit-scrollbar-track {
    background-color: transparent
}

.textarea-ctn textarea:focus {
    border: 1px solid #111
}

.textarea-ctn.active textarea {
    border: 1px solid #111
}

.textarea-ctn.error textarea {
    border: 1px solid red
}

.textarea-ctn.success textarea {
    border: 1px solid #44d3e8
}

.chkbox-item input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
    position: relative
}

.chkbox-item input[type=checkbox]::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 4px;
    transition: all .3s ease-out;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    background-color: #fff
}

.chkbox-item input[type=checkbox]:checked:before {
    border: 1px solid #20c85a;
    background: url(/front/assets/common/images/customer/ico_check-16.png) no-repeat center;
    background-size: contain;
    background-color: #fff
}

.chkbox-item span {
    margin-left: .5rem
}

@media (min-width:1440px) {
    .innerVisualWrap .customer-main_img:nth-of-type(2) {
        display: none
    }

    .customer-content .customer-item .h3-bold {
        font-size: 3.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.1px;
        color: #111
    }

    .customer-content .customer-item .h6-bold {
        margin-top: 3rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .customer-content .customer-item:nth-of-type(2) .item-box {
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list {
        width: 44.25rem;
        height: 9.813rem;
        border: 1px solid #d2d2d2;
        border-radius: 10px;
        padding: 0 3.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list .h6-bold {
        margin-top: 0;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list .ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/customer/ico_arrow_right_line.png) no-repeat center;
        background-size: contain
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list:hover {
        border: 1px solid #111
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list.outlink .ico {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain
    }

    .customer-content .customer-item:nth-of-type(2) .item-box:last-child {
        margin-bottom: 0
    }

    .customer_common-content {
        width: 1440px
    }

    .customer_common-content .customer_common-title {
        display: flex;
        align-items: end;
        justify-content: space-between
    }

    .customer_common-content .customer_common-title .h4-bold {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.08px;
        color: #111
    }

    .customer_common-content .customer_common-title .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer_common-content .customer_common-title .font-b3 b {
        color: red
    }

    .customer_common-content .border-1 {
        margin: 2.5rem 0 3rem 0;
        width: 90rem;
        height: .125rem;
        background-color: #111
    }

    .customer_common-content .customer_common-item .customer_common-table {
        margin-bottom: 2.5rem;
        display: flex
    }

    .customer_common-content .customer_common-item .customer_common-table .font-b2 {
        width: 15.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer_common-content .customer_common-item .customer_common-table .font-b2 strong {
        color: red
    }

    .customer_common-content .customer_common-item .customer_common-table .table-item {
        width: 82.375rem
    }

    .customer_common-content .customer_common-item .customer_common-table:nth-of-type(1) .font-b2 {
        margin-top: .713rem
    }

    .customer_common-content .customer_common-item .customer_common-table:nth-of-type(1) .table-item .input-size {
        width: 36.625rem
    }

    .customer_common-content .customer_common-item .customer_common-table:nth-of-type(2) .font-b2 {
        margin-top: .875rem
    }

    .customer_common-content .customer_common-item .customer_common-table:nth-of-type(4) {
        align-items: center;
        margin-bottom: 3rem
    }

    .customer_common-content .customer_common-item .customer_common-table:nth-of-type(5) {
        align-items: center;
        margin-bottom: 3rem
    }

    .customer_common-content .customer_common-item .border-2 {
        width: 90rem;
        height: .063rem;
        background-color: #cfcfcf
    }

    .customer_common-content .customer_common-item .customer-subtxt {
        margin-top: 2.5rem
    }

    .customer_common-content .customer_common-item .customer-subtxt .font-b3-bold {
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666;
        margin-bottom: 1rem
    }

    .customer_common-content .customer_common-item .customer-subtxt .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #999
    }

    .customer_common-content .customer_common-item .customer-subtxt .web {
        display: block
    }

    .customer_common-content .customer_common-item .customer-subtxt .mo {
        display: none
    }

    .customer_procure-content {
        width: 1440px
    }

    .customer_procure-content .customer_procure-title {
        display: flex;
        align-items: end;
        justify-content: space-between
    }

    .customer_procure-content .customer_procure-title .h4-bold {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.08px;
        color: #111
    }

    .customer_procure-content .customer_procure-title .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer_procure-content .customer_procure-title .font-b3 b {
        color: red
    }

    .customer_procure-content .border-1 {
        margin: 2.5rem 0 3rem 0;
        width: 90rem;
        height: .125rem;
        background-color: #111
    }

    .customer_procure-content .customer_procure-item .customer_procure-table {
        margin-bottom: 2.5rem;
        display: flex
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .font-b2 {
        width: 15.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .font-b2 strong {
        color: red
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .table-item {
        width: 82.375rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(1) .font-b2 {
        margin-top: .713rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(1) .table-item .select-size {
        width: 20rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(1) .table-item .select-size .selectric .label {
        color: #111
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(2) .font-b2 {
        margin-top: .875rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(3) .font-b2 {
        margin-top: .713rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(3) .table-item .input-size {
        width: 36.625rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .attach.procure {
        margin-top: 0 !important
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .attach.procure .font-c1 {
        font-size: .813rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .attach.procure .font-c1_mo {
        display: none
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(5) {
        align-items: center;
        margin-bottom: 3rem
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(6) {
        align-items: center;
        margin-bottom: 3rem
    }

    .customer_procure-content .customer_procure-item .border-2 {
        width: 90rem;
        height: .063rem;
        background-color: #cfcfcf
    }

    .customer_procure-content .customer_procure-item .customer-subtxt {
        margin-top: 2.5rem
    }

    .customer_procure-content .customer_procure-item .customer-subtxt .font-b3-bold {
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666;
        margin-bottom: 1rem
    }

    .customer_procure-content .customer_procure-item .customer-subtxt .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #999
    }

    .customer_procure-content .customer_procure-item .customer-subtxt .web {
        display: block
    }

    .customer_procure-content .customer_procure-item .customer-subtxt .mo {
        display: none
    }

    .customer_cdmo-content {
        width: 1440px
    }

    .customer_cdmo-content .customer_cdmo-title {
        display: flex;
        align-items: end;
        justify-content: space-between
    }

    .customer_cdmo-content .customer_cdmo-title .h4-bold {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.08px;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-title .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer_cdmo-content .customer_cdmo-title .font-b3 b {
        color: red
    }

    .customer_cdmo-content .border-1 {
        margin: 2.5rem 0 3rem 0;
        width: 90rem;
        height: .125rem;
        background-color: #111
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 strong {
        color: red
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .chk-item-list {
        display: flex;
        align-items: center;
        gap: 1.5rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item {
        margin-top: 1.5rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item .font-b3 {
        margin-left: .5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .cdmo_en {
        flex-wrap: wrap
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .cdmo_en .chkbox-item {
        width: 36.1rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .cdmo_en .chkbox-item:nth-of-type(1) {
        width: 6.3rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .cdmo_en .chkbox-item:nth-of-type(2) {
        width: 35rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .cdmo_en .chkbox-item:nth-of-type(4) {
        margin-top: 0
    }

    .customer_cdmo-content .customer_cdmo-chklist .border-2 {
        margin: 2.5rem 0;
        width: 90rem;
        height: .063rem;
        background-color: #cfcfcf
    }

    .customer_cdmo-content .customer_cdmo-chklist .border-2:last-child {
        margin: 2.5rem 0 3rem 0
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table {
        margin-bottom: 2.5rem;
        display: flex
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 {
        width: 15.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 strong {
        color: red
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .table-item {
        width: 82.375rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(1) .font-b2 {
        margin-top: .713rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(1) .table-item .input-size {
        width: 36.625rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(2) .font-b2 {
        margin-top: .713rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(2) .table-item .input-size {
        width: 36.625rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(3) .font-b2 {
        margin-top: .713rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(3) .table-item .input-size {
        width: 36.625rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(4) .font-b2 {
        margin-top: .713rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(4) .table-item .input-size {
        width: 36.625rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(5) .font-b2 {
        margin-top: .713rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(5) .table-item .input-size {
        width: 36.625rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(6) .font-b2 {
        margin-top: .875rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(7) .attach .font-c1 {
        font-size: .813rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(8) {
        align-items: center;
        margin-bottom: 3rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table:nth-of-type(9) {
        align-items: center;
        margin-bottom: 3rem
    }

    .customer_cdmo-content .customer_cdmo-item .border-2 {
        width: 90rem;
        height: .063rem;
        background-color: #cfcfcf
    }

    .customer_report-content {
        width: 1440px
    }

    .customer_report-content .customer_report-title {
        display: flex;
        align-items: end;
        justify-content: space-between
    }

    .customer_report-content .customer_report-title .h4-bold {
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.08px;
        color: #111
    }

    .customer_report-content .customer_report-title .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer_report-content .customer_report-title .font-b3 b {
        color: red
    }

    .customer_report-content .border-1 {
        margin: 2.5rem 0 3rem 0;
        width: 90rem;
        height: .125rem;
        background-color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table {
        margin-bottom: 2.5rem;
        display: flex
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2 {
        width: 15.25rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2 strong {
        color: red
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2_mo {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table .table-item {
        width: 82.375rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(1) .font-b2 {
        margin-top: .713rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(1) .table-item .select-size .selectric .label {
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(2) .font-b2 {
        margin-top: .713rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(3) .font-b2 {
        margin-top: .713rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .font-b2 {
        margin-top: .713rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .customer-datepicker {
        width: 20rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(5) .font-b2 {
        margin-top: .713rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(6) .font-b2 {
        margin-top: .875rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(7) .font-b2 {
        margin-top: .875rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(8) {
        align-items: center
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(8) .tel_mob {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(9) {
        align-items: center
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(10) .attach .font-c1 {
        font-size: .813rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(11) {
        margin-bottom: 2rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(11) .font-b2 {
        margin-top: .875rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(12) {
        margin-bottom: 3rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(12) .customer_report-mail .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer_report-content .customer_report-item .border-2 {
        width: 90rem;
        height: .063rem;
        background-color: #cfcfcf
    }
}

@media (max-width:767px) {
    .customer_wrap {
        padding: 0 0 11.25rem 0 !important
    }

    .innerVisualWrap .customer-main_img:nth-of-type(1) {
        display: none
    }

    .customer_invest .contentsWrap {
        max-width: 767px;
        padding: 3rem 0 0 0 !important
    }

    .customer-content {
        margin: 0 auto
    }

    .customer-content .customer-item:nth-of-type(1) .h3-bold {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .customer-content .customer-item:nth-of-type(1) .h6-bold {
        margin-top: 1.5rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list {
        width: 100%;
        height: 5.813rem;
        border: 1px solid #d2d2d2;
        border-radius: 10px;
        padding: 0 2rem;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list .h6-bold {
        margin-top: 0;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list .ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/customer/ico_arrow_right_line.png) no-repeat center;
        background-size: contain
    }

    .customer_common-content {
        margin-top: 2.5rem !important
    }

    .customer_common-content .customer_common-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_common-content .customer_common-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_common-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_common-content .customer_common-item .customer_common-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_common-content .customer_common-item .customer_common-table .font-b2 strong {
        color: red
    }

    .customer_common-content .customer_common-item .customer_common-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_common-content .customer_common-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_procure-content {
        margin-top: 2.5rem !important
    }

    .customer_procure-content .customer_procure-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_procure-content .customer_procure-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_procure-content .customer_procure-title .font-b3 b {
        color: red
    }

    .customer_procure-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .font-b2 strong {
        color: red
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_procure-content .customer_procure-item .inputSelect.select-size select {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_procure-content .customer_procure-item .inputSelect.select-size .selectric .label {
        color: #111
    }

    .customer_procure-content .customer_procure-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .font-b2.attach {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .font-b2.attach .font-c1 {
        display: none
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .font-b2.attach .font-c1_mo {
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_cdmo-content {
        margin-top: 2.5rem !important
    }

    .customer_cdmo-content .customer_cdmo-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_cdmo-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 {
        width: 100%;
        margin-bottom: 1.25rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 strong {
        color: red
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_cdmo-content .customer_cdmo-chklist .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: 2rem 0
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item.chk-item-ctn .chk-item-list .chkbox-item {
        margin-bottom: 1rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo {
        display: flex
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo label {
        width: 1.5rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 strong {
        color: red
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_cdmo-content .customer_cdmo-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_report-content {
        margin-top: 2.5rem !important
    }

    .customer_report-content .customer_report-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_report-content .customer_report-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_report-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2 strong {
        color: red
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2_mo {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2_mo strong {
        color: red
    }

    .customer_report-content .customer_report-item .customer_report-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_report-content .customer_report-item .inputSelect.select-size select {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_report-content .customer_report-item .inputSelect.select-size .selectric .label {
        color: #111
    }

    .customer_report-content .customer_report-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(2) .textarea-ctn textarea::-webkit-scrollbar-thumb,
    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(3) .textarea-ctn textarea::-webkit-scrollbar-thumb {
        height: 4rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(5) .textarea-ctn {
        height: 7.5rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(5) .textarea-ctn textarea::-webkit-scrollbar-thumb {
        height: 4rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker {
        width: 100%
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker .ui-datepicker {
        margin-left: 100px
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker .customer-datepicker-btn {
        display: block;
        position: absolute;
        top: .875rem;
        right: .875rem;
        cursor: pointer;
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0;
        line-height: 0;
        background: url(/front/assets/common/images/customer/ico_calendar-20.png) no-repeat center;
        background-size: contain;
        overflow: hidden
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker input.customer-datepicker-input {
        cursor: pointer
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(6) .font-b2 br {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(8) .font-b2 br {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(9) .font-b2 br {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(11) .customer_report-mail {
        margin-top: 1rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(11) .customer_report-mail .font-b3 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(12) .customer_report-mail .font-b3 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer-subtxt .font-b3-bold {
        margin-bottom: .75rem;
        font-size: .875rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .customer-subtxt .font-b3 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .customer-subtxt .web {
        display: none
    }

    .customer-subtxt .mo {
        display: block
    }

    .customer_invest-item-chk {
        margin-top: 5rem
    }

    .customer_invest-item-chk .font-h4 {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .customer_invest-item-chk .customer_invest-chk-box {
        margin-top: 1.5rem;
        width: 100%;
        height: 16.875rem;
        border: 1px solid #b8b8b8;
        border-radius: 4px;
        padding: 1.5rem;
        overflow-y: scroll
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #111;
        margin-bottom: 3.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-mof {
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        margin-bottom: 1rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        margin-bottom: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3 strong {
        color: #111;
        font-weight: 500
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3 {
        margin-bottom: 0
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3:last-child {
        margin-bottom: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar {
        width: .35rem
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-thumb {
        height: 8rem;
        background: rgba(5, 5, 5, .1);
        border-radius: 2px
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-track {
        background-color: transparent
    }

    .customer_invest-item-chk .customer_invest-chkbox {
        margin-top: 1rem;
        display: flex;
        align-items: center
    }

    .customer_invest-item-chk .customer_invest-chkbox .font-b3-bold {
        font-size: .875rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_invest-item-chk .customer_invest-chkbox .chkbox-item span {
        margin-left: .25rem
    }

    .customer_invest-item-chk .customer_invest-chkbtn {
        margin-top: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem
    }

    .customer_invest-item-chk .customer_invest-chkbtn .btnSmall {
        width: 50%;
        height: 3rem
    }

    .table-item.customer-email .inputText.input-size:nth-of-type(1) {
        margin-bottom: .75rem;
        display: flex;
        align-items: center
    }

    .table-item.customer-email .inputText.input-size:nth-of-type(1) .symbol_mo {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        width: 2rem;
        text-align: right;
        margin-right: .5rem
    }

    .table-item.customer-email .symbol {
        display: none
    }

    .table-item.customer-email .inputSelect.select-size {
        margin-top: .75rem
    }

    .table-item.customer-email .inputSelect.select-size select {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .table-item.customer-security .input-security {
        margin-bottom: .75rem;
        display: flex;
        align-items: center
    }

    .table-item.customer-security .input-security img {
        width: 164px;
        height: 48px
    }

    .table-item.customer-security .input-security .refresh_mo-btn {
        margin-left: .5rem;
        width: 3rem;
        height: 3rem;
        background-color: #f4f4f4;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .table-item.customer-security .input-security .refresh_mo-btn .ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/customer/ico_new_refresh-24.png) no-repeat center;
        background-size: contain
    }

    .table-item.customer-security .input-size input[type=number]::-webkit-inner-spin-button,
    .table-item.customer-security .input-size input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .table-item.customer-security .refresh {
        display: none
    }

    .table-item.customer-security .customer_error {
        width: 300px
    }

    .customer-attach .item-list {
        width: 100%
    }

    .customer-attach .item-list .attach-btn {
        width: 100%;
        margin-bottom: 1rem
    }

    .customer-attach .item-list .attach-btn input {
        display: none
    }

    .customer-attach .item-list .attach-btn .btn-md {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 100% !important;
        height: 3rem;
        border-radius: 4px;
        color: #fff;
        background-color: #111
    }

    .customer-attach .item-list .txt-file-box .txt-file {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer-attach .fileonly-attached {
        margin-top: 1rem
    }

    .customer-attach .fileonly-attached .btn-ico {
        display: none;
        margin-bottom: .5rem
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box {
        display: flex
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box .font-b3 {
        max-width: 15.688rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box .ico {
        margin: .075rem 0 0 .5rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url(/front/assets/common/images/customer/ico_close_circle-20.png) no-repeat center;
        background-size: contain
    }

    .customer-attach .fileonly-attached .btn-ico:last-child {
        margin-bottom: 0
    }

    .customer-attach .fileonly-attached .btn-ico.active {
        display: block
    }

    .customer_error {
        display: none;
        margin-top: .5rem;
        font-size: .813rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: -.01px;
        color: red
    }

    .customer_error.active {
        display: block
    }
}

@media (min-width:768px) and (max-width:1439px) {
    .innerVisualWrap .customer-main_img:nth-of-type(2) {
        display: none
    }

    .customer_invest .contentsWrap {
        max-width: 1439px
    }

    .customer_invest .contentsWrap .contentsBody {
        margin: 0 4.5rem
    }

    .customer-content {
        margin: 0 auto
    }

    .customer-content .customer-item .h3-bold {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .customer-content .customer-item .h6-bold {
        margin-top: 1.5rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .customer-content .customer-item:nth-of-type(2) .item-box {
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list {
        width: 50%;
        height: 8.813rem;
        border: 1px solid #d2d2d2;
        border-radius: 10px;
        padding: 0 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list .h6-bold {
        margin-top: 0;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list .ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/customer/ico_arrow_right_line.png) no-repeat center;
        background-size: contain
    }

    .customer-content .customer-item:nth-of-type(2) .item-box .item-list.active {
        border: 1px solid #111
    }

    .customer-content .customer-item:nth-of-type(2) .item-box:last-child {
        margin-bottom: 0
    }

    .customer_common-content {
        margin-top: 2.5rem !important
    }

    .customer_common-content .customer_common-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_common-content .customer_common-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_common-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_common-content .customer_common-item .customer_common-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_common-content .customer_common-item .customer_common-table .font-b2 strong {
        color: red
    }

    .customer_common-content .customer_common-item .customer_common-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_common-content .customer_common-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_procure-content {
        margin-top: 2.5rem !important
    }

    .customer_procure-content .customer_procure-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_procure-content .customer_procure-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_procure-content .customer_procure-title .font-b3 b {
        color: red
    }

    .customer_procure-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .font-b2 strong {
        color: red
    }

    .customer_procure-content .customer_procure-item .customer_procure-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_procure-content .customer_procure-item .inputSelect.select-size select {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_procure-content .customer_procure-item .inputSelect.select-size .selectric .label {
        color: #111
    }

    .customer_procure-content .customer_procure-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .font-b2.attach {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .font-b2.attach .font-c1 {
        display: none
    }

    .customer_procure-content .customer_procure-item .customer_procure-table:nth-of-type(4) .font-b2.attach .font-c1_mo {
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_cdmo-content {
        margin-top: 2.5rem !important
    }

    .customer_cdmo-content .customer_cdmo-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_cdmo-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 {
        width: 100%;
        margin-bottom: 1.25rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 strong {
        color: red
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .customer_cdmo-content .customer_cdmo-chklist .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: 2rem 0
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-item.chk-item-ctn .chk-item-list .chkbox-item {
        margin-bottom: 1rem
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo {
        display: flex
    }

    .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo label {
        width: 1.5rem
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 strong {
        color: red
    }

    .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_cdmo-content .customer_cdmo-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_report-content {
        margin-top: 2.5rem !important
    }

    .customer_report-content .customer_report-title .h4-bold {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .customer_report-content .customer_report-title .font-b3 {
        margin-top: .75rem;
        font-size: .75rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .customer_report-content .border-1 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        margin: 1.5rem 0 2.5rem 0
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2 {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2 strong {
        color: red
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2_mo {
        width: 100%;
        margin-bottom: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table .font-b2_mo strong {
        color: red
    }

    .customer_report-content .customer_report-item .customer_report-table .table-item {
        width: 100%;
        margin-bottom: 2rem
    }

    .customer_report-content .customer_report-item .inputSelect.select-size select {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_report-content .customer_report-item .inputSelect.select-size .selectric .label {
        color: #111
    }

    .customer_report-content .customer_report-item .border-2 {
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2;
        margin: .5rem 0 2rem 0
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(2) .textarea-ctn .textarea-item,
    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(3) .textarea-ctn .textarea-item {
        padding: .8rem 1rem !important;
        overflow-y: hidden
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(5) .textarea-ctn {
        height: 3rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(5) .textarea-ctn .textarea-item {
        padding: .8rem 1rem !important;
        overflow-y: hidden
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker {
        width: 100%
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker .ui-datepicker {
        margin-left: 100px
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker .customer-datepicker-btn {
        display: block;
        position: absolute;
        top: .875rem;
        right: .875rem;
        cursor: pointer;
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0;
        line-height: 0;
        background: url(/front/assets/common/images/customer/ico_calendar-20.png) no-repeat center;
        background-size: contain;
        overflow: hidden
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(4) .table-item .inputText.customer-datepicker input.customer-datepicker-input {
        cursor: pointer
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(6) .font-b2 br {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(8) .font-b2 br {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(9) .font-b2 br {
        display: none
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(11) .customer_report-mail {
        margin-top: 1.5rem
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(11) .customer_report-mail .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer_report-content .customer_report-item .customer_report-table:nth-of-type(12) .customer_report-mail .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer-subtxt .font-b3-bold {
        margin-bottom: .75rem;
        font-size: .875rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .customer-subtxt .font-b3 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666
    }

    .customer-subtxt .web {
        display: block
    }

    .customer-subtxt .mo {
        display: none
    }

    .customer_invest-item-chk {
        margin-top: 5rem
    }

    .customer_invest-item-chk .font-h4 {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .customer_invest-item-chk .customer_invest-chk-box {
        margin-top: 2rem;
        width: 100%;
        height: 18rem;
        border: 1px solid #b8b8b8;
        border-radius: 4px;
        padding: 2.5rem;
        overflow-y: scroll
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b1 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #111;
        margin-bottom: 3.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-mof {
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        margin-bottom: 1rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3 {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #666;
        margin-bottom: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3 strong {
        color: #111;
        font-weight: 500
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3 {
        margin-bottom: 0
    }

    .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3:last-child {
        margin-bottom: 2.5rem
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar {
        width: .35rem
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-thumb {
        height: 8rem;
        background: rgba(5, 5, 5, .1);
        border-radius: 2px
    }

    .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-track {
        background-color: transparent
    }

    .customer_invest-item-chk .customer_invest-chkbox {
        margin-top: 1rem;
        display: flex;
        align-items: center
    }

    .customer_invest-item-chk .customer_invest-chkbox .font-b3-bold {
        font-size: .875rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .customer_invest-item-chk .customer_invest-chkbox .chkbox-item span {
        margin-left: .25rem
    }

    .customer_invest-item-chk .customer_invest-chkbtn {
        margin-top: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem
    }

    .customer_invest-item-chk .customer_invest-chkbtn .btnSmall {
        width: 50%;
        height: 3rem
    }

    .table-item.customer-email .inputText.input-size:nth-of-type(1) {
        margin-bottom: .75rem;
        display: flex;
        align-items: center
    }

    .table-item.customer-email .inputText.input-size:nth-of-type(1) .symbol_mo {
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        width: 2rem;
        text-align: right;
        margin-right: .5rem
    }

    .table-item.customer-email .symbol {
        display: none
    }

    .table-item.customer-email .inputSelect.select-size {
        margin-top: .75rem
    }

    .table-item.customer-email .inputSelect.select-size select {
        font-size: .875rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #111
    }

    .table-item.customer-security {
        display: flex;
        align-items: center;
        position: relative
    }

    .table-item.customer-security .input-security {
        width: 10.25rem
    }

    .table-item.customer-security .input-security img {
        margin-top: 4px;
        width: 164px;
        height: 48px
    }

    .table-item.customer-security .input-security .refresh_mo {
        display: none
    }

    .table-item.customer-security .refresh {
        margin: 0 3rem 0 .5rem;
        width: 3rem;
        height: 3rem;
        background-color: #f4f4f4;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .table-item.customer-security .refresh .ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/customer/ico_new_refresh-24.png) no-repeat center;
        background-size: contain
    }

    .table-item.customer-security .input-size {
        width: 11.75rem
    }

    .table-item.customer-security .input-size input[type=number]::-webkit-inner-spin-button,
    .table-item.customer-security .input-size input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .table-item.customer-security .customer_error {
        position: absolute;
        bottom: -1.5rem;
        left: 0;
        width: 300px
    }

    .customer-attach .item-list {
        width: 100%
    }

    .customer-attach .item-list .attach-btn {
        width: 100%;
        margin-bottom: 1rem
    }

    .customer-attach .item-list .attach-btn input {
        display: none
    }

    .customer-attach .item-list .attach-btn .btn-md {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 100% !important;
        height: 3rem;
        border-radius: 4px;
        color: #fff;
        background-color: #111
    }

    .customer-attach .item-list .txt-file-box {
        margin-left: 1rem
    }

    .customer-attach .item-list .txt-file-box .txt-file {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .customer-attach .fileonly-attached {
        margin-top: 2rem
    }

    .customer-attach .fileonly-attached .btn-ico {
        display: none;
        margin-bottom: .75rem
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box {
        display: flex
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box .font-b3 {
        max-width: 31.688rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .customer-attach .fileonly-attached .btn-ico .attach_file-box .ico {
        margin: .075rem 0 0 .5rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url(/front/assets/common/images/customer/ico_close_circle-20.png) no-repeat center;
        background-size: contain
    }

    .customer-attach .fileonly-attached .btn-ico:last-child {
        margin-bottom: 0
    }

    .customer-attach .fileonly-attached .btn-ico.active {
        display: block
    }

    .customer_error {
        display: none;
        margin-top: .5rem;
        font-size: .813rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: -.01px;
        color: red
    }

    .customer_error.active {
        display: block
    }
}

.cpnt_esg_kv.environment .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png) no-repeat center center/cover
}

.cpnt_esg_kv.weather .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_weather.png) no-repeat center center/cover
}

.cpnt_esg_kv.governance .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_governance.png) no-repeat center bottom/cover
}

.cpnt_esg_kv.governance .innerBox .summary {
    max-width: 52.5rem;
    width: 100%
}

.cpnt_esg_kv .innerBox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 43.75rem;
    overflow: hidden;
    padding: 0 10%;
    gap: 10%;
    border-radius: 30px;
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png) no-repeat center center/cover
}

.cpnt_esg_kv .innerBox .summary {
    flex: 1;
    width: 40%;
    color: #fff
}

.cpnt_esg_kv .innerBox .summary .heading {
    display: block;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.1px;
    color: #20c85a
}

.cpnt_esg_kv .innerBox .summary p {
    display: block;
    margin-top: 1.5rem;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.4;
    color: inherit;
    word-break: keep-all
}

.cpnt_esg_kv .innerBox .conts {
    flex-shrink: 0;
    flex-basis: 30%;
    min-width: 21rem;
    color: #fff
}

.cpnt_esg_kv .innerBox .conts strong {
    display: block;
    padding: 0 0 1.5rem 0;
    border-bottom: solid .125rem #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    color: inherit
}

.cpnt_esg_kv .innerBox .conts strong~strong {
    margin-top: 5rem
}

.cpnt_esg_kv .innerBox .conts dl.t1 {
    color: inherit
}

.cpnt_esg_kv .innerBox .conts dl.t1 div {
    display: flex;
    line-height: 2.375rem;
    color: inherit
}

.cpnt_esg_kv .innerBox .conts dl.t1 dt {
    padding: .438rem 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: .24px;
    color: #d2d2d2
}

.cpnt_esg_kv .innerBox .conts dl.t1 dd {
    margin-left: 1.25rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px;
    color: inherit
}

.cpnt_esg_kv .innerBox .conts dl.t2 {
    color: inherit
}

.cpnt_esg_kv .innerBox .conts dl.t2 div {
    color: inherit
}

.cpnt_esg_kv .innerBox .conts dl.t2 dt {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px;
    color: inherit
}

.cpnt_esg_kv .innerBox .conts dl.t2 dd {
    margin-top: 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: .32px;
    color: #d2d2d2
}

.cpnt_esg_kv .innerBox .conts dl {
    padding: 1.5rem 0 0 0
}

.cpnt_esg_kv .innerBox .conts dl+dl {
    margin-top: 5rem
}

.cpnt_esg_kv .innerBox .conts dl div+div {
    margin-top: .75rem
}

@media (max-width:1023px) {
    .cpnt_esg_kv .innerBox {
        display: block;
        height: auto;
        min-height: 33.75rem;
        padding: 3.375rem 1.875rem
    }

    .cpnt_esg_kv .innerBox .summary {
        width: initial;
        min-width: initial
    }

    .cpnt_esg_kv .innerBox .summary .heading {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv .innerBox .summary p {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv .innerBox .conts {
        width: initial;
        min-width: initial
    }

    .cpnt_esg_kv .innerBox .conts strong,
    .cpnt_esg_kv .innerBox .conts strong~strong {
        margin-top: 2.5rem;
        font-size: 1.25rem
    }

    .cpnt_esg_kv .innerBox .conts dl.t1 div+div {
        margin-top: 0
    }

    .cpnt_esg_kv .innerBox .conts dl.t1 dt {
        font-size: 1rem
    }

    .cpnt_esg_kv .innerBox .conts dl.t1 dd {
        font-size: 1.5rem
    }

    .cpnt_esg_kv .innerBox .conts dl.t2 dd {
        margin-top: 0
    }

    .cpnt_esg_kv.governance .innerBox {
        background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_governance_mo.png) no-repeat center bottom/cover
    }
}

.cpnt_esg_kv2 .innerBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 43.75rem;
    overflow: hidden;
    padding: 0 10%;
    border-radius: 30px;
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_society3.png) no-repeat center center/cover
}

.cpnt_esg_kv2 .innerBox .summary {
    width: 37.5rem;
    text-align: left;
    color: #fff
}

.cpnt_esg_kv2 .innerBox .summary .heading {
    display: block;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.1px;
    color: #20c85a
}

.cpnt_esg_kv2 .innerBox .summary p {
    display: block;
    margin-top: 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: inherit;
    word-break: keep-all
}

.cpnt_esg_kv2 .innerBox .conts {
    min-width: 37.5rem;
    margin-top: 5.125rem;
    text-align: left;
    color: #fff
}

.cpnt_esg_kv2 .innerBox .conts dl {
    color: inherit
}

.cpnt_esg_kv2 .innerBox .conts dl dt {
    padding: 0 0 1.563rem 0;
    border-bottom: solid .125rem #fff;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.01px;
    color: inherit
}

.cpnt_esg_kv2 .innerBox .conts dl dd {
    margin-top: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: inherit
}

@media (max-width:1023px) {
    .cpnt_esg_kv2 .innerBox {
        display: block;
        height: auto;
        padding: 3.375rem 1.875rem
    }

    .cpnt_esg_kv2 .innerBox .summary {
        width: initial;
        min-width: initial
    }

    .cpnt_esg_kv2 .innerBox .summary .heading {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv2 .innerBox .summary p {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_esg_kv2 .innerBox .conts {
        width: initial;
        min-width: initial;
        margin-top: 4.438rem
    }

    .cpnt_esg_kv2 .innerBox .conts dl dt {
        padding-bottom: .5rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv2 .innerBox .conts dl dd {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px
    }
}

.cpnt_esg_kv4 .innerBox {
    padding: 5.5rem 6.125rem 5.688rem 7.625rem;
    border-radius: 30px
}

.cpnt_esg_kv4.environment .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png) no-repeat center center/cover
}

.cpnt_esg_kv4 .summary {
    display: flex;
    justify-content: space-between
}

.cpnt_esg_kv4 .summary .heading {
    margin-top: -.5rem;
    padding-right: 3rem;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.01px;
    color: #20c85a
}

.cpnt_esg_kv4 .summary p {
    width: 39.625rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #fff
}

.cpnt_esg_kv4 .conts {
    margin-top: 4.938rem
}

.cpnt_esg_kv4 .conts ul {
    display: flex;
    justify-content: center
}

.cpnt_esg_kv4 .conts ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 7.5rem;
    border-radius: 60px;
    background-color: #20c85a;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -.05px;
    text-align: center;
    color: #fff
}

.cpnt_esg_kv4 .conts ul li+li {
    background-color: #399afe;
    margin-left: -2.75rem
}

.cpnt_esg_kv4 .conts>span {
    display: block;
    width: 13.25rem;
    height: 5.5rem;
    margin: -.8rem auto 0 auto;
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png) no-repeat center center/100% auto
}

.cpnt_esg_kv4 .conts>strong {
    display: block;
    margin-top: 2.524rem;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    color: #fff
}

@media (max-width:1023px) {
    .cpnt_esg_kv4 .innerBox {
        padding: 3.75rem 1.875rem
    }

    .cpnt_esg_kv4 .summary {
        display: block
    }

    .cpnt_esg_kv4 .summary .heading {
        margin-top: 0;
        padding-right: 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv4 .summary p {
        width: 100%;
        margin-top: 1rem;
        font-size: 1rem
    }

    .cpnt_esg_kv4 .conts {
        margin-top: 6.25rem
    }

    .cpnt_esg_kv4 .conts ul {
        display: flex;
        justify-content: center
    }

    .cpnt_esg_kv4 .conts ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 52%;
        height: 5rem;
        border-radius: 40px;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv4 .conts ul li+li {
        background-color: #399afe;
        margin-left: -2.75rem
    }

    .cpnt_esg_kv4 .conts>span {
        width: 9.702rem;
        height: 6.538rem;
        margin: -1.8rem auto 0 auto;
        background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png) no-repeat center center/100% auto
    }

    .cpnt_esg_kv4 .conts>strong {
        margin-top: 2.5rem;
        font-size: 1.5rem;
        font-weight: 700
    }
}

.cpnt_esg_kv5 .innerBox {
    padding: 5.5rem 6.125rem 5.688rem 7.625rem;
    border-radius: 30px
}

.cpnt_esg_kv5.weather .innerBox {
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_weather.png) no-repeat center center/cover
}

.cpnt_esg_kv5 .summary {
    display: flex;
    justify-content: space-between
}

.cpnt_esg_kv5 .summary .heading {
    margin-top: -.25rem;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.01px;
    color: #20c85a
}

.cpnt_esg_kv5 .summary p {
    width: 60%;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #fff;
    word-break: keep-all
}

.cpnt_esg_kv5 .conts {
    margin-top: 8.688rem;
    margin-left: 40%
}

.cpnt_esg_kv5 .conts strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    text-align: left;
    color: #fff
}

.cpnt_esg_kv5 .conts ul {
    display: flex;
    justify-content: left;
    margin-top: 2.5rem
}

.cpnt_esg_kv5 .conts ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10.75rem;
    height: 10.5rem;
    padding: 0 .5rem;
    border-radius: 86px;
    background-color: #20c85a;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    text-align: center;
    color: #fff;
    word-break: keep-all
}

.cpnt_esg_kv5 .conts ul li+li {
    margin-left: -1.5rem
}

.cpnt_esg_kv5 .conts ul li:nth-child(even) {
    border: 1px solid #fff;
    background-color: transparent
}

html.en .cpnt_esg_kv5 .innerBox .conts ul li {
    padding: 0 .5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.05px
}

.cpnt_esg_kv5 .btn_glink_line {
    width: 35%;
    bottom: 3.5rem;
    border-color: #fff;
    color: #fff;
    padding-right: 3%
}

@media (max-width:1300px) {
    .cpnt_esg_kv5 .conts ul li {
        width: 9rem;
        height: 9rem
    }
}

@media (max-width:1140px) {
    .cpnt_esg_kv5 .conts ul li {
        width: 8.2rem;
        height: 8.2rem
    }
}

@media (max-width:1023px) {
    .cpnt_esg_kv5 .innerBox {
        padding: 3.75rem 1.875rem 3rem
    }

    .cpnt_esg_kv5 .summary {
        display: block
    }

    .cpnt_esg_kv5 .summary .heading {
        margin-top: 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv5 .summary p {
        width: 100%;
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.5
    }

    .cpnt_esg_kv5 .conts {
        margin-top: 4rem;
        margin-left: 0
    }

    .cpnt_esg_kv5 .conts strong {
        display: block;
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_esg_kv5 .conts ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        width: 17rem;
        margin-top: 1.5rem
    }

    .cpnt_esg_kv5 .conts ul li {
        flex-shrink: 0;
        flex-basis: 8.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 8.75rem;
        height: 8.75rem;
        border-radius: 70px;
        font-size: .875rem;
        line-height: 1.29;
        letter-spacing: -.01px
    }

    .cpnt_esg_kv5 .conts ul li+li {
        margin-left: 0
    }

    .cpnt_esg_kv5 .conts ul li:nth-child(1) {
        z-index: 5
    }

    .cpnt_esg_kv5 .conts ul li:nth-child(2) {
        margin-left: -1.25rem;
        border: 1px solid #fff;
        background-color: transparent;
        margin-left: -1.25rem
    }

    .cpnt_esg_kv5 .conts ul li:nth-child(3) {
        margin-top: -1.25rem;
        border: 1px solid #fff;
        background-color: transparent
    }

    .cpnt_esg_kv5 .conts ul li:nth-child(4) {
        z-index: 5;
        margin-top: -1.25rem;
        margin-left: -1.25rem;
        border: 0 solid #fff;
        background-color: #20c85a
    }

    html.en .cpnt_esg_kv5 .innerBox .conts ul li {
        font-size: .875rem
    }

    .cpnt_esg_kv5 .btn_glink_line {
        width: 100%;
        bottom: 0;
        margin-top: 4.188rem
    }
}

.cpnt_esg_kv3.society1 .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_society3.png) no-repeat center center/cover
}

.cpnt_esg_kv3.society2 .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_society2.png) no-repeat center center/cover
}

.cpnt_esg_kv3.society2 div.innerBox .heading {
    color: #fff
}

.cpnt_esg_kv3.society2 div.innerBox .heading b {
    color: #20c85a
}

.cpnt_esg_kv3.governance1 .innerBox {
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_governance.png) no-repeat center center/cover
}

.cpnt_esg_kv3.governance2 .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_governance2.png) no-repeat center center/cover
}

.cpnt_esg_kv3.governance3 .innerBox {
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_governance3.png) no-repeat center center/cover
}

.cpnt_esg_kv3.governance3 .innerBox .cpnt_tooltip {
    min-width: 19.938rem
}

.cpnt_esg_kv3 .innerBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 43.75rem;
    overflow: hidden;
    padding: 0 10%;
    border-radius: 30px
}

.cpnt_esg_kv3 .innerBox .summary {
    width: 40.5rem;
    padding-right: 3rem;
    text-align: left;
    color: #fff
}

.cpnt_esg_kv3 .innerBox .summary .heading {
    display: block;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.1px;
    color: #20c85a
}

.cpnt_esg_kv3 .innerBox .summary p {
    display: block;
    margin-top: 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: inherit;
    word-break: keep-all;
}

.cpnt_esg_kv3 .innerBox .summary .btn_link {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    position: relative;
    margin-top: 2.5rem;
    padding: 0 3.375rem 0 1.875rem;
    padding: 0 1.875rem;
    border-radius: 4px;
    background-color: #111;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.2px;
    color: #fff
}

.cpnt_esg_kv3 .innerBox .summary .btn_down {
    display: inline-flex;
    align-items: center;
    max-width: 19.938rem;
    width: 100%;
    height: 3rem;
    position: relative;
    margin-top: 2.5rem;
    padding: 0 3.375rem 0 1.875rem;
    border-radius: 4px;
    background-color: #111;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.2px;
    color: #fff;
    word-break: keep-all
}

.cpnt_esg_kv3 .innerBox .summary .btn_down::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20_white.png) no-repeat left top/100% auto
}

.cpnt_esg_kv3 .innerBox .summary>ul {
    margin-top: 3.875rem;
    padding-right: .6rem;
    text-align: left
}

.cpnt_esg_kv3 .innerBox .summary>ul::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden
}

.cpnt_esg_kv3 .innerBox .summary>ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    border-radius: 50%;
    border: 1px solid #fff;
    vertical-align: top;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.05px;
    color: #fff
}

html.en .cpnt_esg_kv3 .innerBox .summary ul li {
    padding: 0 .75rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.05px
}

.cpnt_esg_kv3 .innerBox .summary>ul>li+li {
    margin-left: -.9rem
}

.cpnt_esg_kv3 .innerBox .summary>ul>li:nth-child(1) {
    z-index: 10;
    border-color: #20c85a;
    background-color: #20c85a
}

.cpnt_esg_kv3 .innerBox .summary>ul>li:nth-child(2) {
    z-index: 9
}

.cpnt_esg_kv3 .innerBox .summary>ul>li:nth-child(3) {
    z-index: 8
}

.cpnt_esg_kv3 .innerBox .summary p span {
    font-weight: 400;
    font-size: 1rem
}

.cpnt_esg_kv3 .innerBox .conts {
    flex-shrink: 0;
    flex-basis: 22.875rem;
    min-width: 16rem;
    text-align: left;
    color: #fff
}

.cpnt_esg_kv3 .innerBox .conts .btnList>*+* {
    margin-top: 3rem
}

@media (min-width:1024px) and (max-width:1399px) {
    .cpnt_esg_kv3 .innerBox {
        padding: 0 6%
    }

    .cpnt_esg_kv3 .innerBox .conts {
        flex-basis: 16rem;
        min-width: 16rem
    }
}

@media (max-width:1023px) {
    .cpnt_esg_kv3.v2 .innerBox {
        padding-top: 3.75rem
    }

    .cpnt_esg_kv3 .innerBox {
        display: block;
        height: auto;
        padding: 3.375rem 1.875rem
    }

    .cpnt_esg_kv3 .innerBox .summary {
        width: initial;
        min-width: initial;
        padding-right: 0
    }

    .cpnt_esg_kv3 .innerBox .summary .heading {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv3 .innerBox .summary p {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_esg_kv3 .innerBox .summary p br {
        display: none
    }

    .cpnt_esg_kv3 .innerBox .summary .btn_down,
    .cpnt_esg_kv3 .innerBox .summary .btn_link {
        max-width: 100%;
        width: 100%
    }

    .cpnt_esg_kv3 .innerBox .summary>ul {
        margin-top: 2.5rem;
        margin-right: -.75rem;
        padding-right: .6rem
    }

    .cpnt_esg_kv3 .innerBox .summary>ul>li {
        width: 8.75rem;
        height: 8.75rem;
        font-size: .875rem;
        line-height: 1.29;
        letter-spacing: -.01px
    }

    .cpnt_esg_kv3 .innerBox .summary>ul>li+li {
        margin-left: -1.2rem
    }

    .cpnt_esg_kv3 .innerBox .conts {
        width: initial;
        min-width: initial;
        margin-top: 8.375rem
    }

    .cpnt_esg_kv3 .innerBox .conts dl dt {
        padding-bottom: .5rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_kv3 .innerBox .conts dl dd {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_esg_kv3 .innerBox .conts .btnList>* {
        max-width: 100%
    }

    html.en .cpnt_esg_kv3 .innerBox .summary ul li {
        font-size: .875rem
    }

    .cpnt_esg_kv3.governance3 .innerBox .cpnt_tooltip {
        height: 10.375rem;
        min-width: initial;
        width: calc(100% - 3.75rem)
    }
}

.cpnt_esg_visual .innerBox {
    width: 100%;
    height: 43.75rem;
    overflow: hidden;
    border-radius: 30px;
    background-blend-mode: overlay;
    mix-blend-mode: overlay
}

.cpnt_esg_visual.environment .innerBox {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png) no-repeat center center/cover
}

.cpnt_esg_visual.environment .innerBox>p {
    position: relative;
    padding: 0 1.5rem 0 3rem;
    font-size: 3.124rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px;
    word-break: keep-all;
    color: #fff
}

.cpnt_esg_visual.environment .innerBox>p b {
    color: #20c85a
}

.cpnt_esg_visual.environment .conts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 3rem 4rem 1.5rem
}

.cpnt_esg_visual.environment .conts ul {
    text-align: center;
    padding-top: 3rem
}

.cpnt_esg_visual.environment .conts ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 11.25rem;
    height: 11.25rem;
    position: relative;
    margin-top: -3rem;
    border-radius: 50%;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.05px;
    color: #fff
}

.cpnt_esg_visual.environment .conts ul li+li {
    margin-left: -.7rem
}

.cpnt_esg_visual.environment .conts ul li:nth-child(1) {
    z-index: 10;
    background-color: #20c85a
}

.cpnt_esg_visual.environment .conts ul li:nth-child(2) {
    z-index: 9;
    background-color: #4a78ff
}

.cpnt_esg_visual.environment .conts ul li:nth-child(3) {
    z-index: 8;
    background-color: #44d3e8
}

.cpnt_esg_visual.environment .conts span {
    display: block;
    width: 13.25rem;
    height: 5.5rem;
    margin: -.3rem auto 0 auto;
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png) no-repeat center center/100% auto
}

.cpnt_esg_visual.environment .conts strong {
    display: block;
    padding: .5rem 0 0 0;
    font-size: 2.188rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.07px;
    text-align: center;
    color: #fff
}

.cpnt_esg_visual.society .innerBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_society.png) no-repeat center center/cover
}

.cpnt_esg_visual.society .innerBox>p {
    padding: 5.96rem 5rem 0;
    font-size: 3.124rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px;
    word-break: keep-all;
    color: #fff
}

html.en .cpnt_esg_visual.society .innerBox>p {
    text-align: center;
    font-size: 2.5rem
}

html.en .cpnt_esg_visual.society .conts ul li {
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 1.25rem
}

.cpnt_esg_visual.society .innerBox>p b {
    color: #20c85a
}

.cpnt_esg_visual.society .conts strong {
    display: block;
    margin-top: 3.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: -.01px;
    color: #fff
}

html.en .cpnt_esg_visual .innerBox .conts strong {
    font-size: 1.5rem
}

html.en .cpnt_esg_visual .innerBox .conts ul li {
    padding: 0 .75rem;
    font-size: 1.125rem
}

.cpnt_esg_visual.society .conts ul {
    margin-top: 1.3rem;
    padding-right: .6rem;
    text-align: center
}

.cpnt_esg_visual.society .conts ul::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden
}

.cpnt_esg_visual.society .conts ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    border-radius: 50%;
    border: 1px solid #fff;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.05px;
    color: #fff
}

.cpnt_esg_visual.society .conts ul li+li {
    margin-left: -.9rem
}

.cpnt_esg_visual.society .conts ul li:nth-child(1) {
    z-index: 10;
    border-color: #20c85a;
    background-color: #20c85a
}

.cpnt_esg_visual.society .conts ul li:nth-child(2) {
    z-index: 9
}

.cpnt_esg_visual.society .conts ul li:nth-child(3) {
    z-index: 8
}

.cpnt_esg_visual.society2 .innerBox {
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_society2.png) no-repeat center center/cover
}

.cpnt_esg_visual.society2 .innerBox>p {
    width: 35rem;
    padding: 0;
    font-size: 3.124rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px;
    text-align: center;
    word-break: keep-all;
    color: #fff
}

.cpnt_esg_visual.society2 .innerBox>p b {
    color: #20c85a
}

.cpnt_esg_visual.society2 .conts {
    width: 35rem
}

.cpnt_esg_visual.society2 .conts strong {
    display: block;
    margin-top: 3.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: -.01px;
    color: #fff
}

.cpnt_esg_visual.society2 .conts ul {
    margin-top: 1.3rem;
    padding-right: .6rem;
    text-align: center
}

.cpnt_esg_visual.society2 .conts ul::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden
}

.cpnt_esg_visual.society2 .conts ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    border-radius: 50%;
    border: 1px solid #fff;
    vertical-align: top;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.05px;
    color: #fff
}

.cpnt_esg_visual.society2 .conts ul li+li {
    margin-left: -.9rem
}

.cpnt_esg_visual.society2 .conts ul li:nth-child(1) {
    z-index: 10;
    border-color: #20c85a;
    background-color: #20c85a
}

.cpnt_esg_visual.society2 .conts ul li:nth-child(2) {
    z-index: 9
}

.cpnt_esg_visual.society2 .conts ul li:nth-child(3) {
    z-index: 8
}

.cpnt_esg_visual.society2 .btn_glink_line {
    margin-top: 2.5rem
}

.cpnt_esg_visual.governance .innerBox {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: linear-gradient(rgba(18, 18, 18, .4), rgba(18, 18, 18, .4)), url(/front/assets/common/images/esg/img_sub_esg_visual_governance.png) no-repeat center center/cover
}

.cpnt_esg_visual.governance .innerBox .info {
    flex: 1;
    padding: 6.188rem 6.188rem 0;
    color: #fff
}

.cpnt_esg_visual.governance .innerBox .info strong {
    display: block;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    letter-spacing: -.01px;
    color: inherit
}

.cpnt_esg_visual.governance .innerBox .info p {
    margin-top: 5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.67;
    letter-spacing: -.05px;
    word-break: keep-all;
    color: inherit
}

.cpnt_esg_visual.governance .innerBox .info .btn_link {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    position: relative;
    margin-top: 2.5rem;
    padding: 0 3.375rem 0 1.875rem;
    border-radius: 4px;
    background-color: #111;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.2px;
    color: #fff
}

.cpnt_esg_visual.governance .innerBox .info .btn_link::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png) no-repeat left top/100% auto
}

.cpnt_esg_visual.governance .innerBox .conts {
    flex-basis: 32.25rem;
    flex-shrink: 0;
    width: 41%;
    padding: 8.875rem 6.125rem 0 6.375rem;
    background-color: rgba(18, 18, 18, .7)
}

.cpnt_esg_visual.governance .innerBox .conts ul li+li {
    margin-top: 3.5rem
}

.cpnt_esg_visual.governance .innerBox .conts .item {
    display: flex;
    align-items: center;
    height: 5rem;
    position: relative;
    padding-left: 7rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    color: #fff
}

.cpnt_esg_visual.governance .innerBox .conts .item::before {
    content: "";
    display: block;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px
}

.cpnt_esg_visual.governance .innerBox .conts ul li:nth-child(1) .item::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_visual_governance1.png) no-repeat left top/100% auto
}

.cpnt_esg_visual.governance .innerBox .conts ul li:nth-child(2) .item::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_visual_governance2.png) no-repeat left top/100% auto
}

.cpnt_esg_visual.governance .innerBox .conts ul li:nth-child(3) .item::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_visual_governance3.png) no-repeat left top/100% auto
}

.cpnt_esg_visual.governance .innerBox .conts .btn_gdown_line {
    display: block;
    position: relative;
    width: 100%;
    margin: 3.5rem auto 0;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff
}

.cpnt_esg_visual.governance .innerBox .conts .btn_gdown_line::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20_white.png) no-repeat center center/100% auto
}

@media (max-width:1480px) {
    .cpnt_esg_visual.governance .innerBox .info {
        flex-shrink: 0;
        flex-basis: 48.75rem;
        padding-left: 4.02vw;
        padding-right: 4.02vw
    }

    .cpnt_esg_visual.governance .innerBox .conts {
        flex-shrink: 1;
        flex-basis: auto;
        padding-left: 4.02vw;
        padding-right: 4.02vw
    }
}

@media (max-width:1180px) {
    .cpnt_esg_visual.governance .innerBox .info p {
        margin-top: 3rem
    }

    .cpnt_esg_visual.governance .innerBox .info {
        flex-shrink: 1;
        flex-basis: auto
    }

    .cpnt_esg_visual.governance .innerBox .conts {
        flex-shrink: 0;
        flex-basis: 21.625rem
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_esg_visual.environment .indexBox>p {
        font-size: 2.6rem
    }

    .cpnt_esg_visual.governance .innerBox .info {
        padding-top: 4rem
    }

    .cpnt_esg_visual.governance .innerBox .info p {
        margin-top: 3rem;
        font-size: 1.4rem
    }

    .cpnt_esg_visual.governance .innerBox .info p br {
        display: none
    }
}

@media (max-width:1023px) {
    .cpnt_esg_visual .innerBox {
        height: 33.75rem;
        height: 46.25rem
    }

    .cpnt_esg_visual.environment .innerBox {
        display: block;
        text-align: center
    }

    .cpnt_esg_visual.environment .innerBox>p {
        width: 16.25rem;
        margin: 0 auto;
        padding: 3.75rem 0 0 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left
    }

    .cpnt_esg_visual.environment .conts {
        padding: 0
    }

    .cpnt_esg_visual.environment .conts ul {
        margin-top: 2.125rem
    }

    .cpnt_esg_visual.environment .conts ul li {
        width: 6.25rem;
        height: 6.25rem;
        margin-left: -.75rem;
        border-radius: 50%;
        font-size: .875rem;
        line-height: 1.43;
        letter-spacing: -.01px
    }

    .cpnt_esg_visual.environment .conts span {
        display: block;
        width: 7.5rem;
        height: 4rem;
        margin: -.3rem auto 0 auto
    }

    .cpnt_esg_visual.environment .conts strong {
        padding: 1.625rem 0 0 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_visual.society .innerBox {
        height: 43.25rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .cpnt_esg_visual.society .innerBox>p {
        padding: 3.75rem 0 0 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    html.en .cpnt_esg_visual.society .innerBox>p {
        text-align: center;
        font-size: 1.5rem
    }

    html.en .cpnt_esg_visual.society .conts {
        margin-top: 0
    }

    html.en .cpnt_esg_visual.society .conts strong {
        margin-top: 1.375rem;
        font-size: 1.25rem;
        line-height: 1.5
    }

    html.en .cpnt_esg_visual.society .conts ul {
        margin-top: 1.5rem
    }

    html.en .cpnt_esg_visual.society .conts ul li {
        padding-left: .5rem;
        padding-right: .5rem;
        line-height: 1.15;
        font-size: .875rem
    }

    .cpnt_esg_visual.society .conts {
        max-width: 17rem;
        margin-top: 6.25rem
    }

    .cpnt_esg_visual.society .conts strong {
        margin-top: 0;
        margin-left: .125rem;
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.01px
    }

    .cpnt_esg_visual.society .conts ul {
        margin-top: 1.3rem;
        margin-right: -.75rem;
        padding-right: .6rem;
        text-align: center
    }

    .cpnt_esg_visual.society .conts ul li {
        width: 8.75rem;
        height: 8.75rem;
        font-size: .875rem;
        line-height: 1.29;
        letter-spacing: -.01px
    }

    .cpnt_esg_visual.society .conts ul li+li {
        margin-left: -.75rem
    }

    .cpnt_esg_visual.society .conts ul li:last-child {
        margin-top: -2rem
    }

    .cpnt_esg_visual.society2 .innerBox {
        justify-content: flex-start
    }

    .cpnt_esg_visual.society2 .innerBox>p {
        width: 16.25rem;
        padding: 3.75rem 0 0 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_visual.society2 .conts {
        max-width: 17rem;
        margin-top: 6.25rem
    }

    .cpnt_esg_visual.society2 .conts strong {
        width: 16.25rem;
        margin-top: 0;
        margin-left: .125rem;
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.01px
    }

    .cpnt_esg_visual.society2 .conts ul {
        margin-top: 1.3rem;
        margin-right: -.75rem;
        padding-right: .6rem
    }

    .cpnt_esg_visual.society2 .conts ul li {
        width: 8.75rem;
        height: 8.75rem;
        font-size: .875rem;
        line-height: 1.29;
        letter-spacing: -.01px
    }

    .cpnt_esg_visual.society2 .conts ul li+li {
        margin-left: -.75rem
    }

    .cpnt_esg_visual.society2 .btn_glink_line {
        margin-top: 16.5rem;
        max-width: 17.25rem
    }

    .cpnt_esg_visual.governance .innerBox {
        display: block;
        height: auto
    }

    .cpnt_esg_visual.governance .innerBox .info {
        flex: 1;
        padding: 3.75rem 1.875rem 2.5rem;
        color: #fff
    }

    .cpnt_esg_visual.governance .innerBox .info strong {
        font-size: 1.5rem;
        line-height: 1.813rem;
        letter-spacing: -.05px
    }

    .cpnt_esg_visual.governance .innerBox .info p {
        margin-top: 2.5rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.01px
    }

    .cpnt_esg_visual.governance .innerBox .info .btn_link {
        height: 3rem;
        margin-top: 2.5rem;
        padding: 0 3.375rem 0 1.875rem;
        font-size: 1rem;
        letter-spacing: -.2px
    }

    .cpnt_esg_visual.governance .innerBox .conts {
        width: 100%;
        padding: 2.25rem 1.875rem 3.75rem
    }

    .cpnt_esg_visual.governance .innerBox .conts ul li+li {
        margin-top: 2rem
    }

    .cpnt_esg_visual.governance .innerBox .conts .item {
        padding-left: 4.75rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px;
        color: #fff
    }

    .cpnt_esg_visual.governance .innerBox .conts .item::before {
        width: 3.5rem;
        height: 3.5rem
    }

    .cpnt_esg_visual.governance .innerBox .conts .btn_gdown_line {
        width: 100%;
        margin: 1.938rem auto 0;
        padding-bottom: 1rem;
        border-bottom: .125rem solid #fff;
        font-size: 1rem;
        line-height: 1.188rem;
        letter-spacing: -.02px
    }
}

.cpnt_esg_slide .heading {
    display: flex;
    align-items: center;
    height: 3.75rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px
}

.cpnt_esg_slide .heading span {
    display: flex;
    align-items: center;
    height: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #999
}

.cpnt_esg_slide .heading strong {
    display: flex;
    align-items: center;
    height: 3.75rem;
    margin-top: 1rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px
}

.cpnt_esg_slide .innerBox {
    position: relative;
    overflow: visible;
    margin-top: 2.5rem
}

.cpnt_esg_slide .innerBox>ul {
    overflow: visible;
    display: flex;
    align-items: stretch
}

.cpnt_esg_slide .innerBox>ul>li {
    width: calc((100% - 1.5rem)/ 2);
    height: auto;
    margin-right: 1.5rem
}

.cpnt_esg_slide .innerBox>ul>li:last-child {
    margin-right: 0
}

.cpnt_esg_slide .innerBox .item {
    display: flex;
    flex-direction: column;
    height: 30.813rem;
    min-height: auto;
    height: 100%;
    overflow: hidden;
    padding: 3.5rem 3.25rem 3.5rem 3.75rem;
    border-radius: 30px;
    background-color: #f4f4f4
}

.cpnt_esg_slide .innerBox .item .summary {
    display: block;
    position: relative;
    height: 8.25rem;
    padding-left: 10.25rem
}

.cpnt_esg_slide .innerBox .item .summary::before {
    content: "";
    display: block;
    width: 8.25rem;
    height: 8.25rem;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 2rem;
    border-radius: 30px;
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_.png) no-repeat center center/100% auto
}

.cpnt_esg_slide .innerBox .item .summary::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both
}

.cpnt_esg_slide .innerBox .item .summary b {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    text-align: left;
    color: #666
}

.cpnt_esg_slide .innerBox .item.slogan .summary b,
.cpnt_esg_slide .innerBox .item.target .summary b {
    position: absolute;
    right: 0;
    top: 0
}

.cpnt_esg_slide .swiper-control {
    display: flex;
    position: absolute;
    top: -6.25rem;
    right: 50%;
    margin-right: -45rem
}

.cpnt_esg_slide .swiper-control>button+* {
    margin-left: 1.25rem
}

.cpnt_esg_slide .conts_t1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 1.5rem 0 1.5rem
}

.cpnt_esg_slide .conts_t1 ul {
    text-align: center;
    padding-top: 3rem
}

.cpnt_esg_slide .conts_t1 ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 11.25rem;
    height: 11.25rem;
    position: relative;
    margin-top: -3rem;
    border-radius: 50%;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.05px;
    color: #fff
}

.cpnt_esg_slide .conts_t1 ul li+li {
    margin-left: -.7rem
}

.cpnt_esg_slide .conts_t1 ul li:nth-child(1) {
    z-index: 10;
    background-color: #20c85a
}

.cpnt_esg_slide .conts_t1 ul li:nth-child(2) {
    z-index: 9;
    background-color: #4a78ff
}

.cpnt_esg_slide .conts_t1 ul li:nth-child(3) {
    z-index: 8;
    background-color: #44d3e8
}

.cpnt_esg_slide .conts_t1 span {
    display: block;
    width: 13.25rem;
    height: 5.5rem;
    margin: -2rem auto 0 auto;
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png) no-repeat center center/100% auto
}

.cpnt_esg_slide .conts_t1 strong {
    display: block;
    padding: .5rem 0 0 0;
    font-size: 2.188rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.07px;
    text-align: center
}

.cpnt_esg_slide.environment .innerBox .item .summary b {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

.cpnt_esg_slide .innerBox .item .summary strong {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    text-align: left
}

.cpnt_esg_slide.environment .innerBox .item .summary strong {
    margin-top: 0
}

.cpnt_esg_slide .innerBox .item .conts {
    padding-top: 3.438rem
}

.cpnt_esg_slide.safetyAndHealth .innerBox .item .conts {
    padding-top: 5.563rem
}

.cpnt_esg_slide.environment .innerBox .item .conts {
    padding-top: 3.438rem
}

.cpnt_esg_slide .innerBox .item.slogan .conts,
.cpnt_esg_slide .innerBox .item.target .conts {
    margin-top: auto
}

.cpnt_esg_slide .innerBox .item .conts dl div+div {
    margin-top: 1.5rem
}

.cpnt_esg_slide .innerBox .item .conts dl div dt {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: .32px;
    color: #666
}

.cpnt_esg_slide .innerBox .item .conts dl div dd {
    margin-top: .65rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px
}

.cpnt_esg_slide .innerBox .item .conts dl.type_oneline div {
    display: flex;
    align-items: center
}

.cpnt_esg_slide .innerBox .item .conts dl.type_oneline div dd {
    margin-top: 0;
    margin-left: 1rem
}

.cpnt_esg_slide .innerBox .item .conts ul {
    margin-bottom: -.3125rem
}

.cpnt_esg_slide .innerBox .item .conts ul li {
    position: relative;
    padding-left: .875rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.125rem;
    letter-spacing: -.02px;
    word-break: keep-all;
    color: #666
}

.cpnt_esg_slide .innerBox .item .conts ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .9375rem;
    width: .25rem;
    height: .25rem;
    border-radius: 2px;
    background-color: #666
}

.cpnt_esg_slide .innerBox .item.content .summary {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cpnt_esg_slide .innerBox .item.content .summary span {
    text-align: left
}

.cpnt_esg_slide.safety .innerBox .item.slogan .summary::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_safety_slogan.png) no-repeat center center/100% auto
}

.cpnt_esg_slide.safety .innerBox .item.content.num1 .summary::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_safety1.png) no-repeat center center/100% auto
}

.cpnt_esg_slide.safety .innerBox .item.content.num2 .summary::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_safety2.png) no-repeat center center/100% auto
}

.cpnt_esg_slide.safety .innerBox .item.content.num3 .summary::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_safety3.png) no-repeat center center/100% auto
}

.cpnt_esg_slide.environment .innerBox .item.target .summary::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_environment0.png) no-repeat center center/100% auto
}

.cpnt_esg_slide.environment .innerBox .item.content.num2 .summary::before {
    background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_environment2.png) no-repeat center center/100% auto
}

@media (max-width:1480px) {
    .cpnt_esg_slide .swiper-control {
        right: 1.25rem;
        margin-right: 0
    }
}

@media (max-width:1023px) {
    .cpnt_esg_slide .heading {
        height: 1.813rem;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_slide .innerBox {
        margin-top: 1.5rem
    }

    .cpnt_esg_slide .innerBox>ul>li {
        width: 100%;
        margin-right: 1.25rem
    }

    .cpnt_esg_slide .innerBox>ul>li:last-child {
        margin-right: 0
    }

    .cpnt_esg_slide .innerBox .swiper-control {
        display: none
    }

    .cpnt_esg_slide .innerBox .item {
        min-height: 28rem;
        padding: 2.5rem 1.313rem 2.125rem 1.25rem;
        border-radius: 30px
    }

    .cpnt_esg_slide .innerBox .item .summary {
        height: 5rem;
        padding-left: 6.25rem
    }

    .cpnt_esg_slide .innerBox .item .summary::before {
        width: 5rem;
        height: 5rem;
        border-radius: 10px
    }

    .cpnt_esg_slide .innerBox .item .summary b {
        display: block;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        text-align: left;
        color: #666
    }

    .cpnt_esg_slide.environment .innerBox .item .summary b {
        position: static;
        text-align: left
    }

    .cpnt_esg_slide .innerBox .item .summary strong {
        margin-top: 1.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left
    }

    .cpnt_esg_slide.environment .innerBox .item .summary strong {
        margin-top: 1.5rem
    }

    .cpnt_esg_slide .innerBox .item .conts {
        padding-top: 3.438rem;
        margin-top: auto
    }

    .cpnt_esg_slide.safetyAndHealth .innerBox .item .conts {
        padding-top: 5.563rem
    }

    .cpnt_esg_slide.environment .innerBox .item .conts {
        padding-top: 3.438rem
    }

    .cpnt_esg_slide .conts_t1 {
        padding: 0
    }

    .cpnt_esg_slide .conts_t1 ul {
        margin-top: 2.125rem
    }

    .cpnt_esg_slide .conts_t1 ul li {
        width: 6.25rem;
        height: 6.25rem;
        margin-left: -.75rem;
        border-radius: 50%;
        font-size: .875rem;
        line-height: 1.43;
        letter-spacing: -.01px
    }

    .cpnt_esg_slide .conts_t1 span {
        display: block;
        width: 7.5rem;
        height: 4rem;
        margin: -.3rem auto 0 auto
    }

    .cpnt_esg_slide .conts_t1 strong {
        padding: 1.625rem 0 0 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_slide .innerBox .item.slogan .conts,
    .cpnt_esg_slide .innerBox .item.target .conts {
        margin-top: auto
    }

    .cpnt_esg_slide .innerBox .item .conts dl div+div {
        margin-top: 1.5rem
    }

    .cpnt_esg_slide .innerBox .item .conts dl div dt {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_esg_slide .innerBox .item .conts dl div dd {
        margin-top: .25rem;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_slide .innerBox .item .conts dl.type_oneline div {
        display: block
    }

    .cpnt_esg_slide .innerBox .item .conts dl.type_oneline div dd {
        margin-top: .25rem;
        margin-left: 0
    }

    .cpnt_esg_slide .innerBox .item .conts ul {
        margin-bottom: -.3125rem
    }

    .cpnt_esg_slide .innerBox .item .conts ul li {
        padding-left: .625rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_esg_slide .innerBox .item .conts ul li::before {
        left: 0;
        top: .438rem
    }

    .cpnt_esg_slide .innerBox .item.content .summary {
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

    .cpnt_esg_slide .innerBox .item.content .summary span {
        text-align: left
    }

    .cpnt_esg_slide .swiper-paging {
        display: block
    }

    .cpnt_esg_slide .swiper-control {
        display: none
    }
}

.cpnt_esg_viewlink {
    display: flex;
    padding: 5rem;
    border-radius: 30px;
    background-color: #e7f1f4
}

.cpnt_esg_viewlink .summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.cpnt_esg_viewlink .summary>span {
    display: block;
    height: 1.5rem;
    margin-top: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_esg_viewlink .summary>b {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: .96px;
    text-transform: uppercase
}

.cpnt_esg_viewlink .summary>b::before {
    content: "";
    display: block;
    max-height: 5rem;
    height: 7.2vw
}

.cpnt_esg_viewlink .summary>p {
    display: block;
    margin-top: 1.125rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.02px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_esg_viewlink .heading>span {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    word-break: keep-all
}

.cpnt_esg_viewlink .heading>strong {
    display: block;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.01px;
    word-break: keep-all
}

.cpnt_esg_viewlink .heading>span+strong {
    margin-top: .8rem
}

.cpnt_esg_viewlink .conts {
    display: flex;
    flex-basis: 22.975rem;
    flex-shrink: 0;
    max-width: 22.975rem;
    margin-left: auto
}

.cpnt_esg_viewlink .conts ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: auto
}

.cpnt_esg_viewlink .conts ul li+li {
    margin-top: 3.188rem
}

.cpnt_esg_viewlink .conts ul li a {
    display: block;
    position: relative;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    padding-right: 1.5rem
}

.cpnt_esg_viewlink .conts ul li a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - .615rem);
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png) no-repeat center center/100% auto
}

.cpnt_esg_viewlink .btn_gmore {
    margin: .725rem 1rem 0 auto
}

.cpnt_esg_viewlink .btn_link {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    position: relative;
    margin-top: 3.25rem;
    padding: 0 3.375rem 0 1.875rem;
    border-radius: 4px;
    background-color: #111;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.2px;
    color: #fff
}

.cpnt_esg_viewlink .btn_link::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png) no-repeat left top/100% auto
}

.cpnt_esg_viewlink .btn_gdown_line {
    display: inline-block;
    display: block;
    width: 100%;
    position: absolute;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -.02px
}

.cpnt_esg_viewlink .btn_gdown_line::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png) no-repeat center center/100% auto
}

.cpnt_esg_viewlink.governance {
    justify-content: space-evenly
}

.cpnt_esg_viewlink.governance .summary {
    width: 42%
}

.cpnt_esg_viewlink.governance .conts {
    flex-shrink: 0;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 40rem;
    width: 50%;
    height: 30%
}

.cpnt_esg_viewlink.governance .conts .img {
    content: "";
    display: block;
    max-width: 40rem;
    width: 100%;
    max-height: 23.375rem;
    height: 25.3vw;
    border-radius: 10px;
    background: url(/front/assets/common/images/esg/img_sub_esg_report.png) no-repeat center center/cover
}

.cpnt_esg_viewlink.governance .conts ul {
    max-width: 22.875rem;
    margin-top: 3.25rem
}

.cpnt_esg_viewlink.governance {
    position: relative
}

.cpnt_esg_viewlink.governance>* {
    position: relative;
    z-index: 10
}

.cpnt_esg_viewlink.governance::after {
    content: "ESG";
    width: 30.975rem;
    height: 17.938rem;
    position: absolute;
    left: 5rem;
    bottom: -4.688rem;
    z-index: 5;
    opacity: .4;
    font-size: 15rem;
    font-weight: 900;
    line-height: 17.938rem;
    letter-spacing: 7.2px;
    color: #fff
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_esg_viewlink .conts {
        flex: 1;
        min-width: 14.375rem;
        margin-left: 3rem
    }

    .cpnt_esg_viewlink.governance .summary {
        width: 70%
    }

    .cpnt_esg_viewlink.governance .conts {
        flex-basis: 30%;
        width: 30%
    }

    .cpnt_esg_viewlink.governance .conts .img {
        height: 14vw
    }
}

@media (max-width:768px) {
    .cpnt_esg_viewlink {
        display: block;
        padding: 2.5rem 1.25rem 3.75rem
    }

    .cpnt_esg_viewlink .summary>span {
        height: 2.688rem;
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        -webkit-line-clamp: 2
    }

    .cpnt_esg_viewlink .summary>b {
        margin-top: 2.5rem;
        font-size: 1.125rem;
        line-height: 1.56rem;
        letter-spacing: -.02px;
        text-transform: none
    }

    .cpnt_esg_viewlink .summary>p {
        margin-top: 1.25rem;
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px;
        -webkit-line-clamp: 5
    }

    .cpnt_esg_viewlink .heading>span {
        font-size: 1rem;
        line-height: 1rem;
        letter-spacing: -.01px
    }

    .cpnt_esg_viewlink .heading>strong {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_viewlink .heading>span+strong {
        margin-top: 1rem
    }

    .cpnt_esg_viewlink .conts {
        display: block;
        min-width: 100%;
        width: 100%;
        margin-top: 3.875rem
    }

    .cpnt_esg_viewlink .conts ul {
        margin-top: 0
    }

    .cpnt_esg_viewlink .conts ul li+li {
        margin-top: 1.938rem
    }

    .cpnt_esg_viewlink .conts ul li a {
        padding-bottom: 1rem;
        border-bottom: .125rem solid #111;
        font-size: 1rem;
        line-height: 1.188rem;
        letter-spacing: -.02px
    }

    .cpnt_esg_viewlink .btn_more {
        height: 1.5rem;
        margin: 1.313rem 1rem 0 auto;
        padding-right: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    .cpnt_esg_viewlink .btn_more::after {
        width: 1.25rem;
        height: 1.25rem;
        background: url(/front/assets/common/images/esg/ico_sub_esg_arrow2_right_20.png) no-repeat center center/100% auto
    }

    .cpnt_esg_viewlink .btn_link {
        height: 2.5rem;
        margin-top: 2rem;
        padding: 0 2.5rem 0 1.25rem;
        font-size: .875rem;
        letter-spacing: -.01px
    }

    .cpnt_esg_viewlink .btn_link::after {
        width: 1rem;
        height: 1rem;
        right: 1.25rem;
        background: url(/front/assets/common/images/esg/ico_sub_esg_plus_20_white.png) no-repeat left top/100% auto
    }

    .cpnt_esg_viewlink.governance .summary {
        width: 100%;
        margin-right: 0
    }

    .cpnt_esg_viewlink.governance .conts {
        width: 100%
    }

    .cpnt_esg_viewlink.governance .conts .img {
        height: 45vw
    }

    .cpnt_esg_viewlink.governance .conts::before {
        width: 100%;
        height: 10.25rem;
        height: 45.5vw
    }

    .cpnt_esg_viewlink.governance .conts ul {
        width: 100%;
        margin-top: 3.25rem;
        max-height: 23.375rem
    }

    .cpnt_esg_viewlink.governance::after {
        display: none
    }
}

.cpnt_esg_chat {
    display: flex;
    align-items: center;
    position: relative
}

.cpnt_esg_chat .heading {
    position: absolute;
    left: 3.5rem;
    top: 3.5rem;
    z-index: 10;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #fff
}

.cpnt_esg_chat ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 7.625rem 5.5rem 3.5rem 3.5rem;
    border-radius: 30px;
    background-color: #1fc85a
}

.cpnt_esg_chat ul li {
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: visible;
    min-height: 3.875rem;
    padding: .8725rem 5rem;
    border-radius: 30px;
    background-color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    word-break: keep-all
}

.cpnt_esg_chat ul li+li {
    margin-top: 1.625rem
}

.cpnt_esg_chat ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 1.938rem;
    top: -.625rem;
    width: .75rem;
    height: .625rem;
    background: url(/front/assets/common/images/esg/bg_sub_esg_speechbubbleT.png) no-repeat center center/100% auto
}

.cpnt_esg_chat p {
    margin-left: auto;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.1px;
    text-align: right;
    color: #999;
    word-break: keep-all
}

.cpnt_esg_chat p b {
    color: #111
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_esg_chat p {
        font-size: 2.6rem
    }
}

@media (max-width:768px) {
    .cpnt_esg_chat {
        display: block
    }

    .cpnt_esg_chat .heading {
        left: 1.125rem;
        top: 2.5rem
    }

    .cpnt_esg_chat ul {
        padding: 6.625rem 1.25rem 2.5rem
    }

    .cpnt_esg_chat ul li {
        min-height: 3.375rem;
        padding: 1rem 1.5rem;
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .cpnt_esg_chat ul li+li {
        margin-top: 1.625rem
    }

    .cpnt_esg_chat p {
        margin-left: 0;
        margin-top: 5rem;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }
}

.cpnt_esg_latest2 {
    position: relative
}

.cpnt_esg_latest2 .innerBox {
    display: flex;
    justify-content: space-between
}

.cpnt_esg_latest2::before {
    content: "";
    position: absolute;
    left: -100%;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #fff
}

html.en .cpnt_esg_latest2 .summary .heading {
    color: #111
}

.cpnt_esg_latest2 .summary {
    flex-shrink: 0;
    flex-basis: 35%;
    padding-right: 3%;
    position: relative;
    z-index: 20;
    background-color: #fff
}

.cpnt_esg_latest2 .summary em {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px;
    color: #20c85a
}

.cpnt_esg_latest2 .summary .heading {
    margin-top: 1rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px;
    color: #999
}

.cpnt_esg_latest2 .summary .heading b {
    color: #111
}

.cpnt_esg_latest2 .summary p {
    margin-top: 2.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.02px;
    color: #666;
    word-break: keep-all
}

.cpnt_esg_latest2 .conts {
    flex-shrink: 0;
    width: 60%
}

.cpnt_esg_latest2 .conts>ul>li {
    width: 36.563rem;
    height: 28.75rem
}

.cpnt_esg_latest2 .conts .item {
    position: relative;
    height: 100%;
    padding: 3rem 3.5rem;
    border-radius: 30px;
    background-color: #f4f4f4;
    margin-left: 1.25rem
}

.cpnt_esg_latest2 .conts .item b {
    position: absolute;
    right: 3.5rem;
    top: 2.75rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_esg_latest2 .conts .item strong {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px
}

.cpnt_esg_latest2 .conts .item ul {
    overflow: hidden;
    overflow-y: auto;
    height: 14.438rem;
    margin-top: 2rem
}

.cpnt_esg_latest2 .conts .item ul::-webkit-scrollbar {
    width: .25rem
}

.cpnt_esg_latest2 .conts .item ul::-webkit-scrollbar-thumb {
    height: 70%;
    border-radius: .25rem;
    background-color: #111
}

.cpnt_esg_latest2 .conts .item ul::-webkit-scrollbar-track {
    background-color: #b8b8b8
}

.cpnt_esg_latest2 .conts .item ul.type_01 {
    height: 8.438rem
}

.cpnt_esg_latest2 .conts .item ul li {
    position: relative;
    padding-left: .625rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.02px;
    word-break: keep-all;
    color: #666
}

.cpnt_esg_latest2 .conts .item ul li:not(:first-child) {
    margin-top: .625rem
}

.cpnt_esg_latest2 .conts .item ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .9375rem;
    width: .25rem;
    height: .25rem;
    border-radius: 2px;
    background-color: #666
}

.cpnt_esg_latest2 .swiper-control {
    position: absolute;
    right: 0;
    top: -6.25rem
}

.cpnt_esg_latest2 .swiper-control .btn_next {
    margin-left: 1.25rem
}

@media (max-width:1023px) {
    .cpnt_esg_latest2 .innerBox {
        display: block
    }

    .cpnt_esg_latest2 .summary {
        padding-right: 0
    }

    .cpnt_esg_latest2 .summary em {
        display: block;
        font-size: 1.125rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_latest2 .summary .heading {
        margin-top: 1.25rem;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px;
        color: #999
    }

    .cpnt_esg_latest2 .summary p {
        margin-top: 2.5rem;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: -.02px;
        color: #666
    }

    .cpnt_esg_latest2 .conts {
        margin-top: 5rem;
        width: 100%
    }

    .cpnt_esg_latest2 .conts>ul>li {
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .cpnt_esg_latest2 .conts>ul>li:not(:last-child) {
        margin-right: 1.25rem
    }

    .cpnt_esg_latest2 .conts .item {
        position: relative;
        height: 28.75rem;
        padding: 2.5rem 1.25rem;
        border-radius: 30px;
        background-color: #f4f4f4;
        margin: 0
    }

    .cpnt_esg_latest2 .conts .item b {
        display: block;
        position: static;
        right: 0;
        top: 0;
        font-size: 1rem;
        line-height: 1.5;
        text-align: left
    }

    .cpnt_esg_latest2 .conts .item strong {
        display: block;
        margin-top: 1rem;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_latest2 .conts .item ul {
        margin-top: 2.5rem
    }

    .cpnt_esg_latest2 .conts .item ul li {
        position: relative;
        padding-left: .625rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        word-break: keep-all
    }

    .cpnt_esg_latest2 .conts .item ul li::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: .9375rem;
        width: .25rem;
        height: .25rem;
        border-radius: 2px;
        background-color: #666
    }

    .cpnt_esg_latest2 .swiper-control {
        display: none
    }
}

.cpnt_esg_latest::before {
    content: "";
    display: block;
    width: 60%;
    height: 100%;
    position: absolute;
    left: 0
}

.cpnt_esg_latest .innerBox {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    overflow: visible;
    padding-top: 6.25rem
}

.cpnt_esg_latest .innerBox .summary {
    flex-shrink: 0;
    flex-basis: 35%;
    padding-right: 3%;
    position: relative;
    z-index: 20;
    margin-top: -.3rem;
    background-color: #fff;
    box-shadow: -50px 0 0 10px #fff
}

.cpnt_esg_latest .innerBox .summary::before {
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.cpnt_esg_latest .innerBox .summary .heading {
    display: block;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px
}

.cpnt_esg_latest .innerBox .summary .heading b {
    color: #999
}

.cpnt_esg_latest .innerBox .summary p {
    display: block;
    margin-top: 1.9rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.02px;
    color: #666;
    word-break: keep-all
}

.cpnt_esg_latest .innerBox .summary span {
    display: block;
    margin-top: 2.1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #b8b8b8
}

.cpnt_esg_latest .innerBox .summary span.sign {
    display: block;
    width: 26.25rem;
    height: 3.031rem;
    margin-top: 2.1rem;
    padding-left: 26.25rem;
    overflow: hidden;
    background: url(/front/assets/common/images/esg/img_sub_esg_business_sign.png) no-repeat right center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #b8b8b8
}

.cpnt_esg_latest .innerBox .conts {
    position: relative;
    z-index: 10;
    width: 60%
}

.cpnt_esg_latest .innerBox .conts>ul {
    overflow: visible;
    display: flex
}

.cpnt_esg_latest .innerBox .conts>ul>li {
    width: 36.563rem;
    height: 28.75rem;
    margin-right: 1.5rem
}

.cpnt_esg_latest .innerBox .conts>ul>li:last-child {
    margin-right: 0
}

.cpnt_esg_latest .innerBox .conts>ul>li {
    opacity: 0
}

.cpnt_esg_latest .innerBox .conts>ul>li.swiper-slide-active,
.cpnt_esg_latest .innerBox .conts>ul>li.swiper-slide-active+li,
.cpnt_esg_latest .innerBox .conts>ul>li.swiper-slide-prev {
    opacity: 1
}

.cpnt_esg_latest .innerBox .conts .item {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 4rem 3.5rem;
    border-radius: 30px;
    background: url(/front/assets/common/images/esg/bg_sub_esg_community.png) no-repeat center center/100% auto;
    transition: all .3s ease-out;
    cursor: pointer
}

.cpnt_esg_latest .innerBox .conts .item strong {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px
}

.cpnt_esg_latest .innerBox .conts .item button {
    position: absolute;
    right: 2.5rem;
    bottom: 2.5rem;
    width: 3.5rem;
    height: 3.5rem;
    padding-left: 3.5rem;
    border-radius: 1.75rem;
    background-color: #20c85a;
    transition: all .3s ease-in-out
}

.cpnt_esg_latest .innerBox .conts .item button::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.125rem;
    height: .125rem;
    border-radius: .125rem;
    background-color: #fff;
    transition: all .3s ease-in-out
}

.cpnt_esg_latest .innerBox .conts .item button::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .125rem;
    height: 1.125rem;
    border-radius: .125rem;
    background-color: #fff;
    transition: all .3s ease-in-out
}

.cpnt_esg_latest .innerBox .conts .item ul {
    position: relative;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 1rem;
    transition: all .1s
}

.cpnt_esg_latest .innerBox .conts .item ul::-webkit-scrollbar {
    width: .25rem
}

.cpnt_esg_latest .innerBox .conts .item ul::-webkit-scrollbar-thumb {
    height: 70%;
    border-radius: .25rem;
    background-color: #111
}

.cpnt_esg_latest .innerBox .conts .item ul::-webkit-scrollbar-track {
    background-color: #b8b8b8
}

.cpnt_esg_latest .innerBox .conts .item ul li {
    position: relative;
    padding-left: .875rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.125rem;
    letter-spacing: -.02px;
    word-break: keep-all;
    color: #666
}

.cpnt_esg_latest .innerBox .conts .item ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .9375rem;
    width: .25rem;
    height: .25rem;
    border-radius: 2px;
    background-color: #666
}

.cpnt_esg_latest .innerBox .conts .item p {
    position: relative;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.125rem;
    letter-spacing: -.02px;
    word-break: keep-all;
    color: #666;
    transition: all .4s ease-in
}

.cpnt_esg_latest .innerBox .conts .item p::-webkit-scrollbar {
    width: .25rem;
    background: red
}

.cpnt_esg_latest .innerBox .conts .item p::-webkit-scrollbar-thumb {
    height: 70%;
    border-radius: .25rem;
    background-color: #111
}

.cpnt_esg_latest .innerBox .conts .item p::-webkit-scrollbar-track {
    background-color: #b8b8b8
}

.cpnt_esg_latest .innerBox .conts .item.isToggle {
    background: #f4f4f4 !important
}

.cpnt_esg_latest .innerBox .conts .item.isToggle button {
    background-color: #fff;
    transform: rotate(45deg);
    z-index: 30
}

.cpnt_esg_latest .innerBox .conts .item.isToggle button::before {
    background-color: #111
}

.cpnt_esg_latest .innerBox .conts .item.isToggle button::after {
    background-color: #111
}

.cpnt_esg_latest .innerBox .conts .item.isToggle ul {
    z-index: 10;
    opacity: 1;
    margin-top: 2.5rem;
    transition: all .4s ease-in
}

.cpnt_esg_latest .innerBox .conts .item.isToggle p {
    z-index: 10;
    opacity: 1;
    margin-top: 2.5rem
}

.cpnt_esg_latest .innerBox.responsibility .conts>ul>li:nth-child(1) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility1.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.responsibility .conts>ul>li:nth-child(2) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility2.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.responsibility .conts>ul>li:nth-child(3) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility3.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.responsibility .conts>ul>li:nth-child(4) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility4.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.mplement .conts>ul>li:nth-child(1) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_mplement1.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.mplement .conts>ul>li:nth-child(2) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_mplement2.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.mplement .conts>ul>li:nth-child(2) .item strong {
    width: 60%;
    text-indent: -.5rem;
    letter-spacing: -.05rem
}

.cpnt_esg_latest .innerBox.mplement .conts>ul>li:nth-child(3) .item strong {
    width: 50%;
    letter-spacing: -.05rem
}

.cpnt_esg_latest .innerBox.mplement .conts>ul>li:nth-child(3) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_mplement3.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.growth .conts>ul>li:nth-child(1) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_growth1.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.growth .conts>ul>li:nth-child(2) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_growth2.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.business .conts>ul>li:nth-child(1) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_business1.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.business .conts>ul>li:nth-child(2) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_business2.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.business .conts>ul>li:nth-child(3) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_business3.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.business .conts>ul>li:nth-child(4) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_business4.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox.business .conts>ul>li:nth-child(5) .item {
    background: url(/front/assets/common/images/esg/bg_sub_esg_business5.png) no-repeat center center/cover
}

.cpnt_esg_latest .innerBox .btn_more {
    display: block;
    position: relative;
    width: 22.875rem;
    margin: 3.5rem auto 0 0;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px
}

.cpnt_esg_latest .innerBox .btn_more::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png) no-repeat center center/100% auto
}

.cpnt_esg_latest .swiper-control {
    position: absolute;
    right: 0;
    top: -6.25rem;
    top: 0
}

.cpnt_esg_latest .swiper-control .btn_next {
    margin-left: 1.25rem
}

@media (max-width:1290px) {
    .cpnt_esg_latest .innerBox .conts>ul>li {
        width: 95%
    }
}

@media (max-width:1184px) {
    .cpnt_esg_latest .innerBox {
        display: block;
        margin-top: 0;
        padding-top: 0
    }

    .cpnt_esg_latest .innerBox .summary {
        width: 100%;
        min-width: 100%;
        margin-top: 0;
        margin-right: 0;
        padding-top: 0;
        box-shadow: none;
        padding: 0
    }

    .cpnt_esg_latest .innerBox .summary .heading {
        font-size: 2rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_latest .innerBox .summary p {
        margin-top: 2.5rem;
        padding-right: 0;
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .cpnt_esg_latest .innerBox .summary span {
        margin-top: 2.5rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_esg_latest .innerBox .conts {
        width: 100%;
        margin-top: 5rem
    }

    .cpnt_esg_latest .innerBox .conts>ul>li {
        width: 100%;
        height: 28.75rem;
        margin-right: 1.25rem
    }

    .cpnt_esg_latest .innerBox .conts>ul>li:last-child {
        margin-right: 0
    }

    .cpnt_esg_latest .innerBox .conts .item {
        padding: 2.5rem 2rem
    }

    .cpnt_esg_latest .innerBox .conts .item strong {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_latest .innerBox .conts .item button {
        right: 2rem;
        bottom: 2rem
    }

    .cpnt_esg_latest .innerBox .conts .item ul li {
        padding-left: .875rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_esg_latest .innerBox .conts .item ul li::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: .625rem;
        width: .25rem;
        height: .25rem
    }

    .cpnt_esg_latest .innerBox .conts .item p {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_esg_latest .innerBox .btn_more {
        width: 100%;
        margin: 2.563rem auto 0;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.188rem;
        letter-spacing: -.02px
    }

    .cpnt_esg_latest .innerBox .swiper-control {
        display: none
    }
}

.cpnt_esg_governance {
    text-align: right
}

.cpnt_esg_governance .innerBox {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.cpnt_esg_governance .summary {
    flex-shrink: 0;
    flex-basis: 30rem;
    width: 30rem;
    margin-right: 1.25rem
}

.cpnt_esg_governance .conts {
    margin-left: auto;
    margin-top: 6.25rem
}

.cpnt_esg_governance .summary .heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    letter-spacing: -.01px
}

.cpnt_esg_governance .summary p {
    margin-top: 2.5rem;
    margin-bottom: -.25rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.02px;
    word-break: keep-all;
    color: #999
}

.cpnt_esg_governance ul.conts {
    display: inline-flex;
    flex-flow: row nowrap
}

.cpnt_esg_governance ul.conts li {
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem
}

.cpnt_esg_governance ul.conts li:last-child {
    margin-right: 0
}

.cpnt_esg_governance ul.conts li .item {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 1rem 1.875rem 1rem;
    border-radius: 30px;
    background-color: #f4f4f4;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -.02px
}

.cpnt_esg_governance ul.conts li .item::before {
    content: "";
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 50%;
    top: 2.5rem;
    transform: translateX(-50%)
}

.cpnt_esg_governance .btn_link {
    display: inline-block;
    position: relative;
    width: 18.5rem;
    margin-top: 3.5rem;
    padding-right: 3.75rem;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    letter-spacing: -.02px
}

.cpnt_esg_governance .btn_link::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png) no-repeat center center/100% auto
}

.cpnt_esg_governance .btn_tooltip {
    display: inline-block;
    position: relative;
    width: 18.5rem;
    margin-top: 3.5rem;
    padding-right: 3.75rem;
    padding-bottom: 1.28rem;
    padding-bottom: 1.28rem;
    border-bottom: .125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -.02px
}

.cpnt_esg_governance .btn_tooltip::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png) no-repeat center center/100% auto
}

.cpnt_esg_governance .btn_tooltip.isMo {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 2rem
}

.cpnt_esg_governance .innerBox .summary>.btn_gdown_line {
    width: 18.5rem;
    margin-top: 3.5rem
}

.cpnt_esg_governance .innerBox .conts li .btn_glink_line {
    width: 18.5rem;
    margin-top: 3.5rem
}

.cpnt_esg_governance.ethic {
    text-align: right
}

.cpnt_esg_governance.ethic .summary {
    max-width: 36.625rem
}

.cpnt_esg_governance.ethic ul li:nth-child(1) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_ethic1.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.ethic ul li:nth-child(2) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_ethic2.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.ethic ul li:nth-child(3) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_ethic3.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.management {
    text-align: right
}

.cpnt_esg_governance.management .summary {
    max-width: 36.625rem
}

.cpnt_esg_governance.management ul li:nth-child(1) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_management1.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.management ul li:nth-child(2) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_management2.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.management ul li:nth-child(3) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_management3.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.structure {
    text-align: center
}

.cpnt_esg_governance.structure .summary {
    max-width: 29rem
}

.cpnt_esg_governance.structure ul li:nth-child(1) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure1.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.structure ul li:nth-child(2) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure2.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.structure ul li:nth-child(3) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure3.png) no-repeat center center/100% auto
}

.cpnt_esg_governance.structure ul li:nth-child(4) .item::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure4.png) no-repeat center center/100% auto
}

@media (max-width:1280px) {
    .cpnt_esg_governance .innerBox {
        display: block
    }

    .cpnt_esg_governance .innerBox .summary {
        max-width: 100%
    }

    .cpnt_esg_governance .innerBox .conts {
        margin-top: 2rem
    }

    .cpnt_esg_governance.management {
        text-align: left
    }

    .cpnt_esg_governance .innerBox ul.conts {
        flex-wrap: wrap
    }

    .cpnt_esg_governance .btn_gdown_line,
    .cpnt_esg_governance .btn_glink_line,
    .cpnt_esg_governance .btn_tooltip {
        margin-top: 2rem !important
    }
}

@media (max-width:768px) {

    .cpnt_esg_governance .btn_gdown_line,
    .cpnt_esg_governance .btn_glink_line,
    .cpnt_esg_governance .btn_tooltip {
        margin-top: 2rem !important
    }
}

@media (max-width:768px) {
    .cpnt_esg_governance .innerBox {
        display: block
    }

    .cpnt_esg_governance .conts {
        margin-left: 0
    }

    .cpnt_esg_governance .summary .heading {
        font-size: 1.5rem;
        line-height: 1.813rem;
        letter-spacing: -.05px
    }

    .cpnt_esg_governance .summary p {
        margin-top: 2.5rem;
        margin-bottom: -.25rem;
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .cpnt_esg_governance ul.conts {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2rem
    }

    .cpnt_esg_governance ul.conts li {
        flex-basis: calc((100vw - 5.125rem)/ 2);
        flex-shrink: 0;
        width: calc((100vw - 5.125rem)/ 2);
        height: 9.25rem;
        margin-right: 0
    }

    .cpnt_esg_governance ul.conts li:nth-child(odd) {
        margin-right: 1.5rem
    }

    .cpnt_esg_governance ul.conts li:nth-child(n+3) {
        margin-top: 1.5rem
    }

    .cpnt_esg_governance ul.conts li .item {
        display: block;
        padding: 5.5rem 1rem .125rem 1rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_esg_governance ul.conts li .item::before {
        content: "";
        width: 2.5em;
        height: 2.5rem
    }

    .cpnt_esg_governance .btn_link {
        width: 100%;
        position: relative;
        margin-top: 2rem;
        padding-right: 3.75rem;
        padding-bottom: 1.28rem;
        border-bottom: .125rem solid #111;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5rem;
        text-align: left;
        letter-spacing: -.02px
    }

    .cpnt_esg_governance .btn_link::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: .125rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png) no-repeat center center/100% auto
    }

    .cpnt_esg_governance .btn_tooltip {
        display: inline-block;
        display: block;
        width: 100%;
        position: absolute;
        padding-bottom: 1.28rem;
        border-bottom: .125rem solid #111;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5rem;
        text-align: left;
        white-space: nowrap;
        letter-spacing: -.02px
    }

    .cpnt_esg_governance .btn_tooltip::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 1.25rem;
        height: 1.25rem;
        background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png) no-repeat center center/100% auto
    }

    .cpnt_esg_governance.management .summary {
        max-width: auto
    }

    .cpnt_esg_governance.structure {
        text-align: center;
        padding-bottom: 0
    }

    .cpnt_esg_governance.structure .summary {
        max-width: auto
    }
}

.cpnt_esg_subvisual {
    width: 100%
}

.cpnt_esg_subvisual .img {
    display: block;
    width: 100%;
    height: 32.5rem;
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_risk.png) no-repeat center center;
    background-size: cover
}

.cpnt_esg_subvisual .img.risk {
    background-image: url(/front/assets/common/images/esg/img_sub_esg_visual_risk.png)
}

.cpnt_esg_subvisual .img.directors {
    background-image: url(/front/assets/common/images/esg/img_sub_esg_visual_directors.png)
}

.cpnt_toggle_content {
    display: flex;
    padding-top: 4.5rem
}

.cpnt_toggle_content .summary {
    max-width: 50%;
    margin-right: auto
}

.cpnt_toggle_content .summary .heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    word-break: keep-all
}

.cpnt_toggle_content .summary .btn_toggle_view {
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    overflow: hidden;
    width: 7.4375rem;
    height: 3rem;
    padding-left: 7.4375rem;
    border-radius: 4px;
    background-color: #111;
    color: #fff
}

.cpnt_toggle_content .summary .btn_toggle_view::before {
    content: "전체 보기";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px
}

.cpnt_toggle_content.active .summary .btn_toggle_view {
    background-color: #20c85a !important
}

.cpnt_toggle_content.active .summary .btn_toggle_view::before {
    content: "전체 닫기"
}

html.en .cpnt_toggle_content .summary .btn_toggle_view::before {
    content: "Visa alla"
}

html.en .cpnt_toggle_content.active .summary .btn_toggle_view::before {
    content: "Stäng alla"
}

.cpnt_toggle_content .conts {
    width: 60.323rem
}

.cpnt_toggle_content .conts>ol {
    border-top: solid .125rem #111
}

.cpnt_toggle_content .conts>ol>li {
    position: relative;
    padding: 3.688rem 0 5.125rem 12.375rem;
    border-bottom: solid .125rem rgba(18, 18, 18, .2);
    transition: .3s ease-out;
    cursor: pointer
}

.cpnt_toggle_content .conts>ol>li::before {
    content: "00";
    display: block;
    height: 1.688rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.688rem;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_toggle_content .conts>ol>li::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 1rem;
    top: 5.85rem;
    background: url(/front/assets/common/images/esg/ico_sub_arrow_bottom_32.png) no-repeat center center/100% auto;
    transition: .3s all ease
}

.cpnt_toggle_content .conts>ol>li.active::after {
    transform: rotate(180deg)
}

.cpnt_toggle_content .conts>ol>li:nth-child(1)::before {
    content: "01"
}

.cpnt_toggle_content .conts>ol>li:nth-child(2)::before {
    content: "02"
}

.cpnt_toggle_content .conts>ol>li:nth-child(3)::before {
    content: "03"
}

.cpnt_toggle_content .conts>ol>li:nth-child(4)::before {
    content: "04"
}

.cpnt_toggle_content .conts>ol>li:nth-child(5)::before {
    content: "05"
}

.cpnt_toggle_content .conts>ol>li:nth-child(6)::before {
    content: "06"
}

.cpnt_toggle_content .conts>ol>li:nth-child(7)::before {
    content: "07"
}

.cpnt_toggle_content .conts>ol>li:nth-child(8)::before {
    content: "08"
}

.cpnt_toggle_content .conts>ol>li:nth-child(9)::before {
    content: "09"
}

.cpnt_toggle_content .conts>ol>li:nth-child(10)::before {
    content: "10"
}

.cpnt_toggle_content .conts>ol>li strong {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    padding-right: 3rem
}

.cpnt_toggle_content .conts>ol>li strong b {
    color: #20c85a
}

.cpnt_toggle_content .conts>ol>li ul {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    clip: rect("-1px,-1px,-1px,-1px");
    transition: .3s ease-out
}

.cpnt_toggle_content .conts>ol>li ul li {
    position: relative;
    padding-left: .875rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_toggle_content .conts>ol>li.active ul {
    height: auto;
    margin-top: 2.5rem;
    overflow: visible;
    clip: auto
}

.cpnt_toggle_content .conts>ol>li ul li::before {
    content: "";
    width: .25rem;
    height: .25rem;
    position: absolute;
    left: 0;
    top: .725rem;
    border-radius: 2px;
    background-color: #666
}

.cpnt_toggle_content .conts>ol>li ul li+li {
    margin-top: .625rem
}

.cpnt_toggle_content .conts>ol>li:nth-child(1) {
    background: url(/front/assets/common/images/esg/ico_sub_esg_risk1.png) no-repeat left .5rem top 3.5rem/5rem auto
}

.cpnt_toggle_content .conts>ol>li:nth-child(2) {
    background: url(/front/assets/common/images/esg/ico_sub_esg_risk2.png) no-repeat left .5rem top 3.5rem/5rem auto
}

.cpnt_toggle_content .conts>ol>li:nth-child(3) {
    background: url(/front/assets/common/images/esg/ico_sub_esg_risk3.png) no-repeat left .5rem top 3.5rem/5rem auto
}

.cpnt_toggle_content .conts>ol>li:nth-child(4) {
    background: url(/front/assets/common/images/esg/ico_sub_esg_risk4.png) no-repeat left .5rem top 3.5rem/5rem auto
}

.cpnt_toggle_content .conts>ol>li:nth-child(5) {
    background: url(/front/assets/common/images/esg/ico_sub_esg_risk5.png) no-repeat left .5rem top 3.5rem/5rem auto
}

@media (max-width:1023px) {
    .cpnt_toggle_content {
        display: block;
        padding-top: 0
    }

    .cpnt_toggle_content .summary {
        display: flex;
        align-items: flex-end;
        width: initial;
        max-width: initial
    }

    .cpnt_toggle_content .summary .heading {
        font-size: 2rem;
        line-height: 1.38;
        letter-spacing: -.06px
    }

    .cpnt_toggle_content .summary .btn_toggle_view {
        display: inline-block;
        position: relative;
        overflow: hidden;
        width: 5.75rem;
        height: 2.5rem;
        margin-left: auto;
        margin-bottom: .5rem;
        padding-left: 5.75rem;
        border-radius: 4px;
        background-color: #111;
        color: #fff
    }

    .cpnt_toggle_content .summary .btn_toggle_view::before {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px
    }

    .cpnt_toggle_content .conts {
        width: 100%;
        min-width: 100%;
        margin-top: 1.5rem
    }

    .cpnt_toggle_content .conts>ol>li {
        position: relative;
        padding: 1.5rem 0 2rem 4.5rem;
        background-size: 3rem;
        background-position: left .25rem top 1.5rem;
        cursor: pointer
    }

    .cpnt_toggle_content .conts>ol>li::before {
        height: .938rem;
        font-size: .813rem;
        line-height: .938em;
        letter-spacing: -.01px;
        color: #111
    }

    .cpnt_toggle_content .conts>ol>li strong {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding-right: 2.5rem
    }

    .cpnt_toggle_content .conts>ol>li::after {
        content: "";
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        right: 1rem;
        top: 2.25rem;
        background: url(/front/assets/common/images/esg/ico_sub_arrow_up_24.png) no-repeat center center/100% auto;
        transition: .3s all ease;
        transform: rotate(180deg)
    }

    .cpnt_toggle_content .conts>ol>li.active::after {
        transform: rotate(0)
    }

    .cpnt_toggle_content .conts>ol>li:nth-child(1) {
        background-position: left .25rem top 1.5rem;
        background-size: 3rem auto
    }

    .cpnt_toggle_content .conts>ol>li:nth-child(2) {
        background-position: left .25rem top 1.5rem;
        background-size: 3rem auto
    }

    .cpnt_toggle_content .conts>ol>li:nth-child(3) {
        background-position: left .25rem top 1.5rem;
        background-size: 3rem auto
    }

    .cpnt_toggle_content .conts>ol>li:nth-child(4) {
        background-position: left .25rem top 1.5rem;
        background-size: 3rem auto
    }

    .cpnt_toggle_content .conts>ol>li:nth-child(5) {
        background-position: left .25rem top 1.5rem;
        background-size: 3rem auto
    }
}

.cpnt_esg_sub {
    display: flex
}

.cpnt_esg_sub .summary {
    max-width: 50%;
    margin-right: auto
}

.cpnt_esg_sub .summary .heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    word-break: keep-all
}

.cpnt_esg_sub .conts {
    width: 45.69%;
    min-width: 44.25rem;
    margin-left: auto
}

.cpnt_esg_sub.default .conts p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    word-break: keep-all;
    letter-spacing: -.02px;
    color: #666;
    text-align: justify
}

.cpnt_esg_sub.default .conts p+p {
    margin-top: 1.875rem
}

@media (max-width:1023px) {
    .cpnt_esg_sub {
        display: block
    }

    .cpnt_esg_sub .summary {
        width: initial;
        max-width: initial
    }

    .cpnt_esg_sub .summary .heading {
        font-size: 2rem;
        line-height: 1.38;
        letter-spacing: -.06px
    }

    .cpnt_esg_sub .conts {
        min-width: 100%
    }

    .cpnt_esg_sub.default .conts {
        width: initial;
        margin-top: 1.5rem
    }

    .cpnt_esg_sub.default .conts p {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .cpnt_esg_sub.default .conts p+p {
        margin-top: 1.25rem
    }
}

.cpnt_esg_disclosure .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: -.08px
}

.cpnt_esg_disclosure .boardBoxType_01>ul>li::after {
    background-image: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
}

@media (max-width:1023px) {
    .cpnt_esg_disclosure .rightObject {
        width: 100% !important
    }

    .cpnt_esg_disclosure .inputSelect {
        margin-top: 1.5rem;
        width: 100% !important
    }
}

.cpnt_subscript {
    margin-top: 2.5rem
}

.cpnt_subscript>p,
.cpnt_subscript>ul>li {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #999;
    word-break: keep-all
}

.cpnt_subscript>p.referenceMark {
    position: relative;
    padding-left: .875rem;
    color: #b8b8b8
}

.cpnt_subscript>p.referenceMark::before {
    content: "※";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.cpnt_subscript>p b {
    font-weight: 700;
    color: #666
}

.cpnt_subscript>ul li {
    position: relative;
    padding-left: .825rem
}

.cpnt_subscript>ul li+li {
    margin-top: .375rem
}

.cpnt_subscript>ul li::before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    left: 0;
    top: .625rem;
    border-radius: 50%;
    background-color: #999
}

.cpnt_subscript>p+ul {
    margin-top: .675rem
}

.cpnt_esg_table .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: -.08px;
    word-break: keep-all
}

.cpnt_esg_table .heading sup {
    font-size: 1.5rem
}

.cpnt_esg_table .heading+.cpnt_table,
.cpnt_esg_table .listHead+.cpnt_table {
    margin-top: 2.5rem
}

@media (max-width:1023px) {
    .cpnt_esg_table .heading {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_esg_table .cpnt_table {
        margin-top: 1.5rem
    }
}

.cpnt_table td,
.cpnt_table th {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    text-align: left;
    color: #666;
    word-break: break-all
}

.cpnt_table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
    border-top: solid .125rem #111
}

.cpnt_table table thead th {
    padding: 3.25rem 0;
    padding: 1.5rem .5rem;
    border-bottom: solid .063rem #d2d2d2;
    font-weight: 700;
    text-align: center;
    color: #111
}

.cpnt_table table thead th p,
.cpnt_table table thead th strong {
    font-weight: 700
}

.cpnt_table table tbody td,
.cpnt_table table tbody th,
.cpnt_table table tfoot td,
.cpnt_table table tfoot th {
    padding: 1.25rem 1.25rem;
    border-bottom: solid .063rem #d2d2d2;
    color: #666
}

.cpnt_table table tbody tr:last-child * {
    border-color: #cfcfcf
}

.cpnt_table table tbody img {
    max-width: 15rem;
    width: 100%;
    max-height: 8rem;
    object-fit: contain
}

.cpnt_table table.ck-table-resized strong,
.cpnt_table table.ck-table-resized thead th p {
    font-weight: 700
}

@media (max-width:1023px) {
    .cpnt_table {
        overflow-x: auto
    }

    .cpnt_table::-webkit-scrollbar {
        height: 8px
    }

    .cpnt_table::-webkit-scrollbar-thumb {
        width: 30%;
        background: #bbb;
        border-radius: 4px
    }

    .cpnt_table::-webkit-scrollbar-track {
        background: #f8f8f8
    }

    .cpnt_table table {
        width: 964px
    }

    .cpnt_table table thead td,
    .cpnt_table table thead th {
        font-size: 1rem
    }

    .cpnt_table table tbody td,
    .cpnt_table table tbody th,
    .cpnt_table tfoot td,
    .cpnt_table tfoot th {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px
    }
}

.cpnt_table.t-esg table tbody td,
.cpnt_table.t-esg table tbody th {
    padding: 4.25rem 2.469rem
}

.cpnt_table.t-esg table tbody td+td,
.cpnt_table.t-esg table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-esg table tbody tr td:nth-child(1),
.cpnt_table.t-esg table tbody tr td:nth-child(3),
.cpnt_table.t-esg table tbody tr td:nth-child(5) {
    text-align: center
}

@media (max-width:1023px) {

    .cpnt_table.t-esg table tbody td,
    .cpnt_table.t-esg table tbody th {
        padding: 1.5rem 1rem
    }
}

.cpnt_table.t-esg.t-w2 table tbody tr>:nth-child(2),
.cpnt_table.t-esg.t-w2 table tbody tr>:nth-child(3),
.cpnt_table.t-esg.t-w2 table tbody tr>:nth-child(4) {
    word-break: keep-all
}

.cpnt_table.t-director table tbody td,
.cpnt_table.t-director table tbody th {
    padding: 4.25rem 2.469rem
}

.cpnt_table.t-director table tbody td+td,
.cpnt_table.t-director table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-director table tbody tr td:nth-child(1),
.cpnt_table.t-director table tbody tr td:nth-child(3),
.cpnt_table.t-director table tbody tr td:nth-child(5) {
    text-align: center
}

@media (max-width:1023px) {

    .cpnt_table.t-director table tbody td,
    .cpnt_table.t-director table tbody th {
        padding: 1.5rem 1rem
    }
}

.cpnt_table.t-committee table tbody td,
.cpnt_table.t-committee table tbody th {
    padding: 4.25rem 2.469rem;
    padding: 1.5rem .5rem;
    text-align: center
}

.cpnt_table.t-committee table tbody td+td,
.cpnt_table.t-committee table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-committee table tbody tr td:last-child {
    text-align: left
}

.cpnt_table.t-committee table tbody tr td:nth-child(1),
.cpnt_table.t-committee table tbody tr td:nth-child(4) {
    word-break: keep-all
}

@media (max-width:1023px) {

    .cpnt_table.t-committee table tbody td,
    .cpnt_table.t-committee table tbody th {
        padding: 1.5rem 1rem
    }
}

.cpnt_table.t-dividend {
    overflow: auto;
    padding-bottom: 20px
}

.cpnt_table.t-dividend table tbody th {
    padding: 4.25rem 2.469rem;
    padding: 1.5rem .5rem;
    text-align: center
}

.cpnt_table.t-dividend table tbody td {
    padding: 4.25rem 2.469rem;
    padding: 1.5rem .5rem;
    text-align: right
}

.cpnt_table.t-dividend table tbody td+td,
.cpnt_table.t-dividend table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-dividend table tbody tr.text td,
.cpnt_table.t-dividend table tbody tr.text th {
    text-align: center
}

.cpnt_table.t-dividend table tbody tr:first-child td,
.cpnt_table.t-dividend table tbody tr:first-child th {
    text-align: center
}

.cpnt_table.t-dividend table tbody tr td:first-child {
    text-align: center
}

@media (max-width:1023px) {

    .cpnt_table.t-dividend table tbody td,
    .cpnt_table.t-dividend table tbody th {
        padding: 1.5rem 1rem
    }
}

.cpnt_table.t-votingRight table thead th {
    padding: 1.5rem 1rem
}

.cpnt_table.t-votingRight table tbody th {
    padding: 4.25rem 2.469rem;
    padding: 1.5rem 1rem;
    text-align: left;
    font-weight: 500
}

.cpnt_table.t-votingRight table tbody tr.sub th {
    padding-left: 3rem
}

.cpnt_table.t-votingRight table tbody td {
    padding: 4.25rem 2.469rem;
    padding: 1.5rem .5rem;
    text-align: center
}

.cpnt_table.t-votingRight table tbody td {
    border-right: solid .063rem #d2d2d2
}

.cpnt_table.t-votingRight table tbody tr td:first-child {
    text-align: left
}

.cpnt_table.t-votingRight table tbody tr td:first-child[colspan]:not([colsapn="1"]) {
    text-align: left
}

.cpnt_table.t-votingRight table tbody tr td:last-child {
    border-right: none;
    text-align: center
}

.cpnt_table.t-votingRight table tbody tr.text td,
.cpnt_table.t-votingRight table tbody tr.text th {
    text-align: center
}

.cpnt_table.t-votingRight table thead tr th:nth-child(5) {
    word-break: keep-all
}

.cpnt_table.t-votingRight table tbody tr th:nth-child(1) {
    word-break: keep-all
}

@media (max-width:1023px) {
    .cpnt_table.t-votingRight table {
        width: 820px
    }
}

.cpnt_table.t-product table tbody td,
.cpnt_table.t-product table tbody th {
    min-height: 15rem;
    padding: 0 0;
    text-align: center
}

.cpnt_table.t-center table tbody td+td,
.cpnt_table.t-center table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-center table tbody td,
.cpnt_table.t-center table tbody th {
    height: 19.125rem;
    height: auto;
    padding: 1.5rem .5rem;
    text-align: center
}

.cpnt_table.t-center table tbody td em,
.cpnt_table.t-center table tbody th em {
    display: block;
    margin-top: 1rem;
    text-align: center
}

.cpnt_table.t-center table tbody tr.text td {
    text-align: center
}

@media (max-width:1023px) {
    .cpnt_table.t-center table tbody img {
        width: 6.5rem;
        height: auto
    }
}

.cpnt_table.t-certification table tbody td+td,
.cpnt_table.t-certification table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-certification table tbody td,
.cpnt_table.t-certification table tbody th {
    height: 19.125rem;
    height: auto;
    padding: 1.5rem .5rem;
    text-align: center
}

.cpnt_table.t-certification table tbody td em,
.cpnt_table.t-certification table tbody th em {
    display: block;
    margin-top: 1rem;
    text-align: center
}

.cpnt_table.t-certification table tbody tr.text td {
    text-align: center
}

.cpnt_table.t-certification table tbody tr td:nth-child(3) {
    word-break: break-all
}

@media (max-width:1023px) {
    .cpnt_table.t-certification table tbody img {
        width: 6.5rem;
        height: auto
    }
}

.cpnt_table.t-evaluation table tbody td+td,
.cpnt_table.t-evaluation table tbody th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-evaluation table tbody td,
.cpnt_table.t-evaluation table tbody th {
    height: 19.125rem;
    height: 5rem;
    padding: 1rem 1rem;
    text-align: center
}

.cpnt_table.t-evaluation table tbody td em,
.cpnt_table.t-evaluation table tbody th em {
    display: block;
    margin-top: 1rem;
    text-align: center
}

@media (max-width:1023px) {
    .cpnt_table.t-evaluation table tbody img {
        width: 6.5rem;
        height: auto
    }
}

.cpnt_table.t-ownershipStructure table tbody td+td,
.cpnt_table.t-ownershipStructure table tbody th+td,
.cpnt_table.t-ownershipStructure table tfoot td+td,
.cpnt_table.t-ownershipStructure table tfoot th+td {
    border-left: solid .063rem #d2d2d2
}

.cpnt_table.t-ownershipStructure table tbody td,
.cpnt_table.t-ownershipStructure table tbody th,
.cpnt_table.t-ownershipStructure table tfoot td,
.cpnt_table.t-ownershipStructure table tfoot th,
.cpnt_table.t-ownershipStructure table thead th {
    height: 19.125rem;
    height: auto;
    height: 6.5rem;
    padding: 1.5rem 1rem 1.5rem 1rem !important
}

.cpnt_table.t-ownershipStructure table tbody th,
.cpnt_table.t-ownershipStructure table tfoot th {
    text-align: left
}

.cpnt_table.t-ownershipStructure table tbody td {
    text-align: right
}

.cpnt_table.t-ownershipStructure table tbody td:nth-child(3)::after {
    content: " %"
}

.cpnt_table.t-ownershipStructure table tfoot td,
.cpnt_table.t-ownershipStructure table tfoot th {
    font-weight: 700;
    color: #111
}

.cpnt_table.t-ownershipStructure table tfoot td {
    text-align: right
}

.cpnt_table.t-ownershipStructure table tfoot td:nth-child(3)::after {
    content: " %"
}

@media (max-width:1400px) {

    .cpnt_table.t-ownershipStructure table tbody td,
    .cpnt_table.t-ownershipStructure table tbody th,
    .cpnt_table.t-ownershipStructure table tfoot td,
    .cpnt_table.t-ownershipStructure table tfoot th {
        padding: 1.5rem .5rem 1.5rem .5rem !important
    }
}

@media (max-width:1200px) {

    .cpnt_table.t-ownershipStructure table tbody td,
    .cpnt_table.t-ownershipStructure table tbody th,
    .cpnt_table.t-ownershipStructure table tfoot td,
    .cpnt_table.t-ownershipStructure table tfoot th {
        font-size: 1rem
    }
}

.cpnt_activity p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -.02px;
    word-break: keep-all
}

.cpnt_activity strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -.05px;
    word-break: keep-all
}

.cpnt_activity p+strong,
.cpnt_activity strong~strong {
    margin-top: 3.5rem
}

.cpnt_activity ul {
    margin-top: 1.5rem
}

.cpnt_activity ul li {
    position: relative;
    padding-left: 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    word-break: keep-all
}

.cpnt_activity ul li::before {
    content: "-";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width:1023px) {
    .cpnt_activity p {
        font-size: 1rem;
        line-height: 1.75
    }

    .cpnt_activity ul li {
        font-size: .875rem;
        line-height: 1.57
    }
}

article.innerMovieWrap {
    max-width: calc(100vw - 5.5rem);
    margin: 0 auto
}

article.innerMovieWrap .fullMovieWrap {
    margin: 0 auto
}

article.innerMovieWrap .fullMovieWrap .vimeoWrap {
    width: 100%;
    position: relative;
    padding: 56.25% 0 0 0;
    margin: 0 auto
}

article.innerMovieWrap .fullMovieWrap .gvideo,
article.innerMovieWrap .fullMovieWrap iframe,
article.innerMovieWrap .fullMovieWrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:1400px) and (max-width:1599px) {
    article.innerMovieWrap {
        width: 100%;
        max-width: 90rem
    }

    article.innerMovieWrap .fullMovieWrap {
        max-width: 90%;
        position: relative
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    article.innerMovieWrap {
        width: 100%;
        max-width: calc(100vw - 5.5rem)
    }
}

@media (min-width:769px) and (max-width:1023px) {
    article.innerMovieWrap {
        width: 100%;
        max-width: initial;
        padding: 0 1.25rem
    }
}

@media (max-width:768px) {
    article.innerMovieWrap {
        width: 100%;
        max-width: initial;
        padding: 0 1.25rem
    }
}

.cpnt_silde_3rd .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: -.08px
}

.cpnt_silde_3rd .heading+.innerBox {
    margin-top: 2.5rem
}

.cpnt_silde_3rd .boardTopType_01 {
    margin-bottom: 0
}

.cpnt_silde_3rd .innerBox {
    position: relative
}

.cpnt_silde_3rd .innerBox::before {
    content: "";
    display: block;
    max-width: 75rem;
    width: 100%;
    height: 30rem;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(.85) translate(-8.5%, 0);
    z-index: 1;
    border-radius: 30px;
    background-color: #f4f4f4
}

.cpnt_silde_3rd .innerBox::after {
    content: "";
    display: block;
    max-width: 75rem;
    width: 100%;
    height: 30rem;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.85) translate(8.5%, 0);
    z-index: 1;
    border-radius: 30px;
    background-color: #f4f4f4
}

.cpnt_silde_3rd ul {
    z-index: 5
}

.cpnt_silde_3rd ul li {
    max-width: 75rem;
    width: 100%;
    height: 30rem;
    transition: all .3s ease
}

.cpnt_silde_3rd .item {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
    background-color: #f4f4f4;
    transition: all .4s ease
}

.cpnt_silde_3rd .item>* {
    transition: all .3s ease
}

.cpnt_silde_3rd .item .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30rem;
    height: 30rem
}

.cpnt_silde_3rd .item .img img {
    max-width: 100%;
    max-height: 100%
}

.cpnt_silde_3rd .item .summary {
    padding: 5rem 3.75rem;
    width: calc(100% - 30rem)
}

.cpnt_silde_3rd .item .summary strong {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_silde_3rd .item .summary time {
    display: block;
    opacity: .6;
    margin-top: 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px
}

.cpnt_silde_3rd .item .summary p {
    display: block;
    margin-top: 2.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_silde_3rd ul li.swiper-slide-prev {
    transform: scale(.85) translateX(97.2%);
    z-index: 5;
    transition: all .6s ease .2s
}

.cpnt_silde_3rd ul li.swiper-slide-prev .item {
    box-shadow: 0 0 0 0 rgba(18, 18, 18, .5)
}

.cpnt_silde_3rd ul li.swiper-slide-prev .item>* {
    opacity: 0
}

.cpnt_silde_3rd ul li.swiper-slide-next {
    transform: scale(.85) translateX(-97.2%);
    z-index: 5;
    transition: all .6s ease .4s
}

.cpnt_silde_3rd ul li.swiper-slide-next .item {
    box-shadow: 0 0 0 0 rgba(18, 18, 18, .5)
}

.cpnt_silde_3rd ul li.swiper-slide-next .item>* {
    opacity: 0
}

.cpnt_silde_3rd ul li.swiper-slide-active {
    transform: scale(1) translateX(0);
    z-index: 10;
    opacity: 1;
    transition: all .6s ease 0s
}

.cpnt_silde_3rd ul li.swiper-slide-active .item {
    box-shadow: 0 1rem 3rem 0 rgba(18, 18, 18, .3)
}

.cpnt_silde_3rd ul li.swiper-slide-active .item>* {
    opacity: 1
}

.cpnt_silde_3rd .swiper-control {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10
}

.cpnt_silde_3rd .swiper-control .btn_prev {
    position: absolute;
    left: 1.875rem;
    transform: translateY(-50%)
}

.cpnt_silde_3rd .swiper-control .btn_next {
    position: absolute;
    right: 1.875rem;
    transform: translateY(-50%)
}

.cpnt_silde_3rd .innerBox {
    display: absolute;
    height: 0;
    overflow: hidden;
    clip: rect(-1px, -1px, -1px, -1px)
}

@media (max-width:1300px) {
    .cpnt_silde_3rd .innerBox {
        display: static;
        height: auto;
        overflow: visible;
        clip: auto
    }

    .cpnt_silde_3rd .boardTopType_01 {
        display: absolute;
        height: 0;
        overflow: hidden;
        clip: rect(-1px, -1px, -1px, -1px)
    }
}

@media (min-width:769px) and (max-width:1023px) {

    .cpnt_silde_3rd .innerBox::after,
    .cpnt_silde_3rd .innerBox::before {
        display: none
    }
}

@media (max-width:768px) {
    .cpnt_silde_3rd {
        margin: 0 1.25rem
    }

    .cpnt_silde_3rd .heading {
        font-size: 1.5rem
    }

    .cpnt_silde_3rd .innerBox::after,
    .cpnt_silde_3rd .innerBox::before {
        display: none
    }

    .cpnt_silde_3rd .swiper-control {
        display: none
    }

    .cpnt_silde_3rd ul {
        margin-left: 0
    }

    .cpnt_silde_3rd ul li {
        width: 100%;
        height: calc(100vw - 2.5rem);
        margin-right: 1.25rem
    }

    .cpnt_silde_3rd .item {
        flex-direction: column;
        border-radius: 10px
    }

    .cpnt_silde_3rd .item .img {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 0;
        border-radius: 10px
    }

    .cpnt_silde_3rd .item .summary {
        position: relative;
        z-index: 10;
        margin-top: auto;
        padding: 1.25rem 1.25rem;
        background-color: rgba(18, 18, 18, .24);
        width: 100%
    }

    .cpnt_silde_3rd .item .summary strong {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px;
        color: #fff
    }

    .cpnt_silde_3rd .item .summary time {
        margin-top: .75rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #fff
    }

    .cpnt_silde_3rd .item .summary p {
        height: 0;
        margin: 0
    }

    .cpnt_silde_3rd ul li.swiper-slide-prev {
        transform: scale(1) translateX(0);
        z-index: 5
    }

    .cpnt_silde_3rd ul li.swiper-slide-prev .item {
        box-shadow: 0 0 0 0 rgba(18, 18, 18, .5)
    }

    .cpnt_silde_3rd ul li.swiper-slide-prev .item>* {
        opacity: 1
    }

    .cpnt_silde_3rd ul li.swiper-slide-next {
        transform: scale(1) translateX(0);
        z-index: 5
    }

    .cpnt_silde_3rd ul li.swiper-slide-next .item {
        box-shadow: 0 0 0 0 rgba(18, 18, 18, .5)
    }

    .cpnt_silde_3rd ul li.swiper-slide-next .item>* {
        opacity: 1
    }

    .cpnt_silde_3rd ul li.swiper-slide-active {
        transform: scale(1) translateX(0);
        z-index: 10
    }

    .cpnt_silde_3rd ul li.swiper-slide-active .item {
        box-shadow: 0 0 0 0 rgba(18, 18, 18, .5)
    }

    .cpnt_silde_3rd ul li.swiper-slide-active .item>* {
        opacity: 1
    }

    .cpnt_silde_3rd .swiper-paging {
        position: absolute;
        height: auto;
        overflow: visible
    }
}

.cpnt_media_bgtext {
    width: 100%;
    height: 8rem;
    position: relative;
    z-index: -1
}

.cpnt_media_bgtext b {
    width: 106rem;
    position: absolute;
    left: 50%;
    bottom: -2rem;
    margin-left: -54rem;
    font-size: 9.8vw;
    font-weight: 900;
    line-height: 16.375rem;
    letter-spacing: 5.28px;
    white-space: nowrap;
    text-align: center;
    color: #f4f4f4
}

@media (max-width:768px) {
    .cpnt_media_bgtext {
        display: none
    }
}

.cpnt_midea_board {
    margin-top: 5rem
}

.cpnt_midea_board .heading {
    position: absolute;
    top: -.5rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    width: 60%
}

@media (max-width:1023px) {
    .cpnt_midea_board .heading {
        position: initial;
        top: 0;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }
}

@media (max-width:1023px) {
    .cpnt_midea_board .cpnt_controllLine {
        width: 30%;
        position: absolute;
        top: 0;
        right: 20px
    }
}

.cpnt_midea_board .listHead .rightObject {
    text-align: right
}

.cpnt_midea_board .cpnt_controllLine+ul {
    margin-top: 2.5rem
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_midea_board {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width:768px) {
    .cpnt_midea_board {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .cpnt_midea_board .btn_gmore {
        font-size: 1rem
    }

    .cpnt_midea_board .btn_gmore::after {
        width: .8rem;
        height: .8rem
    }
}

.cpnt_media_video {
    position: relative;
    transition: all .4s ease-out;
    margin-top: 4rem;
    text-align: center;
    transition: all 2s ease
}

.cpnt_media_video .vimeoWrap {
    width: 100%;
    height: 56vw;
    padding-top: 56vw;
    min-height: auto;
    overflow: hidden;
    margin: 0 auto;
    transition: all 2s ease
}

.cpnt_media_video .gvideo,
.cpnt_media_video iframe,
.cpnt_media_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transition: all 2s ease
}

.cpnt_media_video .heading {
    display: block;
    max-width: 74.75rem;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0;
    z-index: 10;
    margin-left: -37.375rem;
    padding: 0 2.5rem;
    font-size: 5.625rem;
    font-weight: 700;
    line-height: 6.75rem;
    text-align: left;
    letter-spacing: -.18px;
    transition: all .3s ease-out 1s
}

.cpnt_media_video.isMotion {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-top: 7.2rem
}

.cpnt_media_video.isMotion .vimeoWrap {
    width: 74.875rem;
    height: 42.125rem;
    padding-top: 42.125rem;
    border-radius: 30px
}

.cpnt_media_video.isMotion .heading {
    top: 3.5rem;
    top: 3.5rem;
    opacity: 1
}

@media (max-width:768px) {
    .cpnt_media_video {
        margin-top: 5rem;
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .cpnt_media_video .heading {
        font-size: 1.5rem;
        letter-spacing: -.05px
    }

    .cpnt_media_video .vimeoWrap {
        height: calc(57vw - 2.5rem);
        padding-top: calc(57vw - 2.5rem);
        border-radius: 30px
    }

    .cpnt_media_video.isMotion {
        padding-top: 0;
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .cpnt_media_video.isMotion .vimeoWrap {
        max-width: 100%;
        width: 100%;
        max-height: calc(57vw - 2.5rem);
        height: calc(57vw - 2.5rem);
        padding-top: calc(57vw - 2.5rem)
    }
}

.cpnt_media_latest .cpnt_controllLine+.item,
.cpnt_media_latest .heading+.item {
    margin-top: 2.5rem
}

.cpnt_media_latest>a .item {
    margin-top: 2.5rem
}

.cpnt_media_latest .ritems {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cpnt_media_latest .ritems p.ritemsTitle {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px
}

.cpnt_media_latest .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px
}

.cpnt_media_latest .item {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 3.15rem;
    background-color: #f4f4f4
}

.cpnt_media_latest .item .imgwrap {
    flex-shrink: 0;
    width: 48%;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/.678296
}

.cpnt_media_latest .item .imgwrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all .3s ease
}

.cpnt_media_latest .item .infowrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 3.15rem
}

.cpnt_media_latest .item .infowrap b {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.188rem;
    letter-spacing: -.02px
}

.cpnt_media_latest .item .infowrap b+strong {
    margin-top: 2rem
}

.cpnt_media_latest .item .infowrap strong {
    display: block;
    font-size: 2rem;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: -.06px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_media_latest .item .infowrap p {
    display: block;
    margin-top: 1rem;
    font-size: 1.25rem;
    font-size: 1.085rem;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -.05px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_media_latest .item .btn_othermore {
    width: 6.875rem;
    height: 6.875rem;
    position: absolute;
    right: 0;
    bottom: -6.875rem;
    padding-left: 6.875rem;
    transition: all .3s ease
}

.cpnt_media_latest .item .btn_othermore::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/front/assets/common/images/introduce/btn_sub_introduce_arrow.png) no-repeat center center/100% auto
}

.cpnt_media_latest .item:hover .imgwrap img {
    transform: scale(1.1)
}

.cpnt_media_latest .item:hover .btn_othermore {
    bottom: 0
}

@media (max-width:1023px) {
    .cpnt_media_latest .heading {
        font-size: 1.5rem;
        letter-spacing: -.05px;
        width: 60%
    }

    .cpnt_media_latest {
        margin-top: 5rem
    }

    .cpnt_media_latest .item {
        display: block;
        flex-direction: column;
        align-items: stretch;
        max-height: initial;
        height: auto;
        position: relative;
        overflow: hidden;
        padding: 2rem;
        border-radius: 30px
    }

    .cpnt_media_latest .item .imgwrap {
        margin: 0 auto;
        overflow: hidden;
        max-height: 360px;
        width: initial
    }

    .cpnt_media_latest .item .infowrap {
        padding: 3rem 0 0 0;
        width: 100%
    }

    .cpnt_media_latest .item .infowrap b {
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.01px
    }

    .cpnt_media_latest .item .infowrap strong {
        font-size: 1.5rem;
        line-height: 1.53;
        letter-spacing: -.05px
    }

    .cpnt_media_latest .item .infowrap p {
        margin-top: 1.25rem;
        font-size: 1rem;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .cpnt_media_latest .item .btn_othermore {
        top: 0
    }

    .cpnt_media_latest .btn_gmore {
        width: 33.75%;
        text-align: right
    }
}

.cpnt_media_latest .btn_gmore {
    position: absolute;
    right: 0;
    top: .625rem;
    font-size: 1.25rem
}

.cpnt_media_latest .btn_gmore::after {
    width: .8rem;
    height: .8rem
}

@media (max-width:1023px) {
    .cpnt_media_latest .btn_gmore {
        top: 0;
        font-size: 1rem
    }
}

.cpnt_media_brochure .innerBox {
    display: flex;
    align-items: flex-end
}

.cpnt_media_brochure .innerBox .summary {
    flex: 1
}

.cpnt_media_brochure .innerBox .summary b {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px
}

.cpnt_media_brochure .innerBox .summary .heading {
    display: block;
    margin-top: 1rem;
    font-size: 5.625rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.18px;
    word-break: keep-all
}

.cpnt_media_brochure .innerBox .summary p {
    margin-top: 3.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -.05px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cpnt_media_brochure .innerBox .btnwrap {
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 22.875rem;
    margin-left: auto;
    padding-bottom: .5rem
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_media_brochure .innerBox .summary {
        margin-right: 1rem
    }

    .cpnt_media_brochure .innerBox .summary .heading {
        font-size: 1.5rem
    }

    .cpnt_media_brochure .innerBox .summary p {
        font-size: 1.4rem
    }

    .cpnt_media_brochure .innerBox .summary p br {
        display: none
    }

    .cpnt_media_brochure .innerBox .btnwrap {
        max-width: 16rem
    }
}

@media (max-width:768px) {
    .cpnt_media_brochure .innerBox {
        flex-direction: column;
        align-items: normal
    }

    .cpnt_media_brochure .innerBox .summary b {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .cpnt_media_brochure .innerBox .summary .heading {
        margin-top: .75rem;
        font-size: 1.5rem;
        line-height: 1.4;
        letter-spacing: -.08px
    }

    .cpnt_media_brochure .innerBox .summary p {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .cpnt_media_brochure .innerBox .btnwrap {
        max-width: 100%;
        margin-left: 0;
        padding-top: 5rem;
        padding-bottom: 0
    }
}

.cpnt_media_gallery {
    position: relative;
    padding: 10rem 0 12.5rem;
    background-color: #f4f4f4
}

.cpnt_media_gallery .heading {
    max-width: 90rem;
    width: 100%;
    margin: 0 auto
}

.cpnt_media_gallery .heading b {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_media_gallery .heading strong {
    display: block;
    margin-top: 1rem;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.04px
}

.cpnt_media_gallery .swiper-control {
    position: absolute;
    right: 0;
    top: -11.25rem;
    text-align: right
}

.cpnt_media_gallery .swiper-control button+button {
    margin-left: 1.25rem
}

.cpnt_media_gallery .btn_gmore {
    position: absolute;
    top: 12.175rem;
    right: 0
}

.cpnt_media_gallery .listwrap {
    display: flex;
    max-width: 90rem;
    width: 100%;
    position: relative;
    margin: 7.5rem auto 0
}

.cpnt_media_gallery .listwrap li {
    flex: 1;
    position: relative;
    margin-right: 2.5rem;
    background-color: #f4f4f4
}

.cpnt_media_gallery .listwrap li:last-child {
    margin-right: 0
}

.cpnt_media_gallery .listwrap li.active {
    flex-shrink: 0;
    max-width: 30rem;
    flex-grow: 0;
    flex-basis: 29.6vw
}

.cpnt_media_gallery .listwrap li.active .imgwrap {
    width: 29.6vw;
    max-width: 30rem;
    max-height: 20rem;
    height: 19.5vw;
    border-radius: 10px
}

.cpnt_media_gallery .listwrap .item {
    display: block
}

.cpnt_media_gallery .listwrap .item .imgwrap {
    display: block;
    width: 100%;
    height: 10rem;
    overflow: hidden;
    border-radius: 10px
}

.cpnt_media_gallery .listwrap .item .imgwrap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cpnt_media_gallery .listwrap .item .infowrap {
    margin-top: 2.5rem
}

.cpnt_media_gallery .listwrap .item .infowrap strong {
    display: -webkit-box;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.02px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.cpnt_media_gallery .listwrap .item .infowrap time {
    display: block;
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.188rem;
    letter-spacing: -.02px;
    color: #b8b8b8
}

@media (max-width:1023px) {
    .cpnt_media_gallery {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .cpnt_media_gallery .heading {
        width: 60%;
        margin: initial
    }

    .cpnt_media_gallery .heading b {
        font-size: 1.25rem;
        line-height: 1.313rem
    }

    .cpnt_media_gallery .heading strong {
        margin-top: 1rem;
        font-size: 1.5rem;
        line-height: 1.4;
        letter-spacing: -.08px
    }

    .cpnt_media_gallery .swiper-control {
        width: 100%;
        position: static;
        margin-left: 0;
        margin-top: 1.25rem;
        text-align: right
    }

    .cpnt_media_gallery .swiper-control button+button {
        margin-left: 1.25rem
    }

    .cpnt_media_gallery .btn_gmore {
        position: absolute;
        top: 3.6rem;
        left: auto;
        left: initial;
        right: 0;
        font-size: 1rem;
        width: 33.75%;
        text-align: right
    }

    .cpnt_media_gallery .btn_gmore.gallery_en {
        left: initial !important;
        top: 3.6rem
    }

    .cpnt_media_gallery .listwrap {
        display: block;
        margin: 1.25rem auto 0
    }

    .cpnt_media_gallery .listwrap li {
        flex-shrink: 0;
        flex-basis: 100%;
        position: relative;
        margin-right: 1.25rem
    }

    .cpnt_media_gallery .listwrap li.active {
        flex-shrink: 0;
        max-width: 100%;
        flex-grow: 0;
        flex-basis: 100%
    }

    .cpnt_media_gallery .listwrap li.active .imgwrap {
        width: 100%;
        max-width: 100%;
        max-height: 50vw;
        height: 50vw
    }

    .cpnt_media_gallery .listwrap .item {
        display: block
    }

    .cpnt_media_gallery .listwrap .item .imgwrap {
        height: 50vw
    }

    .cpnt_media_gallery .listwrap .item .infowrap {
        margin-top: 2.5rem
    }

    .cpnt_media_gallery .listwrap .item .infowrap strong {
        font-size: 1.25rem;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .cpnt_media_gallery .listwrap .item .infowrap time {
        display: block;
        margin-top: .5rem;
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.01px
    }
}

.cpnt_introduce_video {
    max-width: 109rem;
    position: relative;
    margin: 0 auto
}

.cpnt_introduce_video .gvideo,
.cpnt_introduce_video iframe,
.cpnt_introduce_video video {
    border-radius: 30px
}

.cpnt_introduce_video .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: -.08px
}

.cpnt_introduce_video .gmotionVideo {
    margin-top: 2.5rem
}

.cpnt_introduce_video .vimeoWrap {
    border-radius: 30px;
    overflow: hidden
}

@media (max-width:768px) {
    .cpnt_introduce_video .heading {
        font-size: 1.5rem;
        letter-spacing: -.05px
    }
}

.cpnt_introduce_video .btn_gmore {
    position: absolute;
    right: 0;
    top: .625rem
}

.gmotionBgVideo .cpntmotion {
    margin-bottom: 1px
}

.cpnt_introduce_video3 {
    position: relative;
    z-index: 1;
    max-width: 90rem;
    margin: 12.5rem auto 0
}

.cpnt_introduce_video3 .vimeoWrap {
    overflow: hidden;
    border-radius: 30px
}

.cpnt_introduce_video3 .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: -.08px
}

.cpnt_introduce_video3 .vimeoWrap {
    margin-top: 2.5rem !important
}

@media (max-width:768px) {
    .cpnt_introduce_video3 {
        margin-top: 5rem
    }

    .cpnt_introduce_video3 .heading {
        font-size: 1.5rem
    }
}

.cpnt_introduce_video2 {
    max-width: 100%;
    height: 56vw;
    width: 100%;
    position: relative;
    z-index: 1
}

.cpnt_introduce_video2 .gvideo,
.cpnt_introduce_video2 iframe,
.cpnt_introduce_video2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cpnt_introduce_video2 .vimeoWrap {
    width: 100%;
    height: 56vw;
    min-height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.cpnt_introduce_video2.cpnt1_1 .vimeoWrap {
    background: url(/front/assets/common/images/introduce/bg_sub_introduce_video2.jpg) no-repeat center center/cover
}

.cpnt_introduce_video2::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    background-color: rgba(18, 18, 18, .6)
}

.cpnt_introduce_video2>img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    opacity: 1
}

.cpnt_introduce_video2 .img1 {
    z-index: 15
}

.cpnt_introduce_video2 .img2 {
    z-index: 10;
    transition: all .4s ease-out 3s
}

.cpnt_introduce_video2 .img3 {
    z-index: 5;
    transition: all .4s ease-out 6s
}

.cpnt_introduce_video2 .textwrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100
}

.cpnt_introduce_video2 .textwrap p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    color: #fff;
    position: relative;
    word-break: keep-all;
    text-align: center
}

.cpnt_introduce_video2 .textwrap p span {
    display: inline-block;
    position: relative;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
    color: inherit
}

.cpnt_introduce_video2 .textwrap p span br {
    display: none
}

@media (min-width:1400px) and (max-width:1599px) {
    .cpnt_introduce_video2 .vimeoWrap {
        width: 120vw;
        height: 67.2vw
    }
}

@media (min-width:1024px) and (max-width:1399px) {
    .cpnt_introduce_video2 .vimeoWrap {
        width: 188vh;
        height: 100vh;
        transform: translateX(-10%)
    }

    .cpnt_introduce_video2.cpnt1_3 .vimeoWrap {
        width: 188vh;
        height: 100vh;
        transform: translateX(0)
    }

    .cpnt_introduce_video2 .textwrap p.scene2,
    .cpnt_introduce_video2 .textwrap p.scene3 {
        text-align: center
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_introduce_video2 .vimeoWrap {
        width: 188vh;
        height: 100vh;
        transform: translateX(-20%)
    }

    .cpnt_introduce_video2.cpnt1_3 .vimeoWrap {
        width: 188vh;
        height: 100vh;
        transform: translateX(-10%)
    }

    .cpnt_introduce_video2 .textwrap p {
        width: 100%;
        padding: 0 5%;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: center
    }

    .cpnt_introduce_video2 .textwrap p span {
        display: inline !important
    }
}

@media (max-width:768px) {
    .cpnt_introduce_video2 .vimeoWrap {
        width: 188vh;
        height: 100vh;
        transform: translateX(-40%)
    }

    .cpnt_introduce_video2.cpnt1_3 .vimeoWrap {
        width: 188vh;
        height: 100vh;
        transform: translateX(-10%)
    }

    .cpnt_introduce_video2 .textwrap p {
        width: 100%;
        padding: 0 5%;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: center
    }

    .cpnt_introduce_video2 .textwrap p span {
        display: inline !important;
        text-align: center;
        white-space: wrap;
        word-break: keep-all;
        opacity: 1
    }

    .cpnt_introduce_video2 .textwrap p span br {
        display: block
    }
}

.cpnt_introduce_missionvision {
    height: 100vh;
    overflow: hidden;
    background: #fff
}

.cpnt_introduce_missionvision .item {
    width: 100%;
    display: flex;
    align-items: stretch
}

.cpnt_introduce_missionvision .item::before {
    content: "";
    display: block;
    flex: 1;
    height: 100vh
}

.cpnt_introduce_missionvision .item .summary {
    flex-shrink: 0;
    flex-basis: 45.5rem;
    width: 45.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    padding-left: 7.5rem;
    padding-right: 5em
}

.cpnt_introduce_missionvision .item .summary b {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -.05px;
    word-break: keep-all;
    color: #20c85a
}

.cpnt_introduce_missionvision .item .summary strong {
    display: block;
    margin-top: 1.25rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    word-break: keep-all
}

.cpnt_introduce_missionvision .item .summary p {
    display: block;
    margin-top: 3.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    word-break: keep-all;
    color: #666
}

.cpnt_introduce_missionvision.cpnt2 .item::before {
    background: url(/front/assets/common/images/introduce/img_sub_introduce_mission_thumb.png) no-repeat center center/cover
}

.cpnt_introduce_missionvision.cpnt3 {
    height: calc(100vh + 8.5rem)
}

.cpnt_introduce_missionvision.cpnt3 .item::before {
    background: url(/front/assets/common/images/introduce/img_sub_introduce_vision_thumb.png) no-repeat center center/cover
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_introduce_missionvision {
        height: auto;
        height: 100vh
    }

    .cpnt_introduce_missionvision .item {
        display: block
    }

    .cpnt_introduce_missionvision .item::before {
        content: "";
        display: block;
        height: 20rem
    }

    .cpnt_introduce_missionvision .item .summary {
        display: block;
        width: 100%;
        height: auto;
        padding: 3.75rem;
        opacity: 1
    }

    .cpnt_introduce_missionvision .item .summary b {
        display: block;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_introduce_missionvision .item .summary strong {
        margin-top: .75rem;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -.01px
    }

    .cpnt_introduce_missionvision .item .summary p {
        margin-top: 1.5rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }
}

@media (max-width:768px) {
    .cpnt_introduce_missionvision {
        height: auto;
        height: 100vh
    }

    .cpnt_introduce_missionvision .item {
        display: block
    }

    .cpnt_introduce_missionvision .item::before {
        content: "";
        display: block;
        height: 20rem
    }

    .cpnt_introduce_missionvision .item .summary {
        display: block;
        width: 100%;
        height: auto;
        padding: 2.5rem;
        opacity: 1
    }

    .cpnt_introduce_missionvision .item .summary b {
        display: block;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .cpnt_introduce_missionvision .item .summary strong {
        margin-top: .75rem;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -.01px
    }

    .cpnt_introduce_missionvision .item .summary p {
        margin-top: 1.5rem;
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }
}

.cpnt_fullSwiperWrap {
    position: relative;
    z-index: 10;
    padding-top: 0 !important
}

.cpnt_fullSwiperWrap .fullSwiperContent {
    padding-top: 0 !important
}

.cpnt_fullSwiperWrap .slideContent_custom {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.cpnt_fullSwiperWrap .slideContent_custom .deco {
    flex: 1;
    padding: 10.063rem 0 0 4.375rem;
    color: #161616
}

html.en .cpnt_fullSwiperWrap .slideContent_custom .deco {
    padding: 7.063rem 0 0 4.375rem
}

.cpnt_fullSwiperWrap .slideContent_custom .deco .decoTxt {
    display: block;
    font-size: 5.625rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.18px;
    color: inherit
}

.cpnt_fullSwiperWrap .slideContent_custom .deco .subTxt {
    display: block;
    position: absolute;
    left: 4.375rem;
    bottom: 2.5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -.01px;
    color: inherit
}

.cpnt_fullSwiperWrap .slideContent_custom .info {
    width: 31rem;
    padding: 11.25rem 7.625rem 0 0;
    color: #161616
}

.cpnt_fullSwiperWrap .slideContent_custom .info strong {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.06px;
    color: inherit;
    transform: translateY(100px);
    transition: all .3s ease-out .3s;
    opacity: 0;
    word-break: keep-all
}

.cpnt_fullSwiperWrap .slideContent_custom .info p {
    display: block;
    margin-top: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: inherit;
    word-break: keep-all;
    transform: translateY(100px);
    transition: all .3s ease-out .3s;
    opacity: 0
}

.cpnt_fullSwiperWrap .swiper-slide.swiper-slide-active .slideContent_custom .info strong {
    transform: translateY(0);
    opacity: 1
}

.cpnt_fullSwiperWrap .swiper-slide.swiper-slide-active .slideContent_custom .info p {
    transform: translateY(0);
    opacity: 1
}

.cpnt_fullSwiperWrap .swiper-slide>.swiper-slide {
    margin-left: 5rem
}

.cpnt_fullSwiperWrap .swiper-slide:nth-child(2) .deco {
    color: #fff
}

.cpnt_fullSwiperWrap .swiper-slide:nth-child(2) .info {
    color: #fff
}

.cpnt_fullSwiperWrap .swiper-slide:nth-child(3) .deco {
    color: #fff
}

.cpnt_fullSwiperWrap .swiper-slide:nth-child(3) img {
    object-position: center right
}

@media (max-width:1023px) {
    .cpnt_fullSwiperWrap.fullSwiperWrap .swiper.fullSwiper {
        margin-left: 0 !important;
        width: auto !important
    }

    .cpnt_fullSwiperWrap .slideContent_custom .info {
        width: 100% !important
    }

    .cpnt_fullSwiperWrap .slideContent_custom .info p,
    .cpnt_fullSwiperWrap .slideContent_custom .info strong {
        word-break: keep-all
    }

    .cpnt_fullSwiperWrap .slideContent_custom {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        padding: 2.5rem 1.25rem 0
    }

    .cpnt_fullSwiperWrap .slideContent_custom .deco {
        width: 100%;
        padding: 0 !important
    }

    .cpnt_fullSwiperWrap .slideContent_custom .deco .decoTxt {
        display: block;
        font-size: 3.75rem;
        line-height: 1;
        letter-spacing: -.1px
    }

    .cpnt_fullSwiperWrap .slideContent_custom .deco .subTxt {
        display: block;
        position: absolute;
        left: 1.25rem;
        bottom: 1.25rem;
        font-size: .75rem;
        line-height: 1.33;
        letter-spacing: -.01px
    }

    .cpnt_fullSwiperWrap .slideContent_custom .info {
        width: 60%;
        padding: 3.5rem 0 0 0
    }

    .cpnt_fullSwiperWrap .slideContent_custom .info strong {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        -webkit-line-clamp: 3
    }

    .cpnt_fullSwiperWrap .slideContent_custom .info p {
        margin-top: 1.25rem;
        font-size: .813rem;
        line-height: 1.54;
        letter-spacing: -.01px
    }

    html.en .cpnt_fullSwiperWrap .slideContent_custom .deco {
        padding: 0
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_fullSwiperWrap {
        padding: 0 !important
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide {
        height: 37.5rem
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(1) img {
        object-position: 25% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(2) img {
        object-position: 0 center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(3) img {
        object-position: 25% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(4) img {
        object-position: 21% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(5) img {
        object-position: 35% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(6) img {
        object-position: 0 center
    }
}

@media (max-width:768px) {
    .cpnt_fullSwiperWrap {
        padding: 0 !important
    }

    .cpnt_fullSwiperWrap .fullSwiperTit {
        padding: 0 1.25rem
    }

    .cpnt_fullSwiperWrap .fullSwiperContent {
        transform: none !important;
        padding-top: 0 !important
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide {
        height: 37.5rem
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(1) img {
        object-position: 25% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(2) img {
        object-position: 3% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(3) img {
        object-position: 25% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(4) img {
        object-position: 21% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(5) img {
        object-position: 18% center
    }

    .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(6) img {
        object-position: 0 center
    }
}

.cpnt_fullSwiperWrap.type_01 .slideContent_custom .info {
    width: 29rem;
    margin: 8.125rem 7.625rem 0 0;
    padding: 0
}

@media (max-width:768px) {
    .cpnt_fullSwiperWrap.type_01 .slideContent_custom {
        padding: 2.5rem 1.25rem 0 2.5rem
    }

    .cpnt_fullSwiperWrap.type_01 .slideContent_custom .info {
        margin-top: 4rem
    }

    .cpnt_fullSwiperWrap.type_01 .slideContent_custom .subTxt {
        left: 2.5rem
    }
}

.cpnt_leadMoreWrap .heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px
}

.cpnt_leadMoreWrap p {
    margin-top: .625rem;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #666
}

@media (min-width:769px) and (max-width:1023px) {
    .cpnt_leadMoreWrap {
        padding: 0 1.25rem
    }

    .cpnt_leadMoreWrap .pageList {
        flex-direction: row
    }
}

@media (max-width:768px) {
    .cpnt_leadMoreWrap {
        margin-top: 5rem;
        padding: 0 1.25rem
    }

    .cpnt_leadMoreWrap .heading {
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .cpnt_leadMoreWrap p {
        margin-top: .625rem;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -.02px
    }
}

.cpnt_summary_normal {
    display: flex;
    flex-direction: row
}

.cpnt_summary_normal .summary {
    width: 38%;
    margin-top: -.25rem;
    margin-right: auto
}

.cpnt_summary_normal .summary .heading {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4
}

.cpnt_summary_normal .conts {
    width: 40.69%;
    margin-left: auto
}

.cpnt_summary_normal .conts p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.7;
    word-break: keep-all;
    letter-spacing: -.02px;
    color: #666
}

.cpnt_summary_normal .conts p+p {
    margin-top: 1.875rem
}

@media (max-width:768px) {
    .cpnt_summary_normal {
        display: block
    }

    .cpnt_summary_normal .summary {
        width: initial
    }

    .cpnt_summary_normal .summary .heading {
        font-size: 2rem;
        line-height: 1.38;
        letter-spacing: -.06px
    }

    .cpnt_summary_normal .summary .heading br {
        display: none
    }

    .cpnt_summary_normal .conts {
        width: initial;
        margin-top: 1.5rem
    }

    .cpnt_summary_normal .conts p {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .cpnt_summary_normal .conts p+p {
        margin-top: 1.25rem
    }
}

.introduce {
    width: 100%;
    height: 100%
}

.introduce .brandItem {
    display: flex;
    column-gap: 1.5rem;
    margin-bottom: 12.5rem
}

.introduce .brandItem:last-child {
    margin-bottom: 0
}

.introduce .brandItem h2 {
    width: 21.375rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -.08px;
    line-height: 1.04;
    font-weight: 700
}

.introduce .brandItem h3 {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -.05px;
    font-weight: 700
}

.introduce .brandItem .symbol {
    width: 100%
}

.introduce .brandItem .symbol>div {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 30px;
    background-color: #fff;
    padding: 11.028rem 0;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 2.5rem
}

.introduce .brandItem .symbol>div.ci {
    padding: 0;
    border: none;
    margin-bottom: 3.5rem
}

.introduce .brandItem .symbol>div.ci img {
    display: block;
    width: 100%;
    max-width: 100%
}

.introduce .brandItem .symbol>div img {
    display: block;
    width: 100%;
    max-width: 40.808rem;
    margin: 0 auto
}

.introduce .brandItem .symbol p {
    font-size: 1.125rem;
    letter-spacing: -.02px;
    line-height: 1.78;
    color: #666
}

.introduce .brandItem .symbol button {
    display: flex;
    align-items: center;
    gap: 4px
}

.introduce .brandItem .symbol button:hover {
    background-color: #20c85a;
    border: 1px solid #20c85a
}

.introduce .brandItem .btn_glink_line {
    margin-left: auto
}

.introduce .brandItem .color {
    width: 100%
}

.introduce .brandItem .color>ul {
    margin-top: 1.5rem
}

.introduce .brandItem .color>ul:nth-of-type(1) {
    width: 100%;
    display: flex;
    gap: 3.5rem;
    margin-bottom: 7.5rem
}

.introduce .brandItem .color>ul:nth-of-type(1) li {
    width: calc((100% - 3.5rem)/ 2)
}

.introduce .brandItem .color>ul:nth-of-type(1) li:nth-of-type(1) p {
    background-color: #55b954
}

.introduce .brandItem .color>ul:nth-of-type(1) li:nth-of-type(2) p {
    background-color: #111
}

.introduce .brandItem .color>ul:nth-of-type(2) {
    width: 100%;
    display: flex;
    column-gap: 5rem;
    row-gap: 5rem;
    flex-wrap: wrap;
    flex-shrink: 0
}

.introduce .brandItem .color>ul:nth-of-type(2) li {
    width: calc((100% - 10rem)/ 3)
}

.introduce .brandItem .color>ul:nth-of-type(2) li p {
    padding: 2.5rem 0 0 0;
    margin-bottom: .75rem
}

.introduce .brandItem .color>ul:nth-of-type(2) li strong {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -.02px;
    font-weight: 700;
    margin: .75rem 0 1.25rem 0
}

.introduce .brandItem .color>ul:nth-of-type(2) li span:nth-of-type(1) {
    margin-top: .75rem
}

.introduce .brandItem .color>ul:nth-of-type(2) li:nth-of-type(1) p {
    background-color: #f38d36
}

.introduce .brandItem .color>ul:nth-of-type(2) li:nth-of-type(2) p {
    background-color: #6d6e71
}

.introduce .brandItem .color>ul:nth-of-type(2) li:nth-of-type(3) p {
    background-color: #7066a8
}

.introduce .brandItem .color>ul:nth-of-type(2) li:nth-of-type(4) p {
    background-color: #c29249
}

.introduce .brandItem .color>ul:nth-of-type(2) li:nth-of-type(5) p {
    background-color: #bcbdc0
}

.introduce .brandItem .color>ul p {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    line-height: 1.42;
    color: #fff;
    font-weight: 700;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 10px
}

.introduce .brandItem .color>ul span {
    display: block;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    font-weight: 600
}

.introduce .brandItem.logoBox {
    background: #e7f1f4;
    border-radius: 1.875rem;
    padding: 5rem
}

.introduce .brandItem.logoBox h2 {
    font-size: 3.125rem;
    width: 30rem
}

.introduce .brandItem.logoBox .symbol {
    width: calc(100% - 30rem)
}

.introduce .brandItem.logoBox .symbol div {
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0
}

.introduce .brandItem.logoBox .symbol div .btn_glink_line {
    margin-bottom: 2.4375rem
}

.introduce .brandItem.logoBox .symbol div .btn_glink_line:last-child {
    margin-bottom: 0
}

@media (max-width:1023px) {
    .introduce .brandItem.logoBox {
        flex-direction: column;
        padding: 2.5rem 1.25rem 3.75rem
    }

    .introduce .brandItem.logoBox h2 {
        font-size: 2rem;
        letter-spacing: -.06px;
        margin-bottom: 4.563rem
    }

    .introduce .brandItem.logoBox .symbol {
        width: 100%
    }

    .introduce .brandItem.logoBox .symbol .btn_glink_line {
        margin-left: 0;
        font-size: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .historyWrap .history_img_box {
        display: none
    }

    .historyWrap .bottom_txt {
        margin-top: 5rem
    }

    .historyWrap .bottom_txt p {
        font-weight: 700
    }

    .historyWrap .bottom_txt p:nth-of-type(1) {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .historyWrap .bottom_txt p:nth-of-type(2) {
        font-size: 2.5rem;
        line-height: 1.4;
        letter-spacing: -.01px;
        margin-top: 2rem
    }
}

@media (max-width:767px) {
    .introduce .brandItem {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
        margin-bottom: 7.5rem
    }

    .introduce .brandItem h2 {
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.42;
        letter-spacing: -.05px
    }

    .introduce .brandItem h3 {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .introduce .brandItem .symbol {
        width: 100%
    }

    .introduce .brandItem .symbol>div {
        padding: 3.687rem 4.875rem;
        margin-bottom: 1.5rem
    }

    .introduce .brandItem .symbol>div.ci {
        padding: 0;
        border: none;
        margin-bottom: 3.5rem
    }

    .introduce .brandItem .symbol>div.ci img {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .introduce .brandItem .symbol p {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }

    .introduce .brandItem .color {
        width: 100%
    }

    .introduce .brandItem .color>ul {
        margin-top: 1.5rem
    }

    .introduce .brandItem .color>ul:nth-of-type(1) {
        width: 100%;
        flex-direction: column;
        gap: 2.563rem;
        margin-bottom: 3.563rem
    }

    .introduce .brandItem .color>ul:nth-of-type(1) li {
        width: 100%
    }

    .introduce .brandItem .color>ul:nth-of-type(1) li:nth-of-type(1) p {
        background-color: #55b954
    }

    .introduce .brandItem .color>ul:nth-of-type(1) li:nth-of-type(2) p {
        background-color: #111
    }

    .introduce .brandItem .color>ul:nth-of-type(2) {
        flex-direction: column;
        column-gap: initial;
        row-gap: 2.563rem
    }

    .introduce .brandItem .color>ul:nth-of-type(2) li {
        width: 100%
    }

    .introduce .brandItem .color>ul:nth-of-type(2) li p {
        padding: 2.5rem 0 0 0;
        margin-bottom: 1rem
    }

    .introduce .brandItem .color>ul:nth-of-type(2) li strong {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: -.02px;
        font-weight: 700;
        margin: .75rem 0 1.25rem 0
    }

    .introduce .brandItem .color>ul:nth-of-type(2) li span:nth-of-type(1) {
        margin-top: .75rem
    }

    .introduce .brandItem .color>ul p {
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px;
        padding: 1rem 1.25rem;
        margin-bottom: 1rem
    }

    .introduce .brandItem .color>ul span {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px
    }
}

.historyWrap .historyContainer .tabNavWrap {
    height: auto
}

.historyWrap .historyContainer .tabContentsWrap {
    padding: 10rem 0 1.8rem
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title {
    position: relative;
    width: 100%;
    transition: all .1s
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active .year_title {
    transition: all .1s;
    color: #20c85a
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active .year_title::before {
    background: #20c85a
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active img {
    opacity: 1;
    transition: all 1s
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active+.year_txt {
    opacity: 1;
    transition: all 1s
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn.fst {
    padding-top: 0
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt {
    opacity: .4;
    transition: all 1s
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn img {
    opacity: .4;
    transition: all 1s
}

.historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img .year_title::before {
    left: -29.8%
}

.historyWrap .historyContainer .tabContentsWrap .history_bar {
    position: absolute;
    left: 50%;
    width: .125rem;
    height: calc(100% - 160px);
    background-color: rgba(232, 232, 232, .7)
}

.historyWrap .historyContainer .tabContentsWrap .history_bar .history_bar_on {
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #20c85a
}

.historyWrap .historyContainer .tabContentsWrap .history_bar .history_bar_on .pointer {
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: 2;
    background-color: #20c85a;
    border-radius: 50%;
    box-shadow: 0 12px 16px 0 rgba(32, 200, 90, .24);
    left: -.4rem;
    bottom: 0
}

.historyWrap .historyContainer .tabContentsWrap .history_bar .history_bar_on .pointer::before {
    display: block;
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    background-color: #20c85a;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: pin-wave 2s cubic-bezier(1, 2, .66, 3) infinite
}

@keyframes pin-wave {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(.1)
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(1)
    }
}

@media (min-width:1440px) {
    .historyWrap .historyContainer {
        position: relative
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 {
        padding-bottom: 5rem;
        background-color: #fff;
        position: absolute;
        z-index: 10
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
        border: 1px solid #e8e8e8
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 13rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even {
        padding-left: 0
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
        order: 2;
        margin-left: auto;
        margin-right: 16%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_txt {
        order: 1;
        text-align: right
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt {
        width: 36.25rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history {
        margin-top: .9375rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li {
        margin-top: 3rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li:first-child {
        margin-top: 0
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li .date {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #b8b8b8
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li p {
        margin-top: 12px;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: -.05px;
        color: #111;
        word-break: keep-all
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li hr {
        border: none
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
        display: flex;
        flex-direction: column;
        width: 23.875rem;
        align-items: center;
        margin-right: auto;
        margin-left: 16%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title {
        font-size: 8.75rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.35rem;
        color: #111;
        margin-bottom: 2rem;
        text-align: center
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img img {
        max-width: 20.375rem
    }
}

@media (max-width:1600px) {
    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
        margin-left: 17.5%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title::before {
        right: -12.8%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
        margin-right: 17.5%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img .year_title::before {
        left: -12%
    }
}

@media (max-width:767px) {
    .introduce_history .contentsWrap {
        padding: 0 !important
    }

    .scrollDown .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
        padding-top: 1.7rem
    }

    .historyWrap .historyContainer {
        margin-top: 2.5rem;
        position: relative
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 {
        padding-bottom: 3.5rem;
        margin-bottom: 0;
        background-color: #fff;
        position: absolute;
        z-index: 2
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
        border: 1px solid #e8e8e8
    }

    .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
        position: fixed;
        top: 0;
        height: auto;
        width: 100%;
        background: #fff;
        z-index: 10;
        padding-top: 4.5rem;
        padding-bottom: 0;
        margin-top: 0
    }

    .historyWrap .historyContainer .tabContentsWrap {
        position: relative
    }

    .historyWrap .historyContainer .tabContentsWrap .history_bar {
        left: 1rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn {
        width: 100%;
        padding-top: 8.5rem;
        padding-left: 5.5rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
        margin-right: initial
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img .year_title::before {
        left: -32.3%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
        margin-left: initial
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active {
        color: #20c85a
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.fst {
        color: #20c85a
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title {
        font-size: 60px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -.12px;
        width: 15rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title::before {
        left: -32.3%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history {
        margin-top: 3rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li .date {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li p {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.56;
        letter-spacing: -.02px;
        color: #111;
        word-break: keep-all
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li hr {
        border: none;
        width: 100%;
        height: 1px;
        background-color: #e8e8e8;
        margin: 40px 0
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn img {
        display: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .introduce_history {
        padding: 0 4rem !important
    }

    .introduce_history .contentsWrap {
        padding: 0 !important
    }

    .scrollDown .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
        padding-top: 1.7rem
    }

    .historyWrap .historyContainer {
        margin-top: 5rem;
        position: relative
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 {
        padding-bottom: 3.5rem;
        background-color: #fff;
        position: absolute;
        z-index: 2
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
        border: 1px solid #e8e8e8
    }

    .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
        position: fixed;
        top: 0;
        height: auto;
        width: 100%;
        background: #fff;
        z-index: 10;
        padding-top: 6rem;
        padding-bottom: 0;
        margin-top: 0
    }

    .historyWrap .historyContainer .tabContentsWrap {
        position: relative
    }

    .historyWrap .historyContainer .tabContentsWrap .history_bar {
        left: 1rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn {
        width: 100%;
        padding-top: 13rem;
        padding-left: 5.5rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img .year_title::before {
        left: -32.4%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
        margin-left: initial
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title {
        font-size: 60px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -.12px;
        width: 15rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title::before {
        left: -32.4%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active {
        color: #20c85a
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.fst {
        color: #20c85a
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history {
        margin-top: 3rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li .date {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li p {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.56;
        letter-spacing: -.02px;
        color: #111;
        word-break: keep-all
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li hr {
        border: none;
        width: 100%;
        height: 1px;
        background-color: #e8e8e8;
        margin: 40px 0
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn img {
        display: none
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    .introduce_history {
        padding: 0 !important
    }

    .introduce_history .contentsWrap {
        padding: 0 !important
    }

    .historyWrap .historyContainer {
        margin-top: 8rem;
        position: relative
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 {
        padding-bottom: 3.5rem;
        background-color: #fff
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
        border: 1px solid #e8e8e8
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn {
        width: 100%;
        padding-top: 13rem;
        display: flex;
        justify-content: space-between
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_txt {
        order: 1;
        text-align: right;
        padding-right: 15%;
        padding-left: initial
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
        order: 2;
        margin-right: initial
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img .year_title::before {
        left: -44.4%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
        margin-left: initial;
        width: 35%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title {
        font-size: 60px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -.12px
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img .year_title::before {
        right: -45%;
        top: 43%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt {
        width: 50%;
        padding-left: 15%
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history {
        margin-top: 3rem
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li .date {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px;
        color: #b8b8b8
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li p {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.56;
        letter-spacing: -.02px;
        color: #111;
        word-break: keep-all
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt .year_history li hr {
        border: none
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn img {
        width: 100%;
        height: auto
    }
}

@media (min-width:1024px) {
    .scrollDown .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
        padding-top: 1.7rem
    }

    .historyWrap .historyContainer .tabNavWrap.type_02 {
        padding-bottom: 0;
        position: absolute;
        z-index: 2
    }

    .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
        position: fixed;
        top: 0;
        height: auto;
        width: 100%;
        background: #fff;
        z-index: 10;
        padding-top: 5.7rem;
        padding-bottom: .7rem
    }

    .historyWrap .historyContainer .tabNavWrap.type_02.goOpt {
        opacity: 0;
        transition: .5s
    }

    .historyWrap .historyContainer .tabContentsWrap {
        position: relative
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn {
        position: relative
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.fst .year_title {
        color: #20c85a
    }

    .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active .year_title {
        transition: all .5s;
        color: #20c85a
    }

    .historyWrap .historyContainer .tabContentsWrap .tabContents {
        position: relative
    }
}

.invest.ir h2 {
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -.01px;
    font-weight: 700
}

.invest.ir h2.line_type01 {
    margin-top: -.8rem
}

.invest.ir h3 {
    font-size: 2.5rem;
    line-height: 1.4;
    letter-spacing: -.08px;
    font-weight: 700
}

.invest.ir .infoHead {
    display: flex
}

.invest.ir .infoHead p {
    max-width: 44.25rem;
    margin-left: auto;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    line-height: 1.7rem;
    color: #666;
    word-break: keep-all;
    text-align: justify
}

.invest.ir .infoHead~.infoHead {
    margin-top: 12.5rem
}

.invest.ir .infoDiagram {
    margin-top: 12.5rem
}

.invest.ir .infoDiagram p {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    color: #666
}

.invest.ir .infoDiagram p.text1 {
    margin-top: 5rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    color: #666
}

@media (max-width:1023px) {
    .invest.ir .infoDiagram p.text1 {
        font-size: 1.5rem
    }
}

.invest.ir .infoDiagram p.text2 {
    margin-top: 2.5rem !important;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px;
    color: #666
}

.invest.ir .infoDiagram .ico_plus {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin: 2.5rem auto 0;
    background: url(/front/assets/common/images/invest/ico_invest_plus.png) no-repeat center center/100% auto
}

.invest.ir .infoDiagram .ico_plus+.chartDesc {
    margin-top: 0
}

.invest.ir .infoDiagram .ico_arrow {
    display: block;
    width: 13.25rem !important;
    height: 6.75rem !important;
    margin: 2.5rem auto 0;
    background: transparent url(/front/assets/common/images/invest/ico_invest_arrow.png) no-repeat center center/100% auto !important
}

.invest.ir .infoDiagram .diagramBox {
    margin-top: 2.5rem;
    display: flex;
    gap: 3.5rem;
    position: relative
}

.invest.ir .infoDiagram .diagramBox.first::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='ico_64/arrow'%3E%3Cpath data-name='사각형 353754' style='fill:transparent' d='M0 0h64v64H0z'/%3E%3Cpath data-name='패스 880235' d='M56 28 27.984 0 0 28' transform='rotate(90 21 25.5)' style='fill:none;stroke:%23d2d2d2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain
}

.invest.ir .infoDiagram .diagramBox li {
    width: calc(100% - .75rem)
}

.invest.ir .infoDiagram .diagramBox li .diagram {
    background-color: #f4f4f4;
    padding: 3.75rem;
    border-radius: 30px
}

.invest.ir .infoDiagram .diagramBox li .diagram span {
    display: block;
    text-align: center;
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -.06px;
    font-weight: 700
}

.invest.ir .infoDiagram .diagramBox li .diagram span+p {
    margin-top: 3.5rem
}

.invest.ir .infoDiagram .diagramBox li .diagram p {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -.05px;
    line-height: 1.42;
    font-weight: 700;
    text-align: center
}

.invest.ir .infoDiagram .diagramBox li .diagram ul span {
    margin-top: 0;
    font-size: 1.125rem
}

.invest.ir .infoDiagram .diagramBox li .diagram ul p {
    margin-top: 0
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
    color: #666;
    background-color: #fff;
    padding: 2.5rem 0;
    border-radius: 54.5px
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_02 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25rem
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li {
    position: relative;
    height: 3.5rem
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li>span {
    position: absolute;
    left: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li>span::before {
    content: "";
    display: block;
    width: .875rem;
    height: 3.5rem;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li:nth-of-type(1) span {
    left: 45%
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_03 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li {
    background-color: #20c85a;
    width: 14.5rem;
    height: 14.5rem;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li p {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_04 {
    margin-bottom: .25rem
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li {
    width: 50%;
    position: relative;
    height: 3.5rem;
    text-align: center
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span {
    position: absolute;
    left: 45%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span::before {
    content: "";
    display: block;
    width: .875rem;
    height: 3.5rem;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
    color: #20c85a;
    background-color: #f2fcf4;
    padding: 2.5rem 0;
    border-radius: 54.5px
}

.invest.ir .infoDiagram .diagramBox li .diagram.left .item_03 li {
    background-color: #999
}

.invest.ir .infoDiagram .diagramBox li .diagram.right .item_02 li:nth-of-type(1) span {
    left: 49%;
    color: #20c85a
}

.invest.ir .infoDiagram .diagramBox.chart span {
    width: 5rem;
    height: 5rem;
    display: block;
    margin: 0 auto 2.5rem auto
}

.invest.ir .infoDiagram .diagramBox.chart .diagram {
    height: 23.625rem
}

.invest.ir .infoDiagram .diagramBox.chart .diagram p {
    font-size: 2rem;
    line-height: 1.38
}

.invest.ir .infoDiagram .chartDesc {
    margin-top: 7.5rem
}

.invest.ir .infoDiagram .chartDesc p {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 700;
    color: #666
}

.invest.ir .infoDiagram .chartDesc p:nth-of-type(2) {
    margin-top: 2.5rem;
    font-size: 5.625rem;
    color: #23c75a
}

.invest.ir .infoDiagram .chartDesc span {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background-color: #111;
    margin: 2.5rem auto
}

.invest.ir .infoList {
    margin-top: 12.5rem
}

.invest.ir .infoList .listWrap {
    margin-top: 5rem
}

.invest.ir .infoList .listWrap .listBox {
    margin-top: 5rem
}

.invest.ir .infoList .listWrap .listBox p {
    width: 22.5rem;
    color: #cecece;
    font-size: 5.625rem;
    font-weight: 700;
    transition: color .5s ease
}

.invest.ir .infoList .listWrap .listBox span {
    display: block;
    color: #cecece;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.02px;
    transition: color .5s ease
}

.invest.ir .infoList .listWrap .listBox.effect .listItem {
    align-items: center;
    justify-content: center
}

.invest.ir .infoList .listWrap .listBox .listItem {
    padding: 0 0 5rem 0;
    margin: 0 0 5rem 0;
    position: relative;
    display: flex
}

.invest.ir .infoList .listWrap .listBox .listItem::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .125rem;
    background-color: #000;
    transition: width .8s ease
}

.invest.ir .infoList .listWrap .listBox .listItem .listConts {
    width: calc(100% - 22.5rem)
}

.invest.ir .infoList .listWrap .listBox .listItem .listConts li {
    font-size: 2.5rem;
    line-height: 1.4;
    letter-spacing: -.08px;
    font-weight: 700;
    color: #cecece;
    transition: color .5s ease
}

.invest.ir .infoList .listWrap .listBox .listItem .listConts li strong {
    color: #cecece;
    transition: color .5s ease
}

.invest.ir .infoList .listWrap .listBox .listItem.on {
    transition: width .8s ease
}

.invest.ir .infoList .listWrap .listBox .listItem.on::before {
    width: 100%
}

.invest.ir .infoList .listWrap .listBox .listItem.on p {
    color: #1cc85a
}

.invest.ir .infoList .listWrap .listBox .listItem.on span {
    color: #1cc85a
}

.invest.ir .infoList .listWrap .listBox .listItem.on .listConts li {
    color: #111
}

.invest.ir .infoList .listWrap .listBox .listItem.on .listConts li strong {
    color: #1cc85a
}

.invest.ir .infoList .listWrap .listBox .listItem.on.vision .listConts li::before {
    background-color: #666
}

.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li {
    position: relative;
    margin-bottom: 2.5rem;
    display: flex;
    gap: 1.25rem;
    align-items: flex-start
}

.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li::before {
    content: "";
    display: block;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: #cecece;
    margin-top: 1.375rem
}

.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li:last-child {
    margin-bottom: 0
}

.invest.ir .infoList .listWrap .listBox .listItem.vision:nth-of-type(2) li::before {
    display: none
}

.invest.ir .infoList2 {
    margin-top: 12.5rem;
    display: flex
}

.invest.ir .infoList2 h2 {
    flex-basis: 23.875rem;
    margin-top: -.625rem
}

.invest.ir .infoList2 ol {
    flex: 1;
    border-top: solid .125rem #111
}

.invest.ir .infoList2 ol li {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    padding: 3.5rem 0 3.5rem 10.375rem;
    column-gap: 2.5rem;
    border-bottom: solid #d2d2d2 .125rem;
    position: relative
}

.invest.ir .infoList2 ol li strong {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    box-sizing: border-box
}

.invest.ir .infoList2 ol li strong::before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 3.25rem;
    top: 50%;
    transform: translateY(-50%)
}

.invest.ir .infoList2 ol li p {
    width: calc(100% - 10.25rem);
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    color: #666
}

.invest.ir .infoList2_5 {
    margin-top: 12.5rem;
    display: flex
}

.invest.ir .infoList2_5 h2 {
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 18.75rem;
    row-gap: 7.5rem
}

.invest.ir .infoList2_5>ul {
    flex-basis: 100%;
    max-width: 63.75rem;
    border-top: solid #111 .125rem;
    margin-left: auto
}

.invest.ir .infoList2_5>ul>li {
    display: flex;
    border-bottom: .0625rem solid #d2d2d2;
    padding: 3.5rem 2.5rem
}

.invest.ir .infoList2_5>ul>li strong {
    display: block;
    flex-shrink: 0;
    flex-basis: 18.75rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -.05px;
    word-break: keep-all
}

.invest.ir .infoList2_5>ul>li ul {
    flex-basis: 100%;
    max-width: 26.5rem;
    margin-left: auto
}

.invest.ir .infoList2_5>ul>li ul li {
    position: relative;
    padding-left: .725rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #666;
    word-break: keep-all
}

.invest.ir .infoList2_5>ul>li ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .75rem;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666
}

.invest.ir .infoList2_5>ul>li ul li:not(:is(:first-child)) {
    margin-top: 1.25rem
}

@media (max-width:1023px) {
    .invest.ir .infoList2_5 {
        display: block
    }

    .invest.ir .infoList2_5 h2 {
        display: block
    }

    .invest.ir .infoList2_5>ul {
        margin-top: 2.5rem
    }

    .invest.ir .infoList2_5>ul>li {
        display: block;
        padding: 2.5rem 0
    }

    .invest.ir .infoList2_5>ul>li strong {
        display: block;
        font-size: 1.125rem;
        line-height: 1.56;
        letter-spacing: -.02px
    }

    .invest.ir .infoList2_5>ul>li ul {
        max-width: 100%;
        margin-left: 0;
        margin-top: 1.5rem
    }

    .invest.ir .infoList2_5>ul>li ul li {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: -.02px
    }
}

.invest.ir .infoList3 {
    margin-top: 12.5rem
}

.invest.ir .infoList3 .listWrap {
    position: relative;
    width: 100%;
    margin-top: 2.5rem
}

.invest.ir .infoList3 .listWrap .listItem {
    width: 100%;
    height: 30.563rem;
    margin-bottom: 7.5rem;
    background-color: #f8f8f8;
    border-radius: 30px;
    transition: all ease .7s;
    z-index: 1;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.invest.ir .infoList3 .listWrap .listItem .thumbnail {
    width: 50%;
    height: 30.563rem;
    overflow: hidden
}

.invest.ir .infoList3 .listWrap .listItem .description {
    width: 50%;
    padding: 0 5rem;
    box-sizing: border-box
}

.invest.ir .infoList3 .listWrap .listItem .description .subject {
    font-size: 2rem;
    color: #111;
    font-weight: 700;
    margin-bottom: 1.5rem;
    word-break: keep-all
}

.invest.ir .infoList3 .listWrap .listItem .description .txt {
    display: block;
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -.02px;
    color: #666;
    margin-bottom: 1.25rem;
    position: relative;
    padding-left: .875rem;
    word-break: keep-all
}

.invest.ir .infoList3 .listWrap .listItem .description .txt::before {
    content: "";
    display: block;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 0;
    top: .7rem
}

.invest.ir .infoList3 .listWrap .listItem .description .txt:last-child {
    margin-bottom: none
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(1) .thumbnail {
    background: url(/front/assets/common/images/invest/img_infoList3_thumb1.png) no-repeat;
    background-size: cover;
    background-position: center center
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(1) .description .subject {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(1) .description .subject::before {
    content: "1";
    display: block;
    margin-right: 1.5rem;
    font-size: 5.625rem;
    font-weight: 700;
    color: #d2d2d2;
    letter-spacing: -.18px;
    line-height: 1.3
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) {
    flex-direction: row-reverse
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) .thumbnail {
    background: url(/front/assets/common/images/invest/img_infoList3_thumb2.png) no-repeat;
    background-size: cover;
    background-position: center center
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) .description .subject {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) .description .subject::before {
    content: "2";
    display: block;
    margin-right: 1.5rem;
    font-size: 5.625rem;
    font-weight: 700;
    color: #d2d2d2;
    letter-spacing: -.18px;
    line-height: 1.3
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(3) .thumbnail {
    background: url(/front/assets/common/images/invest/img_infoList3_thumb3.png) no-repeat;
    background-size: cover;
    background-position: center center
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(3) .description .subject {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(3) .description .subject::before {
    content: "3";
    display: block;
    margin-right: 1.5rem;
    font-size: 5.625rem;
    font-weight: 700;
    color: #d2d2d2;
    letter-spacing: -.18px;
    line-height: 1.3
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) {
    flex-direction: row-reverse
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) .thumbnail {
    background: url(/front/assets/common/images/invest/img_infoList3_thumb4.png) no-repeat;
    background-size: cover;
    background-position: center center
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) .description .subject {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) .description .subject::before {
    content: "4";
    display: block;
    margin-right: 1.5rem;
    font-size: 5.625rem;
    font-weight: 700;
    color: #d2d2d2;
    letter-spacing: -.18px;
    line-height: 1.3
}

.iframeBoxType_01 {
    position: relative;
    width: 100%
}

.iframeBoxType_01 iframe {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none
}

@media (min-width:1024px) and (max-width:1399px) {
    .innerContentsWrap.invest.ir .infoDiagram {
        margin-top: 5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox {
        margin-top: 2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.first::after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        width: 4rem;
        height: 4rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='ico_64/arrow'%3E%3Cpath data-name='사각형 353754' style='fill:transparent' d='M0 0h64v64H0z'/%3E%3Cpath data-name='패스 880235' d='M56 28 27.984 0 0 28' transform='rotate(90 21 25.5)' style='fill:none;stroke:%23d2d2d2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram {
        padding: 2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram span {
        font-size: 1.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram span+p {
        margin-top: 3.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram p {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        font-size: 1.25rem;
        line-height: 1.42;
        font-weight: 700;
        text-align: center
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram ul span {
        margin-top: 0;
        font-size: 1.125rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram ul p {
        margin-top: 0
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
        color: #666;
        background-color: #fff;
        padding: 1rem 0;
        border-radius: 54.5px
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_02 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li {
        position: relative;
        height: 3.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li>span {
        position: absolute;
        left: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li>span::before {
        content: "";
        display: block;
        width: .875rem;
        height: 3.5rem;
        background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li:nth-of-type(1) span {
        left: 45%
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_03 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li {
        background-color: #20c85a;
        width: 10.5rem;
        height: 10.5rem;
        border-radius: 50%;
        position: relative;
        margin: 0 auto
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li p {
        color: #fff;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_04 {
        margin-bottom: .25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li {
        width: 50%;
        position: relative;
        height: 3.5rem;
        text-align: center
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span {
        position: absolute;
        left: 45%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span::before {
        content: "";
        display: block;
        width: .875rem;
        height: 3.5rem;
        background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
        color: #20c85a;
        background-color: #f2fcf4;
        padding: 1rem 0;
        border-radius: 54.5px
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram.left .item_03 li {
        background-color: #999
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram.right .item_02 li:nth-of-type(1) span {
        left: 49%;
        color: #20c85a
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .innerContentsWrap.invest.ir h2 {
        font-size: 1.5rem;
        line-height: 1.42
    }

    .innerContentsWrap.invest.ir h3 {
        font-size: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoHead {
        display: block
    }

    .innerContentsWrap.invest.ir .infoHead p {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.5;
        margin-left: 0;
        margin-top: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram {
        margin-top: 5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox {
        margin-top: 2rem;
        flex-direction: column;
        row-gap: 3.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.first::after {
        width: 3rem;
        height: 3rem;
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li {
        width: 100%
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram {
        padding: 2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram p {
        font-size: 1rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
        padding: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li {
        width: 7.25rem;
        height: 7.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
        padding: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li span {
        font-size: .875rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart {
        row-gap: .75rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart .diagram {
        height: auto
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart span {
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 auto 1.25rem auto
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart p {
        font-size: 1.125rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc {
        margin-top: 3.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:not(:nth-of-type(2)) {
        font-size: 1.5rem;
        line-height: 1.42;
        color: #666
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:nth-of-type(2) {
        font-size: 2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc span {
        width: 2.5rem;
        height: 2.5rem;
        margin: 2rem auto
    }

    .innerContentsWrap.invest.ir .infoList {
        margin-top: 5rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap {
        margin-top: 2rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox {
        margin-top: 1.563rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem {
        display: block;
        padding: 0 0 2.125rem 0;
        margin: 0 0 1.563rem 0
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem:last-child {
        margin: 0 0 3.5rem 0
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listTitle span {
        display: none
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listTitle p {
        font-size: 2rem;
        letter-spacing: -.06px
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listConts {
        width: 100%;
        margin-top: .75rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listConts li {
        font-size: 1rem;
        line-height: 1.5
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li {
        gap: .625rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li::before {
        width: .125rem;
        height: .125rem;
        margin-top: .438rem
    }

    .innerContentsWrap.invest.ir .infoList2 {
        flex-direction: column
    }

    .innerContentsWrap.invest.ir .infoList2 h2 {
        flex-basis: initial;
        margin-bottom: 2.5rem
    }

    .innerContentsWrap.invest.ir .infoList2 ol li {
        flex-direction: column;
        padding: 3.5rem 0 3.5rem 0;
        row-gap: 2.5rem;
        border-bottom: none
    }

    .innerContentsWrap.invest.ir .infoList2 ol li:nth-of-type(2) {
        padding-top: 0;
        padding-bottom: 0
    }

    .innerContentsWrap.invest.ir .infoList2 ol li strong {
        width: 100%;
        padding-left: 3.5rem;
        font-size: 1.25rem;
        position: relative
    }

    .innerContentsWrap.invest.ir .infoList2 ol li strong::before {
        width: 3.5rem;
        height: 3.5rem;
        left: -7px
    }

    .innerContentsWrap.invest.ir .infoList2 ol li p {
        width: 100%;
        font-size: 1rem
    }

    .innerContentsWrap.invest.ir .infoList3 {
        margin-top: 7.5rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem {
        height: auto;
        display: block;
        background-color: transparent
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .thumbnail {
        width: 100%;
        border-radius: 30px
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .description {
        width: 100%;
        padding: 0;
        margin-top: 2rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .description p.subject {
        margin-bottom: 1.75rem;
        gap: 1rem;
        font-size: 1.25rem;
        flex-direction: row;
        justify-content: flex-start
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(1) .description p.subject,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(2) .description p.subject,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(3) .description p.subject,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(4) .description p.subject {
        margin-bottom: 1.75rem;
        font-size: 1.25rem;
        flex-direction: row;
        justify-content: flex-start
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(1) .description p.subject::after,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(2) .description p.subject::after,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(3) .description p.subject::after,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(4) .description p.subject::after {
        font-size: 2.5rem
    }

    .invest.ir .infoDiagram .diagramBox li .diagram .item_02 li:nth-of-type(1) span {
        left: 46.5%
    }

    .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span {
        left: 46.5%
    }
}

@media (max-width:768px) {
    .innerContentsWrap.invest.ir h2 {
        font-size: 1.5rem;
        line-height: 1.42
    }

    .innerContentsWrap.invest.ir h3 {
        font-size: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoHead {
        display: block;
        margin-top: 7.5rem
    }

    .innerContentsWrap.invest.ir .infoHead p {
        max-width: initial;
        font-size: 1rem;
        line-height: 1.5;
        margin-left: 0;
        margin-top: 1.2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram {
        margin-top: 5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox {
        margin-top: 2rem;
        flex-direction: column;
        row-gap: 3.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.first::after {
        width: 3rem;
        height: 3rem;
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li {
        width: 100%
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram {
        padding: 2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram p {
        font-size: 1rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
        padding: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li {
        width: 7.25rem;
        height: 7.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
        padding: 1.25rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox li span {
        font-size: .875rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart {
        row-gap: .75rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart .diagram {
        height: auto
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart span {
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 auto 1.25rem auto
    }

    .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart p {
        font-size: 1.125rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc {
        margin-top: 3.5rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:not(:nth-of-type(2)) {
        font-size: 1.5rem;
        line-height: 1.42;
        color: #666
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:nth-of-type(2) {
        font-size: 2rem
    }

    .innerContentsWrap.invest.ir .infoDiagram .chartDesc span {
        width: 2.5rem;
        height: 2.5rem;
        margin: 2rem auto
    }

    .innerContentsWrap.invest.ir .infoList {
        margin-top: 5rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap {
        margin-top: 2rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox {
        margin-top: 1.563rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem {
        display: block;
        padding: 0 0 2.125rem 0;
        margin: 0 0 1.563rem 0
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem:last-child {
        margin: 0 0 3.5rem 0
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listTitle span {
        display: none
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listTitle p {
        font-size: 2rem;
        letter-spacing: -.06px
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listConts {
        width: 100%;
        margin-top: .75rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem .listConts li {
        font-size: 1rem;
        line-height: 1.5
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li {
        gap: .625rem
    }

    .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li::before {
        width: .125rem;
        height: .125rem;
        margin-top: .438rem
    }

    .innerContentsWrap.invest.ir .infoList2 {
        flex-direction: column;
        margin-top: 7.5rem
    }

    .innerContentsWrap.invest.ir .infoList2 h2 {
        flex-basis: initial;
        margin-bottom: 2.5rem
    }

    .innerContentsWrap.invest.ir .infoList2 ol li {
        flex-direction: column;
        padding: 3.5rem 0 3.5rem 0;
        row-gap: 2.5rem;
        border-bottom: none
    }

    .innerContentsWrap.invest.ir .infoList2 ol li:nth-of-type(2) {
        padding-top: 0;
        padding-bottom: 0
    }

    .innerContentsWrap.invest.ir .infoList2 ol li:nth-of-type(3) {
        padding-bottom: 0
    }

    .innerContentsWrap.invest.ir .infoList2 ol li strong {
        width: 100%;
        padding-left: 3.5rem;
        font-size: 1.25rem;
        position: relative
    }

    .innerContentsWrap.invest.ir .infoList2 ol li strong::before {
        width: 3.5rem;
        height: 3.5rem;
        left: -7px
    }

    .innerContentsWrap.invest.ir .infoList2 ol li p {
        width: 100%;
        font-size: 1rem
    }

    .innerContentsWrap.invest.ir .infoList3 {
        margin-top: 7.5rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem {
        height: auto;
        display: block;
        background-color: transparent;
        margin-bottom: 2.5rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem:last-child {
        margin-bottom: 0
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .thumbnail {
        width: 100%;
        border-radius: 30px
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .description {
        width: 100%;
        padding: 0;
        margin-top: 2rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .description p.subject {
        margin-bottom: 1.75rem;
        gap: 1rem;
        font-size: 1.25rem;
        flex-direction: row;
        justify-content: flex-start
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem .description p.subject::before {
        font-size: 2.5rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(1) .description p.subject,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(2) .description p.subject,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(3) .description p.subject,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(4) .description p.subject {
        margin-bottom: 1.75rem;
        font-size: 1.25rem;
        flex-direction: row;
        justify-content: flex-start
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(1) .description p.subject::after,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(2) .description p.subject::after,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(3) .description p.subject::after,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(4) .description p.subject::after {
        font-size: 2.5rem
    }

    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(1) .description p.subject::before,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(2) .description p.subject::before,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(3) .description p.subject::before,
    .innerContentsWrap.invest.ir .infoList3 .listItem:nth-of-type(4) .description p.subject::before {
        font-size: 2.5rem;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .merger_mo .contentsWrap {
        padding: 0 !important
    }

    .merger_mo .contentsWrap .infoDiagram .mo-font125 {
        font-size: 1.25rem !important
    }

    .merger_mo .contentsWrap .infoDiagram .item_05 {
        margin: 0 !important
    }

    .invest.ir .infoDiagram .diagramBox li .diagram span+p {
        margin-top: 1.5rem
    }
}

@media (max-width:620px) {
    .invest.ir .infoDiagram .diagramBox li .diagram .item_02 li:nth-of-type(1) span {
        left: 45%
    }

    .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span {
        left: 45%
    }
}

@media (max-width:500px) {
    .invest.ir .infoDiagram .diagramBox li .diagram .item_02 li:nth-of-type(1) span {
        left: 43.5%
    }

    .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span {
        left: 43.5%
    }
}

@media (max-width:450px) {
    .invest.ir .infoDiagram .diagramBox li .diagram .item_02 li:nth-of-type(1) span {
        left: 42%
    }

    .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li>span {
        left: 42%
    }
}

section.invest .tabContents.tab_01_cont_6 {
    height: auto !important;
    position: absolute;
    z-index: -1;
    width: 100%
}

section.invest .tabContents.tab_01_cont_6.active {
    position: relative;
    z-index: 10
}

.cpnt_ownership_structure .heading {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.08px
}

.cpnt_ownership_structure .innerBox {
    display: flex;
    margin-top: 2.5rem
}

.cpnt_ownership_structure .chartArea {
    flex: 1;
    max-width: 45rem;
    width: 50%;
    padding-right: 7.5rem
}

.cpnt_ownership_structure .chartArea #chart-container {
    width: 100%;
    max-height: 45.5rem;
    height: calc(45vw + 8rem)
}

.cpnt_ownership_structure .chartArea #chart-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 8.75rem;
    height: 2.2375rem;
    width: 23.33%;
    height: 7%;
    background: url("data:image/svg+xml,%0A%3Csvg data-name='셀트리온 CI' xmlns='http://www.w3.org/2000/svg' width='140' height='35.772' viewBox='0 0 140 35.772'%3E%3Cpath data-name='패스 880214' d='M38.116 19.668h11.5v3.238h-6.118v2.7h5.6v3.245h-5.6v2.92h6.206v3.245H38.116z'/%3E%3Cpath data-name='패스 880215' d='M52.425 19.668h5.373v11.5h6.03v3.848h-11.4z'/%3E%3Cpath data-name='패스 880216' d='M65.535 19.668h5.379v11.5h6.03v3.848H65.535z'/%3E%3Cpath data-name='패스 880217' d='M88.807 19.594H76.023v1.138h5.759v14.356h1.341V20.731h5.759v-1.137z'/%3E%3Cpath data-name='패스 880218' d='M92.154 20.731h2.419c2.527 0 3.977 1.064 3.977 2.913 0 1.9-1.4 2.94-3.93 2.94h-2.466zm6.938 8.93a7.411 7.411 0 0 0-1.978-2.283 3.879 3.879 0 0 0 2.873-3.753c0-1.213-.5-4.031-5.163-4.031h-4.011v15.495h1.341v-7.358h1.992c1.836 0 2.405.271 4.214 3.117l2.676 4.207 1.457.034h.136z'/%3E%3Cpath data-name='패스 880219' d='M105.582 19.594h-1.267v15.495h1.341V19.594z'/%3E%3Cpath data-name='패스 880220' d='M115.752 34.038a6.694 6.694 0 1 1 6.741-6.694 6.668 6.668 0 0 1-6.741 6.694m-.041-14.648a7.952 7.952 0 1 0 8.218 7.947 7.977 7.977 0 0 0-8.218-7.947'/%3E%3Cpath data-name='패스 880221' d='M139.925 19.594h-1.267V32.88c-.257-.3-11.5-13.259-11.5-13.259l-1.07-.027h-.075v15.495h1.341V21.802c.257.3 11.524 13.252 11.524 13.252l1.043.027h.075V19.586h-.075z'/%3E%3Cpath data-name='패스 880222' d='M27.574 30.752a3.306 3.306 0 1 1 2.778-5.095h5.352a8.336 8.336 0 1 0 .095 3.049h-5.164a3.327 3.327 0 0 1-3.062 2.046'/%3E%3Cpath data-name='패스 880223' d='M166.856 226.958a4.7 4.7 0 1 1 4.7-4.7 4.693 4.693 0 0 1-4.7 4.7m0-12.852a8.157 8.157 0 1 0 8.157 8.157 8.157 8.157 0 0 0-8.157-8.157' transform='translate(-139.465 -214.106)' style='fill:%2350b848'/%3E%3Cpath data-name='패스 880224' d='M139.465 241.369a8.157 8.157 0 1 0 8.157-8.157 8.157 8.157 0 0 0-8.157 8.157' transform='translate(-139.465 -214.106)' style='fill:%2350b848'/%3E%3Cpath data-name='패스 880225' d='M147.663 229.173a6.9 6.9 0 1 1 6.89-6.9 6.9 6.9 0 0 1-6.89 6.9m0-15.041a8.15 8.15 0 1 0 8.15 8.15 8.158 8.158 0 0 0-8.15-8.15' transform='translate(-139.465 -214.106)' style='fill:%2350b848'/%3E%3C/svg%3E") no-repeat center center/100% auto
}

.cpnt_ownership_structure .chartArea .chart_tooltip {
    padding: 5px
}

.cpnt_ownership_structure .chartArea .chart_tooltip>* {
    display: inline-block;
    vertical-align: middle
}

.cpnt_ownership_structure .chartArea .chart_tooltip span {
    width: 14px !important;
    height: 14px !important;
    border-radius: 3px !important
}

.cpnt_ownership_structure .chartArea .chart_tooltip strong {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin-right: 5px
}

.cpnt_ownership_structure .chartArea .chart_tooltip b {
    font-size: 16px;
    font-weight: 700;
    color: #666
}

.cpnt_ownership_structure .chartArea .chart_tooltip b:last-child {
    margin-top: 10px
}

.cpnt_ownership_structure .tableArea {
    position: relative;
    flex: 1;
    height: 100%;
    max-width: 45rem
}

.cpnt_ownership_structure .tableArea caption {
    position: absolute;
    top: -3.75rem;
    right: 0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    color: #b8b8b8
}

@media (max-width:1023px) {
    .cpnt_ownership_structure .innerBox {
        display: block
    }

    .cpnt_ownership_structure .chartArea {
        max-width: 100%;
        width: 100%;
        padding-right: 0
    }

    .cpnt_ownership_structure .chartArea #chart-container {
        width: 80%;
        max-height: initial;
        height: 92vw;
        margin: 0 auto
    }

    .cpnt_ownership_structure .tableArea {
        max-width: 100%;
        margin-top: 7.5rem
    }

    .cpnt_ownership_structure .tableArea table {
        width: 100%
    }
}

@media (max-width:800px) {
    .cpnt_ownership_structure .chartArea #chart-container {
        width: 100%;
        height: calc(100vw + 7.5rem - 2.5rem)
    }
}

@media (max-width:540px) {
    .cpnt_ownership_structure {
        display: block
    }

    .cpnt_ownership_structure .tableArea table {
        width: 500px
    }
}

main#wrapper>section.product .tabNavWrap.type_02 {
    margin-bottom: 0
}

@media (max-width:768px) {
    main#wrapper>section.product .tabNavWrap.type_02 {
        margin-bottom: 1.563rem
    }
}

main#wrapper>section.product .tabNavWrap.type_02 {
    margin-top: 10rem
}

@media (max-width:1023px) {
    main#wrapper>section.product .tabNavWrap.type_02 {
        margin-top: 5rem
    }
}

.cpnt_product_headtext p {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.1px
}

@media (max-width:768px) {
    .cpnt_product_headtext p {
        font-size: 2rem;
        line-height: 1.38;
        letter-spacing: -.06px
    }
}

.cpnt_product_table .cpnt_divtable {
    margin-top: 2.5rem
}

@media (max-width:768px) {
    .cpnt_product_table .cpnt_divtable {
        margin-top: 1.5rem
    }
}

.cpnt_divtable .thead {
    display: flex;
    width: 100%;
    table-layout: fixed;
    border-top: solid .125rem #111;
    border-bottom: solid 1px #d2d2d2;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 2.125rem 0
}

.cpnt_divtable .thead b {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center
}

.cpnt_divtable .tbody>div {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: calc(10.625rem + 2px);
    height: auto;
    border-bottom: solid 1px #d2d2d2
}

.cpnt_divtable .tbody dd,
.cpnt_divtable .tbody dt {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.1875rem .5rem 2.1875rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.02px;
    text-align: left;
    word-break: keep-all;
    text-align: center;
    word-break: break-all
}

.cpnt_divtable .tbody .img img {
    max-width: 10.625rem;
    max-height: 10.625rem;
    object-fit: contain
}

.cpnt_divtable .tbody:not(:has(div))::after {
    content: "등록된 게시물이 없습니다";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 10rem;
    border-bottom: solid 1px #d2d2d2;
    font-size: 1.25rem;
    color: #999
}

html.en .cpnt_divtable .tbody:not(:has(div))::after {
    content: "No Data"
}

.cpnt_divtable.t-cell5 .tbody div>*,
.cpnt_divtable.t-cell5 .thead>* {
    flex-shrink: 0;
    text-align: center
}

.cpnt_divtable.t-cell5 .tbody div>:nth-child(1),
.cpnt_divtable.t-cell5 .thead>:nth-child(1) {
    flex-basis: 18%
}

.cpnt_divtable.t-cell5 .tbody div>:nth-child(2),
.cpnt_divtable.t-cell5 .thead>:nth-child(2) {
    flex-basis: 25%;
    padding: 0 0
}

.cpnt_divtable.t-cell5 .tbody div>:nth-child(3),
.cpnt_divtable.t-cell5 .thead>:nth-child(3) {
    flex-basis: 25%
}

.cpnt_divtable.t-cell5 .tbody div>:nth-child(4),
.cpnt_divtable.t-cell5 .thead>:nth-child(4) {
    flex: 1;
    word-break: keep-all
}

.cpnt_divtable.t-cell5 .tbody div>:nth-child(5),
.cpnt_divtable.t-cell5 .thead>:nth-child(5) {
    flex-basis: 15%
}

.cpnt_divtable.t-cell4 .tbody div>*,
.cpnt_divtable.t-cell4 .thead>* {
    flex-shrink: 0;
    text-align: center
}

.cpnt_divtable.t-cell4 .tbody div>:nth-child(1),
.cpnt_divtable.t-cell4 .thead>:nth-child(1) {
    flex-basis: 22%
}

.cpnt_divtable.t-cell4 .tbody div>:nth-child(2),
.cpnt_divtable.t-cell4 .thead>:nth-child(2) {
    flex-basis: 17%
}

.cpnt_divtable.t-cell4 .tbody div>:nth-child(3),
.cpnt_divtable.t-cell4 .thead>:nth-child(3) {
    flex: 1;
    word-break: keep-all
}

.cpnt_divtable.t-cell4 .tbody div>:nth-child(4),
.cpnt_divtable.t-cell4 .thead>:nth-child(4) {
    flex-basis: 12%
}

.cpnt_divtable.t-cell4i .tbody div>*,
.cpnt_divtable.t-cell4i .thead>* {
    flex-shrink: 0;
    text-align: center
}

.cpnt_divtable.t-cell4i .tbody div>:nth-child(1),
.cpnt_divtable.t-cell4i .thead>:nth-child(1) {
    flex-basis: 17%
}

.cpnt_divtable.t-cell4i .tbody div>:nth-child(2),
.cpnt_divtable.t-cell4i .thead>:nth-child(2) {
    flex-basis: 10.625rem;
    padding: 0 0
}

.cpnt_divtable.t-cell4i .tbody div>:nth-child(3),
.cpnt_divtable.t-cell4i .thead>:nth-child(3) {
    flex: 1
}

.cpnt_divtable.t-cell4i .tbody div>:nth-child(4),
.cpnt_divtable.t-cell4i .thead>:nth-child(4) {
    flex-basis: 25%
}

html.en .cpnt_divtable.t-cell3 .tbody div>:nth-child(1),
html.en .cpnt_divtable.t-cell3 .thead>:nth-child(1) {
    flex-basis: 27%
}

html.en .cpnt_divtable.t-cell3 .tbody div>:nth-child(2),
html.en .cpnt_divtable.t-cell3 .thead>:nth-child(2) {
    flex: 1
}

html.en .cpnt_divtable.t-cell3 .tbody div>:nth-child(3),
html.en .cpnt_divtable.t-cell3 .thead>:nth-child(3) {
    flex-basis: 27%
}

html.en .cpnt_divtable .btn_gconfirm {
    min-width: 30%;
    width: max-content
}

.cpnt_divtable.t-cell3 .tbody div>*,
.cpnt_divtable.t-cell3 .thead>* {
    flex-shrink: 0;
    text-align: center
}

.cpnt_divtable.t-cell3 .tbody div>:nth-child(1),
.cpnt_divtable.t-cell3 .thead>:nth-child(1) {
    flex-basis: 25%
}

.cpnt_divtable.t-cell3 .tbody div>:nth-child(2),
.cpnt_divtable.t-cell3 .thead>:nth-child(2) {
    flex: 1
}

.cpnt_divtable.t-cell3 .tbody div>:nth-child(3),
.cpnt_divtable.t-cell3 .thead>:nth-child(3) {
    flex-basis: 25%
}

html.en .cpnt_divtable.t-cell3 .tbody div>:nth-child(1),
html.en .cpnt_divtable.t-cell3 .thead>:nth-child(1) {
    flex-basis: 27%
}

html.en .cpnt_divtable.t-cell3 .tbody div>:nth-child(2),
html.en .cpnt_divtable.t-cell3 .thead>:nth-child(2) {
    flex: 1
}

html.en .cpnt_divtable.t-cell3 .tbody div>:nth-child(3),
html.en .cpnt_divtable.t-cell3 .thead>:nth-child(3) {
    flex-basis: 27%
}

html.en .cpnt_divtable .btn_gconfirm {
    min-width: 65%;
    width: max-content;
    text-align: center;
}

.cpnt_divtable table.cpnt_table_01 {
    display: block;
    width: 100%
}

.cpnt_divtable table.cpnt_table_01 thead {
    padding: 2.125rem 3.125rem
}

@media (max-width:1023px) {
    .cpnt_divtable .thead.isPc {
        display: flex !important
    }
}

@media (max-width:768px) {
    .cpnt_divtable .thead.isPc {
        display: none !important
    }

    .cpnt_divtable .tbody {
        border-top: solid 0 #cfcfcf
    }

    .cpnt_divtable .tbody>div {
        display: block;
        height: auto;
        border: solid 1px #cfcfcf;
        border-radius: 30px;
        padding: 2.35rem 2.5rem 2.16rem;
        text-align: center
    }

    .cpnt_divtable .tbody>div+div {
        margin-top: 20px
    }

    .cpnt_divtable .tbody dd:not(.img),
    .cpnt_divtable .tbody dt {
        display: flex;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -.02px;
        text-align: inherit
    }

    .cpnt_divtable .tbody dt {
        font-size: 1.125rem;
        font-weight: 700
    }

    .cpnt_divtable .tbody dd.img {
        width: 200px;
        min-height: 200px;
        margin-top: 0
    }

    .cpnt_divtable .tbody dd.img img {
        max-width: 100%;
        max-height: 100%
    }

    .cpnt_divtable .tbody dd.img+dd {
        margin-top: 1.2rem
    }

    .cpnt_divtable .tbody dt+dd {
        margin-top: 1rem;
        padding-top: 1.2rem
    }

    .cpnt_divtable .tbody dd+dd {
        margin-top: 1rem;
        padding-top: 1.2rem;
        border-top: 1px solid #e8e8e8
    }

    .cpnt_divtable .tbody dd+dd+dd {
        margin-top: 1rem;
        padding-top: 1.2rem;
        border-top: 1px solid #e8e8e8
    }

    .cpnt_divtable .tbody dd+dd+dd+dd {
        margin-top: 1rem;
        padding-top: .85rem;
        border-top: 1px solid #e8e8e8
    }

    .cpnt_divtable .tbody dd:last-child {
        margin-top: 1.25rem
    }

    .cpnt_divtable .tbody dd,
    .cpnt_divtable .tbody dt {
        padding: 0
    }

    .cpnt_divtable.t-noImg .tbody>div:nth-child(even) {
        background-color: #f8f8f8
    }
}

@media (min-width:1440px) {
    .recruit-Wrap_ft .contentsWrap {
        padding: 0 !important
    }

    .recruit-Wrap .contentsWrap {
        padding: 10rem 0 0 0 !important
    }

    .innerVisualWrap .future-main_img:nth-of-type(2) {
        display: none
    }

    .future-content {
        width: 1440px;
        margin: 0 auto;
        padding-top: 10rem
    }

    .future-content .section {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        z-index: 50;
        height: 740px
    }

    .future-content .section .h3-bold {
        font-size: 3.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.1px;
        color: #111
    }

    .future-content .section .i1 {
        height: 26.875rem;
        display: flex;
        align-items: center
    }

    .future-content .section .content-box {
        display: flex;
        align-items: center;
        margin-bottom: 15rem
    }

    .future-content .section .content-box img {
        width: 29rem;
        height: 26.875rem
    }

    .future-content .section .content-box .content-list {
        margin-left: 5.625rem;
        width: 22.875rem;
        position: relative;
        margin-right:5rem;
    }

    .future-content .section .content-box .content-list .content-txt .font-h5 {
        margin-bottom: 1.75rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .future-content .section .content-box .content-list .content-txt .font-b3 {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .future-content .section .content-box .content-list .content-txt .font-b3-mo {
        display: none
    }

    .future-content .section .content-box:last-child {
        margin-bottom: 0
    }

    .innerVisualWrap .recruit-main_img:nth-of-type(2) {
        display: none
    }

    .recruit-content {
        width: 1440px;
        margin: 0 auto
    }

    .recruit-content .recruit-item {
        display: flex;
        text-align: center
    }

    .recruit-content .recruit-item .item-box {
        position: relative;
        width: 25%;
        text-align: center;
        padding-top: 2.5rem;
        margin: 0 auto
    }

    .recruit-content .recruit-item .item-box .recruit-circle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2.5rem;
        height: 2.5rem;
        border: 1.5px solid #20c85a;
        background-color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        margin-left: -1.25rem;
        z-index: 2
    }

    .recruit-content .recruit-item .item-box .recruit-circle_atv {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2.5rem;
        height: 2.5rem;
        background-color: #20c85a;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #fff;
        margin-left: -1.25rem
    }

    .recruit-content .recruit-item .item-box hr {
        border: none;
        position: absolute;
        top: .75rem;
        left: 12.4rem;
        width: 20.175rem;
        height: .094rem;
        background-color: #d2d2d2
    }

    .recruit-content .recruit-item .item-box .font-h5 {
        margin-top: 1.5rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .recruit-content .recruit-item .item-box .font-b3 {
        word-break: keep-all;
        overflow-wrap: break-word;
        margin-top: 1.75rem;
        font-size: 0.9rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .recruit-content .recruit-item .item-box .recruit-border_mo {
        display: none
    }

    .recruit-content .recruit-item:nth-of-type(2) {
        margin-top: 9rem
    }

    .recruit-content .recruit-item:nth-of-type(2) .item-box:nth-of-type(1) {
        margin-left: 11.15rem
    }

    .recruit-content .recruit-item:nth-of-type(2) .item-box:last-child {
        margin-right: 11.15rem
    }

    .innerVisualWrap .jobinfo-main_img:nth-of-type(2) {
        display: none
    }

    .jobinfo-content {
        margin: 0 auto
    }

    .jobinfo-content .jobinfo-item .item-box {
        display: flex;
        justify-content: space-between
    }

    .jobinfo-content .jobinfo-item .item-box .font-h5 {
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list {
        width: 44.25rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri {
        display: flex;
        justify-content: end
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
        display: none
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button span {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        color: #fff;
        font-weight: 500
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button[class$=Solid]:hover {
        background-color: #111;
        border: 1px solid #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button.active {
        background-color: #20c85a;
        border: 1px solid #20c85a
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium {
        padding: .688rem 0;
        width: 7.4375rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium span {
        font-weight: 700
    }

    .jobinfo-content .jobinfo-item .item-box .item-list hr.ani02 {
        margin: 0;
        margin-top: 1.5rem;
        border: none;
        width: 44.25rem;
        height: .125rem;
        background-color: #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list {
        display: flex;
        align-items: center;
        margin: 3rem 0 3rem .5rem;
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .ico {
        position: absolute;
        top: 0;
        left: 0;
        width: 3.5rem;
        height: 3.5rem;
        background: url(/front/assets/common/images/recruit/ico_jobinfo_01.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold {
        margin: .75rem 0 0 7.125rem;
        font-size: 1.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        width: 27.5rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-btn {
        position: absolute;
        top: .75rem;
        right: 1rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-btn button {
        width: 2rem;
        height: 2rem;
        background: url(/front/assets/common/images/recruit/ico_arrow_down.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-item {
        display: none;
        width: 100%;
        margin-top: 2.813rem;
        font-size: 1.25rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-item .drop-item-list {
        margin-bottom: 1rem;
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-item .drop-item-list::before {
        position: absolute;
        top: 0;
        left: -1rem;
        content: "∙"
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-item .drop-item-list:last-child {
        margin-bottom: 0
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box hr.border-2 {
        margin: 0;
        border: none;
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list:last-child {
        display: flex;
        align-items: center;
        margin: 3rem 0 0 .5rem;
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list:last-child .ico {
        width: 3.5rem;
        height: 3.5rem;
        background: url(/front/assets/common/images/recruit/ico_jobinfo_02.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list.active .drop-item {
        display: block
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list.active .drop-btn button {
        background: url(/front/assets/common/images/recruit/ico_arrow_up.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list.active .ico-box .ico-list .drop-item {
        display: block
    }

    .jobinfo-content .jobinfo-item .item-box .item-list.active .ico-box .ico-list .drop-btn button {
        background: url(/front/assets/common/images/recruit/ico_arrow_up.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) {
        margin-top: 12.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_busin.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_permi.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_forest.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(4) .ico {
        background: url(/front/assets/common/images/recruit/ico_statis.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(5) .ico {
        background: url(/front/assets/common/images/recruit/ico_chemi.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) {
        margin-top: 12.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_DSDP.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_produc.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_ENG.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) {
        margin-top: 12.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_QA.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_QC.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) {
        margin-top: 12.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_S&OP.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_distri.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) {
        margin-top: 12.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_BM.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_finan.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_judic.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) {
        margin-top: 12.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_biobs.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_global.png) no-repeat center;
        background-size: contain
    }

    .innerVisualWrap .benefits-main_img:nth-of-type(2) {
        display: none
    }

    .benefits-content {
        width: 1440px;
        margin: 0 auto
    }

    .benefits-content .benefits-item .item-box {
        margin-bottom: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    .benefits-content .benefits-item .item-box .font-h4 {
        margin-bottom: 2rem;
        font-size: 2.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.08px;
        color: #111
    }

    .benefits-content .benefits-item .item-box img {
        margin-top: 5.5rem;
        width: 29rem;
        height: 17.625rem
    }

    .benefits-content .benefits-item .item-box .item-list .txt-box {
        width: 44.25rem
    }

    .benefits-content .benefits-item .item-box .item-list .txt-box hr {
        border: none;
        margin: 0 0 .5rem 0;
        width: 100%;
        height: .125rem;
        background-color: #111
    }

    .benefits-content .benefits-item .item-box .item-list .txt-box .h3-bold {
        position: relative;
        padding-left: 1.5rem;
        margin: 2.5rem 0 0 .5rem;
        font-size: 1.5rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        font-size: 1.25rem
    }

    .benefits-content .benefits-item .item-box .item-list .txt-box .h3-bold+.h3-bold {
        margin-top: 1.25rem
    }

    .benefits-content .benefits-item .item-box .item-list .txt-box .h3-bold::before {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: 0;
        width: .25rem;
        height: .25rem;
        background-color: #111;
        border-radius: 50%;
        font-size: 0;
        line-height: 0;
        z-index: 10;
        overflow: hidden
    }

    .benefits-content .benefits-item .item-box:nth-of-type(2) .item-list .txt-box .webf {
        display: block
    }

    .benefits-content .benefits-item .item-box:nth-of-type(2) .item-list .txt-box .mof {
        display: none
    }
}

@media (max-width:767px) {
    .recruit-Wrap_ft .contentsWrap {
        padding: 3rem 0 0 0 !important
    }

    .recruit-Wrap .contentsWrap {
        max-width: 767px
    }

    .innerVisualWrap .recruit-main_img:nth-of-type(1) {
        display: none
    }

    .future-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .future-content .h3-bold-box {
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        margin-bottom: 5rem
    }

    .future-content .section .h3-bold {
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .future-content .section .content-box {
        width: 100%
    }

    .future-content .section .content-box img {
        width: 90%;
        margin-left: 5%
    }

    .future-content .section .content-box .content-list {
        width: 90%;
        margin: 1.5rem 0 0 5%
    }

    .future-content .section .content-box .content-list .font-h5 {
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        margin-bottom: 1rem
    }

    .future-content .section .content-box .content-list .font-b3 {
        display: none
    }

    .future-content .section .content-box .content-list .font-b3-mo {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .future-content .section .group1 {
        margin-top: 1.5rem
    }

    .future-content .section .group1 .ico {
        background: url(/front/assets/common/images/recruit/ico_light@2x.png) no-repeat center;
        background-size: contain
    }

    .future-content .section .group2 {
        margin-top: 7.5rem
    }

    .future-content .section .group2 .ico {
        background: url(/front/assets/common/images/recruit/ico_eco@2x.png) no-repeat center;
        background-size: contain
    }

    .future-content .section .group3 {
        margin-top: 7.5rem
    }

    .future-content .section .group3 .ico {
        background: url(/front/assets/common/images/recruit/ico_fists@2x.png) no-repeat center;
        background-size: contain
    }

    .future-content .section .group4 {
        margin-top: 7.5rem
    }

    .future-content .section .group4 .ico {
        background: url(/front/assets/common/images/recruit/ico_earth@2x.png) no-repeat center;
        background-size: contain
    }

    .recruit-content {
        margin-top: 0 !important;
        width: 280px;
        margin: 0 auto
    }

    .recruit-content .recruit-item .item-box {
        height: 12rem;
        position: relative;
        display: flex
    }

    .recruit-content .recruit-item .item-box .recruit-circle {
        width: 2rem;
        height: 2rem;
        border: 1.5px solid #20c85a;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .recruit-content .recruit-item .item-box .recruit-circle_atv {
        width: 2rem;
        height: 2rem;
        background-color: #20c85a;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #fff
    }

    .recruit-content .recruit-item .item-box hr {
        border: none;
        position: absolute;
        top: 1.5rem;
        left: .95rem;
        width: .094rem;
        height: 10rem;
        background-color: #d2d2d2
    }

    .recruit-content .recruit-item .item-box .txt-box {
        margin-left: 1.5rem
    }

    .recruit-content .recruit-item .item-box .txt-box .font-h5 {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .recruit-content .recruit-item .item-box .txt-box .font-b3 {
        margin-top: 1rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .benefits-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .benefits-content .item-box .font-h4 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .benefits-content .item-box img {
        width: 80%;
        margin-left: 10%
    }

    .benefits-content .item-box .item-list {
        margin-bottom: 2rem
    }

    .benefits-content .item-box .item-list .txt-box hr.ani02 {
        border: none;
        margin: 0 0 .5rem 0;
        width: 100%;
        height: .125rem;
        background-color: #111
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold {
        margin: 2rem 3.5rem 0 .7rem;
        font-size: 1.125rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        word-break: keep-all;
        position: relative
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold::before {
        position: absolute;
        top: 0;
        left: -.7rem;
        content: "∙"
    }

    .benefits-content .item-box:nth-of-type(2) {
        margin-top: 9rem
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .webf {
        display: none
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .mof {
        display: block
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .h3-bold::before {
        position: absolute;
        top: 0;
        left: -.7rem;
        content: "∙"
    }

    .benefits-content .item-box:nth-of-type(3) {
        margin-top: 9rem
    }

    .benefits-content .item-box:nth-of-type(3) .item-list .txt-box .h3-bold.ani03:nth-of-type(2) {
        padding-right: 5rem
    }

    .benefits-content .item-box:nth-of-type(3) .item-list .txt-box .h3-bold::before {
        position: absolute;
        top: 0;
        left: -.7rem;
        content: "∙"
    }

    .jobinfo-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .jobinfo-content .jobinfo-item .item-box .font-h5.ani01 {
        display: none
    }

    .jobinfo-content .jobinfo-item .item-box .item-list {
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2.5rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        color: #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button span {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        color: #fff;
        font-weight: 500
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button[class$=Solid]:hover {
        background-color: #111;
        border: 1px solid #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button.active {
        background-color: #20c85a;
        border: 1px solid #20c85a
    }

    .jobinfo-content .jobinfo-item .item-box .item-list hr.ani02 {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
        height: .063rem;
        background-color: #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        margin: 2rem 0 2rem .25rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .ico {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.5rem;
        height: 2.5rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold {
        margin: .5rem 0 0 3.35rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        width: 70%
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item {
        display: none
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item .drop-item-list {
        margin-top: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666;
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item .drop-item-list::before {
        position: absolute;
        top: 0;
        left: -.7rem;
        content: "∙"
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item .drop-item-list:nth-of-type(1) {
        margin-top: 1.25rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-btn {
        position: absolute;
        top: .5rem;
        right: 1rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-btn button {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/recruit/ico_arrow_down.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list.active .drop-item {
        display: block
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list.active .drop-btn button {
        background: url(/front/assets/common/images/recruit/ico_arrow_up.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .border-2 {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2
    }

    .jobinfo-content .jobinfo-item .item-box .item-list.active .ico-box .ico-list .drop-item {
        display: block
    }

    .jobinfo-content .jobinfo-item .item-box .item-list.active .ico-box .ico-list .drop-btn button {
        background: url(/front/assets/common/images/recruit/ico_arrow_up.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_jobinfo_01.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_jobinfo_02.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .lg-pri button {
        max-width: 124.56px;
        min-width: 108px
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .lg-pri button span {
        white-space: nowrap
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_busin.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_permi.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_forest.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(4) .ico {
        background: url(/front/assets/common/images/recruit/ico_statis.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(5) .ico {
        background: url(/front/assets/common/images/recruit/ico_chemi.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_DSDP.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_produc.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_ENG.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_QA.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_QC.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_S&OP.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_distri.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .lg-pri button span {
        white-space: nowrap
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_BM.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_finan.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_judic.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .lg-pri button span {
        white-space: nowrap
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_biobs.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_global.png) no-repeat center;
        background-size: contain
    }
}

@media (min-width:768px) and (max-width:1439px) {
    .innerVisualWrap .recruit-main_img:nth-of-type(2) {
        display: none
    }

    .recruit-Wrap .contentsWrap {
        max-width: 1439px
    }

    .recruit-Wrap .contentsWrap .contentsBody {
        margin: 0 4.5rem
    }

    .future-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .future-content .h3-bold-box {
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        margin-bottom: 5rem
    }

    .future-content .section .it7 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 6%
    }

    .future-content .section .h3-bold {
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111
    }

    .future-content .section .content-box {
        width: 47%;
        margin-top: 2rem
    }

    .future-content .section .content-box img {
        width: 100%
    }

    .future-content .section .content-box .content-list {
        margin-top: 1.5rem
    }

    .future-content .section .content-box .content-list .font-h5 {
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        margin-bottom: 1.25rem
    }

    .future-content .section .content-box .content-list .font-b3 {
        display: none
    }

    .future-content .section .content-box .content-list .font-b3-mo {
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .future-content .section .group1 .ico {
        background: url(/front/assets/common/images/recruit/ico_light@2x.png) no-repeat center;
        background-size: contain
    }

    .future-content .section .group2 .ico {
        background: url(/front/assets/common/images/recruit/ico_eco@2x.png) no-repeat center;
        background-size: contain
    }

    .future-content .section .group3 {
        margin-top: 7.5rem
    }

    .future-content .section .group3 .ico {
        background: url(/front/assets/common/images/recruit/ico_fists@2x.png) no-repeat center;
        background-size: contain
    }

    .future-content .section .group4 {
        margin-top: 7.5rem
    }

    .future-content .section .group4 .ico {
        background: url(/front/assets/common/images/recruit/ico_earth@2x.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .jobinfo-content .jobinfo-item .item-box .font-h5.ani01 {
        display: none
    }

    .jobinfo-content .jobinfo-item .item-box .item-list {
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2.5rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
        font-size: 1.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        width: calc(100% - 7.4375rem)
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button span {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        color: #fff;
        font-weight: 500
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button[class$=Solid]:hover {
        background-color: #111;
        border: 1px solid #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button.active {
        background-color: #20c85a;
        border: 1px solid #20c85a
    }

    .jobinfo-content .jobinfo-item .item-box .item-list hr.ani02 {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
        height: .063rem;
        background-color: #111
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 2rem 0 2rem .25rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .ico {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.5rem;
        height: 2.5rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold {
        margin: .5rem 0 0 3.35rem;
        font-size: 1.125rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -.02px;
        width: 82%
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item {
        display: none
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item .drop-item-list {
        margin-top: .75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666;
        position: relative
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item .drop-item-list::before {
        position: absolute;
        top: 0;
        left: -.7rem;
        content: "∙"
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .h3-bold .drop-item .drop-item-list:nth-of-type(1) {
        margin-top: 1.25rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-btn {
        position: absolute;
        top: .5rem;
        right: 1rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .drop-btn button {
        width: 1.5rem;
        height: 1.5rem;
        background: url(/front/assets/common/images/recruit/ico_arrow_down.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list.active .drop-item {
        display: block
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list.active .drop-btn button {
        background: url(/front/assets/common/images/recruit/ico_arrow_up.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .border-2 {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
        height: .063rem;
        background-color: #111;
        opacity: .2
    }

    .jobinfo-content .jobinfo-item .item-box .item-list.active .ico-box .ico-list .drop-item {
        display: block
    }

    .jobinfo-content .jobinfo-item .item-box .item-list.active .ico-box .ico-list .drop-btn button {
        background: url(/front/assets/common/images/recruit/ico_arrow_up.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_jobinfo_01.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_jobinfo_02.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_busin.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_permi.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_forest.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(4) .ico {
        background: url(/front/assets/common/images/recruit/ico_statis.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .ico-box .ico-list:nth-of-type(5) .ico {
        background: url(/front/assets/common/images/recruit/ico_chemi.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_DSDP.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_produc.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_ENG.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_QA.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_QC.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_S&OP.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_distri.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) {
        margin-bottom: 7.5rem
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_BM.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_finan.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .ico-box .ico-list:nth-of-type(3) .ico {
        background: url(/front/assets/common/images/recruit/ico_judic.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .ico-box .ico-list:nth-of-type(1) .ico {
        background: url(/front/assets/common/images/recruit/ico_biobs.png) no-repeat center;
        background-size: contain
    }

    .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .ico-box .ico-list:nth-of-type(2) .ico {
        background: url(/front/assets/common/images/recruit/ico_global.png) no-repeat center;
        background-size: contain
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .recruit-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .recruit-item .item-box {
        position: relative;
        width: 40%
    }

    .recruit-item .item-box .recruit-circle {
        width: 2.5rem;
        height: 2.5rem;
        border: 1.5px solid #20c85a;
        background-color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .recruit-item .item-box hr {
        display: none
    }

    .recruit-item .item-box .font-h5 {
        margin-top: 1.5rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .recruit-item .item-box .font-b3 {
        margin-top: 1.75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .recruit-item .item-box .recruit-border_mo {
        display: none
    }

    .recruit-item .item-box:nth-child(even) {
        margin-top: 9.5rem
    }

    .recruit-item:nth-of-type(2) .item-box:last-child {
        width: 50%
    }

    .recruit-item:nth-of-type(2) .item-box:last-child .recruit-circle_atv {
        width: 2.5rem;
        height: 2.5rem;
        background-color: #20c85a;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #fff
    }

    .benefits-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .benefits-content .item-box {
        margin-bottom: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    .benefits-content .item-box .font-h4 {
        margin-bottom: 1rem;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .benefits-content .item-box img {
        margin-top: 3rem;
        width: 278.4px;
        height: 169.2px
    }

    .benefits-content .item-box .item-list {
        width: 50%
    }

    .benefits-content .item-box .item-list .txt-box {
        width: 100%
    }

    .benefits-content .item-box .item-list .txt-box hr {
        border: none;
        margin: 0 0 .5rem 0;
        width: 100%;
        height: .125rem;
        background-color: #111
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold {
        position: relative;
        padding-left: 1.5rem;
        margin: 2.5rem 0 0 .5rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #111
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold+.h3-bold {
        margin-top: 1.25rem
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold::before {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: 0;
        width: .25rem;
        height: .25rem;
        background-color: #111;
        border-radius: 50%;
        font-size: 0;
        line-height: 0;
        z-index: 10;
        overflow: hidden
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .webf {
        display: block
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .mof {
        display: none
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    .recruit-item {
        display: flex;
        text-align: center
    }

    .recruit-item .item-box {
        position: relative;
        width: 25%;
        text-align: center;
        padding-top: 2.5rem;
        margin: 0 auto
    }

    .recruit-item .item-box .recruit-circle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2.5rem;
        height: 2.5rem;
        border: 1.5px solid #20c85a;
        background-color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        margin-left: -1.25rem;
        z-index: 2
    }

    .recruit-item .item-box .recruit-circle_atv {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2.5rem;
        height: 2.5rem;
        background-color: #20c85a;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #fff;
        margin-left: -1.25rem
    }

    .recruit-item .item-box hr {
        border: none;
        position: absolute;
        top: .75rem;
        left: 50%;
        width: 50%;
        height: .094rem;
        background-color: #d2d2d2
    }

    .recruit-item .item-box .font-h5 {
        margin-top: 1.5rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: -.06px;
        color: #111
    }

    .recruit-item .item-box .font-b3 {
        margin-top: 1.75rem;
        font-size: 1rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: -.02px;
        color: #666
    }

    .recruit-item .item-box .recruit-border_mo {
        display: none
    }

    .recruit-item .item-box:nth-child(1) hr {
        width: 22.375rem
    }

    .recruit-item .item-box:nth-child(2) hr {
        width: 22.375rem
    }

    .recruit-item .item-box:nth-of-type(3) hr {
        width: 100%
    }

    .recruit-item .item-box:last-child {
        width: 13.875rem
    }

    .recruit-item:nth-of-type(2) {
        margin-top: 9rem
    }

    .recruit-item:nth-of-type(2) .item-box:nth-child(1) hr {
        width: 24.375rem
    }

    .recruit-item:nth-of-type(2) .item-box:nth-child(2) hr {
        width: calc(100% + 5rem)
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium {
        padding: .688rem 0;
        width: 7.4375rem
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium span {
        font-weight: 700
    }

    .benefits-content {
        margin-top: 2.5rem !important;
        margin: 0 auto
    }

    .benefits-content .item-box {
        margin-bottom: 12.5rem;
        display: flex;
        justify-content: space-between
    }

    .benefits-content .item-box .font-h4 {
        margin-bottom: 1rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: -.06px;
        color: #111
    }

    .benefits-content .item-box img {
        margin-top: 4rem;
        width: 348px;
        height: 211.5px
    }

    .benefits-content .item-box .item-list {
        width: 55%
    }

    .benefits-content .item-box .item-list .txt-box {
        width: 100%
    }

    .benefits-content .item-box .item-list .txt-box hr {
        border: none;
        margin: 0 0 .5rem 0;
        width: 100%;
        height: .125rem;
        background-color: #111
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold {
        position: relative;
        padding-left: 1.5rem;
        margin: 2.5rem 0 0 .5rem;
        font-size: 1.5rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: -.05px;
        text-align: left;
        color: #111;
        font-size: 1.25rem
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold+.h3-bold {
        margin-top: 1.25rem
    }

    .benefits-content .item-box .item-list .txt-box .h3-bold::before {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: 0;
        width: .25rem;
        height: .25rem;
        background-color: #111;
        border-radius: 50%;
        font-size: 0;
        line-height: 0;
        z-index: 10;
        overflow: hidden
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .webf {
        display: block
    }

    .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .mof {
        display: none
    }
}

@media (max-width:1023px) {
    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
        width: calc(100% - 5.75rem)
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium {
        padding: .51rem 0;
        width: 5.75rem;
        min-width: auto
    }

    .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium span {
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: -.01px
    }
}

header#header * {
    word-break: keep-all
}

.pg_main header#header {
    opacity: 0
}

.mainload .pg_main header#header {
    opacity: 1
}

.btn-point {
    display: none
}

@media (hover:hover) {
    .btn-point {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        width: 70px;
        height: 70px
    }

    .btn-point span:nth-child(1) {
        position: absolute;
        bottom: -70px;
        right: -70px;
        width: 70px;
        height: 70px;
        background: #fff;
        border-radius: 50% 0 0 0;
        transition: bottom .7s cubic-bezier(.785, .135, .15, .86), right .7s cubic-bezier(.785, .135, .15, .86), transform .3s
    }

    .btn-point span:nth-child(1)::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -40px;
        width: 40px;
        height: 40px;
        border-right: 1px solid #fff;
        box-sizing: content-box;
        background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%)
    }

    .btn-point span:nth-child(1)::after {
        content: "";
        position: absolute;
        top: -40px;
        right: 0;
        width: 40px;
        height: 40px;
        border-bottom: 1px solid #fff;
        box-sizing: content-box;
        background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%)
    }

    .btn-point span:nth-child(2) {
        overflow: hidden;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 60px;
        height: 60px;
        transform: scale(0);
        transform-origin: right bottom;
        transition: transform .6s cubic-bezier(.785, .135, .15, .86)
    }

    .btn-point span:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #000
    }

    .btn-point span:nth-child(2)::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/front/assets/common/images/main/icon-learn-more-white.svg) no-repeat center
    }

    [class*=-slide]:hover .btn-point span {
        --velocity: 0.8
    }

    [class*=-slide]:hover .btn-point span:nth-child(1) {
        bottom: 0;
        right: 0;
        transition: bottom calc(.7s * var(--velocity)) cubic-bezier(.785, .135, .15, .86), right calc(.7s * var(--velocity)) cubic-bezier(.785, .135, .15, .86), transform .3s;
        animation: icon-btn-ani calc(1.4s * var(--velocity)) calc(0s * var(--velocity)) both ease-out;
        transform-origin: right bottom
    }

    [class*=-slide]:hover .btn-point span:nth-child(2) {
        overflow: visible;
        transform: scale(1);
        transition: transform calc(.7s * var(--velocity)) calc(.05s * var(--velocity)) cubic-bezier(.785, .135, .15, .86)
    }

    [class*=-slide]:hover .btn-point span:nth-child(2)::before {
        animation: icon-btn-ani calc(1.35s * var(--velocity)) calc(.05s * var(--velocity)) both ease-out;
        transform-origin: right bottom
    }

    [class*=-slide]:hover .btn-point span:nth-child(2)::after {
        animation: icon-btn-ani calc(1.35s * var(--velocity)) calc(.05s * var(--velocity)) both ease-out;
        transform-origin: right bottom
    }

    @keyframes icon-btn-ani {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.1)
        }

        70% {
            transform: scale(.98)
        }

        100% {
            transform: scale(1)
        }
    }
}

.stack {
    display: block;
    position: relative;
    z-index: 1;
    perspective: 1200px;
    touch-action: pan-y;
    overflow: visible !important
}

.debug .stack {
    border: 1px solid red
}

.stack-wrapper {
    cursor: grab;
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: linear;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 0)
}

.debug .stack-wrapper {
    border: 1px solid #00f
}

.stack-slide {
    flex: none;
    flex-shrink: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: none !important;
    transition-property: transform, opacity, height;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.stack-slide a,
.stack-slide img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.firefox .stack-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 88;
    width: 100%;
    height: 100%
}

.debug .stack-slide {
    overflow: visible !important;
    border: 1px solid green
}

.debug .stack-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: -21px;
    width: 20px;
    height: 100%;
    background: red
}

.stack-pagination {
    z-index: 2;
    display: flex
}

.stack-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd
}

.stack-pagination-bullet-active {
    background-color: #000
}

.stack-navigation button {
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 32px;
    font-size: 0;
    opacity: .2
}

.stack-navigation button:hover {
    opacity: 1
}

.stack-navigation-prev {
    background: url(/front/assets/common/images/main/icon-swiper-next.png) no-repeat 55% center/100%;
    top: -50px;
    left: 100px;
    transform: rotate(-180deg)
}

.stack-navigation-next {
    background: url(/front/assets/common/images/main/icon-swiper-next.png) no-repeat 55% center/100%;
    bottom: -50px;
    left: 100px
}

.stack-rail {
    height: 395px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    min-width: 15%;
    margin-top: -197px
}

.main-container {
    --border-radius: 40px;
    --updown-padding: 160px;
    --side-padding: 88px;
    --visual-line-top: 0px;
    --visual-line-side: 0px;
    --visual-line-progress: 0%
}

@media screen and (min-width:1024px) and (max-height:1079px) {
    .main-container {
        --updown-padding: 100px
    }
}

@media (min-width:1024px) and (max-height:900px) {
    .main-container {
        --updown-padding: 80px
    }
}

@media (max-width:1023px) {
    .main-container {
        --border-radius: 20px;
        --updown-padding: 100px;
        --side-padding: 20px
    }
}

.main-container * {
    box-sizing: border-box;
    font-family: "Pretendard Variable", Pretendard;
    word-break: normal;
    overflow-wrap: break-word
}

.main-container::after {
    content: "";
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background: #fff;
    opacity: 1;
    transition: opacity .5s, visibility 0s .5s
}

.mainstart .main-container {
    --border-radius: 0px !important;
    --visual-line-top: 0px !important;
    --visual-line-side: 0px !important;
    --visual-line-progress: -100% !important
}

.mainready .main-container::after {
    opacity: 0;
    visibility: hidden
}

.mainload .main-container::after {
    display: none
}

.main-container section {
    position: relative;
    z-index: 6
}

.debug .main-container section {
    border: 1px solid #00f
}

.main-container section .inwrap {
    max-width: 2560px;
    height: 100%;
    margin: 0 auto
}

.main-container .sticky {
    overflow: hidden;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh
}

@media (min-width:1024px) and (max-height:700px) {
    .main-container .sticky {
        height: auto;
        min-height: 700px
    }
}

@media (max-width:1023px) and (max-height:600px) {
    .main-container .sticky {
        height: auto;
        min-height: 600px
    }
}

.main-container .cell-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    width: 100%;
    height: 100%;
    transform: translate3d(-50%, 0, 0)
}

.main-container .cell-wrap .bgs {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-container .cell-wrap .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: max(100%, 125vh);
    aspect-ratio: 1/.8;
    background: url(/front/assets/common/images/main/main_visual_bg.webp) no-repeat top center/100%
}

@media (max-width:1023px) {
    .main-container .cell-wrap .bg {
        min-width: 150vh
    }
}

.main-container .cell-wrap::before {
    content: "";
    position: absolute;
    top: max(0, var(--visual-line-top) - 1px);
    right: max(0, var(--visual-line-side) - 1px);
    top: calc(var(--visual-line-top) - 2px);
    right: var(--visual-line-side);
    width: var(--border-radius);
    height: var(--border-radius);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: radial-gradient(circle at 0 100%, transparent 71%, #fff 70%)
}

.main-container .cell-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--visual-line-top);
    background: #fff
}

.main-container .cell-wrap .sticky {
    overflow: hidden;
    min-height: 100vh
}

.mainready .main-container .cell-wrap .line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    border: var(--visual-line-side) solid #fff;
    border-top-width: 0
}

.mainready .main-container .cell-wrap .line::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    width: var(--border-radius);
    height: var(--border-radius);
    border-left: 1px solid #fff;
    box-sizing: content-box;
    background: radial-gradient(circle at 100% 0, transparent 71%, #fff 70%)
}

.mainready .main-container .cell-wrap .line::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -1px;
    width: var(--border-radius);
    height: var(--border-radius);
    border-right: 1px solid #fff;
    box-sizing: content-box;
    background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%)
}

.main-container .cell-wrap.pathend .line {
    opacity: 0
}

.main-container .cell {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-50%, -50%, 0);
    width: 1080px;
    height: 1080px
}

.windows .main-container .cell {
    transition: transform .2s ease-out
}

@media (min-width:1024px) {

    .main-container .cell .blur-1,
    .main-container .cell .blur-2 {
        position: absolute;
        aspect-ratio: 1/1;
        transform: scale(calc(.25 + (1 - var(--cell-opacity)) * .75));
        opacity: calc(1 - var(--cell-opacity))
    }

    .main-container .cell .blur-1::after,
    .main-container .cell .blur-2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .main-container .cell .blur-1 {
        top: -12%;
        left: -12%;
        width: 96%
    }

    .main-container .cell .blur-1::after {
        background-image: radial-gradient(circle at 50% 50%, rgba(144, 255, 200, .5), rgba(144, 255, 200, .5) 36%, rgba(144, 255, 200, 0) 71%)
    }

    .main-container .cell .blur-1.on::after {
        animation: blur-on-ani 2s 1s infinite both
    }

    .main-container .cell .blur-2 {
        top: -6%;
        left: -6%;
        width: 84%
    }

    .main-container .cell .blur-2::after {
        background-image: radial-gradient(circle at 50% 50%, rgba(52, 229, 255, .5), rgba(52, 229, 255, 0) 68%)
    }

    .main-container .cell .blur-2.on::after {
        animation: blur-on-ani 4s infinite both
    }

    @keyframes blur-on-ani {
        0% {
            opacity: 1;
            transform: scale(1)
        }

        50% {
            opacity: .5;
            transform: scale(1.5)
        }

        100% {
            opacity: 1;
            transform: scale(1)
        }
    }
}

@media (max-width:1023px) {
    .main-container .cell .blur {
        display: none
    }
}

.debug .main-container .cell {
    border: 1px solid red
}

.debug .main-container .cell .blur {
    border: 1px solid #000
}

.debug .main-container .cell .blur::after {
    border: 1px solid #00f
}

.main-container .cell .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: var(--cell-opacity);
    filter: blur(var(--cell-blur));
    transform: scale(calc((1 - var(--cell-opacity))/ 2 + 1))
}

.mobile .main-container .cell .video-wrap.ani video,
.safari .main-container .cell .video-wrap.ani video {
    animation: cell-ani1 5s infinite both ease-in-out;
    transform-origin: center
}

.main-container .cell .video-wrap.ani canvas {
    animation: cell-ani1 5s infinite both ease-in-out;
    transform-origin: center;
    background: 0 0
}

.debug .main-container .cell .video-wrap {
    border: 1px solid #00f
}

.main-container .cell video {
    position: fixed;
    top: -100px;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0
}

.mobile .main-container .cell video,
.safari .main-container .cell video {
    position: absolute;
    top: -7%;
    left: -7%;
    width: 114%;
    opacity: 1;
    height: 100%
}

.main-container .cell .canvas-area {
    position: absolute;
    top: -3%;
    left: -11%;
    width: 114%;
    aspect-ratio: 1/1;
    transform: scale(1.2)
}

.debug .main-container .cell .canvas-area {
    border: 1px solid red
}

.mobile .main-container .cell .canvas-area,
.safari .main-container .cell .canvas-area {
    display: none
}

@keyframes cell-ani1 {
    0% {
        transform: scale(1)
    }

    18% {
        transform: scale(1.08)
    }

    50% {
        transform: scale(1)
    }

    70% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1)
    }
}

.main-container [class*=cell-visual] {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    aspect-ratio: 1/1
}

.debug .main-container [class*=cell-visual] {
    border: 1px solid orange
}

.main-container [class*=cell-visual]>img,
.main-container [class*=cell-visual]>span>img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 120%
}

.main-container .section-header .title {
    font-size: 60px;
    font-weight: 700;
    color: #111;
    line-height: 1.4;
    text-align: left;
    letter-spacing: -.12px
}

.main-container .section-header .text {
    margin-top: 40px;
    font-size: 20px;
    font-weight: 500;
    color: #111;
    line-height: 1.7;
    letter-spacing: -.02px
}

@media (min-width:1024px) and (max-height:900px) {
    .main-container .section-header .title {
        font-size: 48px
    }
}

@media (max-width:1023px) {
    .main-container .section-header .title {
        font-size: 32px;
        letter-spacing: -.06px
    }

    .main-container .section-header .text {
        font-size: 16px
    }
}

.main-container .slide-tab {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px
}

.main-container .slide-tab ul {
    display: flex
}

.main-container .slide-tab li+li {
    margin-left: 24px
}

@media (max-width:1023px) {
    .main-container .slide-tab {
        justify-content: flex-start;
        margin-bottom: 24px
    }

    .main-container .slide-tab li+li {
        margin-left: 4px
    }
}

.main-container .slide-tab .btn {
    display: block;
    position: relative;
    padding: 16px 8px;
    font-size: 20px;
    font-weight: 700;
    color: #666;
    line-height: 1.5;
    transition: color .3s
}

@media (max-width:1023px) {
    .main-container .slide-tab .btn {
        padding: 12px 8px;
        font-size: 16px
    }
}

.main-container .slide-tab .btn::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #666;
    transition: left .3s cubic-bezier(.455, .03, .515, .955), width .3s cubic-bezier(.455, .03, .515, .955)
}

.main-container .slide-tab .btn:hover {
    color: #000
}

.main-container .slide-tab .btn.active {
    color: #000
}

.main-container .slide-tab .btn.active::after {
    left: 0;
    width: 100%;
    background-color: #111
}

.main-container .slide-nav {
    position: absolute;
    top: -80px;
    right: 0;
    width: 140px;
    height: 80px
}

.main-container .slide-nav [class*=swiper-button] {
    top: 0;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    background-color: #fff
}

.debug .main-container .slide-nav [class*=swiper-button] {
    border: 1px solid #111
}

.main-container .slide-nav [class*=swiper-button]::after {
    display: none
}

.main-container .slide-nav [class*=swiper-button].swiper-button-prev {
    left: 0;
    background: #fff url(/front/assets/common/images/main/icon-swiper-prev.svg) no-repeat 45% center/24px
}

.main-container .slide-nav [class*=swiper-button].swiper-button-next {
    right: 0;
    background: #fff url(/front/assets/common/images/main/icon-swiper-next.svg) no-repeat 55% center/24px
}

@media (max-width:1023px) {
    .main-container .slide-nav {
        width: 108px;
        height: 48px
    }

    .main-container .slide-nav [class*=swiper-button] {
        width: 48px;
        height: 48px;
        background-size: 19px !important
    }
}

.main-container .btn-more {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 1.42;
    letter-spacing: -.05px
}

.firefox .main-container .btn-more {
    font-weight: 700
}

@media (max-width:1023px) {
    .main-container .btn-more {
        font-size: 16px
    }
}

.main-container .btn-more .icon {
    overflow: hidden;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    padding: 0 8px;
    box-sizing: content-box
}

.main-container .btn-more .icon::after,
.main-container .btn-more .icon::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(/front/assets/common/images/main/icon-learn-more.svg) no-repeat center/contain;
    opacity: 1;
    transition: transform .5s cubic-bezier(.785, .135, .15, .86)
}

.main-container .btn-more .icon::before {
    right: 100%
}

@media (max-width:1023px) {
    .main-container .btn-more .icon {
        width: 20px;
        height: 20px;
        padding: 0 5px
    }
}

.main-container .btn-more:hover .icon::after,
.main-container .btn-more:hover .icon::before {
    transform: translate3d(100%, 0, 0)
}

.main-container .visual {
    position: relative;
    height: 200vh
}

.main-container .visual .cell-visual-1 {
    width: min(75vh, 50%);
    min-width: 540px;
    top: 50%;
    left: 10%;
    transform: translate3d(0, -40%, 0)
}

@media (min-width:1921px) {
    .main-container .visual .cell-visual-1 {
        left: 50%;
        transform: translate3d(-90%, -40%, 0)
    }
}

@media (max-width:1440px) {
    .main-container .visual .cell-visual-1 {
        left: 4%
    }
}

@media (max-width:1023px) {
    .main-container .visual .cell-visual-1 {
        left: 50%;
        width: 500px;
        min-width: unset;
        transform: translate3d(-90%, -40%, 0)
    }
}

@media (max-width:1023px) and (max-height:600px) {
    .main-container .visual .cell-visual-1 {
        width: 50%;
        min-width: 360px;
        top: 60%
    }
}

.main-container .visual .sticky {
    height: 100vh;
    min-height: unset
}

.main-container .visual .inwrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100vh;
    transform: translate3d(-50%, 0, 0);
    max-width: 100%
}

.main-container .visual .inwrap .section-header {
    position: absolute;
    top: calc(var(--visual-line-top) - 2px);
    left: calc(var(--visual-line-side) - 2px);
    z-index: 2;
    padding-right: 50px;
    padding-bottom: 20px;
    background: #fff;
    border-radius: 0 0 var(--border-radius) 0;
    transform: translate3d(var(--visual-line-progress), var(--visual-line-progress), 0);
    border-left: 2px solid #fff;
    border-top: 2px;
    box-sizing: content-box
}

@media (max-width:1023px) {
    .main-container .visual .inwrap .section-header {
        padding-right: 24px;
        padding-bottom: 16px
    }
}

.main-container .visual .inwrap .section-header .title {
    overflow: hidden;
    font-size: 60px;
    font-weight: 700;
    color: #111;
    line-height: 1.5
}

.main-container .visual .inwrap .section-header .title span {
    display: block;
    font: inherit;
    color: inherit;
    transform: translate3d(0, 100%, 0)
}

@media (max-width:1023px) {
    .main-container .visual .inwrap .section-header .title {
        font-size: 45px;
        line-height: 1.38
    }
}

@media (max-width:767px) {
    .main-container .visual .inwrap .section-header .title {
        font-size: 32px;
        width: 165px
    }
}

.main-container .visual .inwrap .section-header::before {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(var(--visual-line-progress) * -1 - 2px);
    width: var(--border-radius);
    height: var(--border-radius);
    border-left: 2px solid #fff;
    background: radial-gradient(circle at 100% 100%, transparent 71%, #fff 70%)
}

.main-container .visual .inwrap .section-header::after {
    content: "";
    position: absolute;
    top: calc(var(--visual-line-progress) * -1);
    left: 100%;
    width: var(--border-radius);
    height: var(--border-radius);
    background: radial-gradient(circle at 100% 100%, transparent 71%, #fff 70%)
}

.main-container .visual .inwrap .videos {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: var(--visual-line-top-fix) var(--visual-line-side-fix) 0;
    clip-path: inset(var(--visual-line-top) var(--visual-line-side) var(--visual-line-side) var(--visual-line-side) round var(--border-radius))
}

@media (max-width:1023px) {
    .main-container .visual .inwrap .videos {
        display: flex;
        justify-content: flex-end
    }
}

.main-container .visual .inwrap .videos video {
    width: 120%;
    height: 120%;
    object-fit: contain;
    object-position: 65% center
}

@media (min-width:1024px) and (max-height:700px) {
    .main-container .visual .inwrap .videos video {
        min-height: 540px
    }
}

@media (max-width:1023px) {
    .main-container .visual .inwrap .videos video {
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate3d(40%, -30%, 0);
        width: calc(150% - var(--side-padding) * 2);
        min-width: calc(900px - var(--side-padding) * 2);
        height: 100%;
        object-position: right center
    }
}

@media (max-width:1023px) and (max-height:600px) {
    .main-container .visual .inwrap .videos video {
        transform: translate3d(50%, -40%, 0);
        height: auto;
        aspect-ratio: 1/.5625
    }
}

.mainload .main-container .visual .inwrap .section-header .title span {
    transform: translate3d(0, 0, 0);
    transition: transform .5s
}

.main-container .business {
    --subsection-height: 200vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -100vh;
    padding-top: 450px;
    z-index: unset
}

@media (max-width:1023px) {
    .main-container .business {
        --subsection-height: auto;
        overflow: hidden;
        padding-top: 280px
    }
}

@media (min-width:1024px) and (max-height:700px) {
    .main-container .business {
        --subsection-height: min(700px, auto)
    }
}

.main-container .business>.cell-visual-1 {
    width: max(648px, 33.75vw);
    top: 0;
    right: 50%;
    transform: translate3d(0, 0, 0)
}

@media (max-width:1023px) {
    .main-container .business>.cell-visual-1 {
        width: 360px;
        top: -120px;
        transform: translate3d(40%, 0, 0)
    }
}

.main-container .business .bg-wrap {
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: calc(100% + 200vh);
    padding: 100vh 0
}

.main-container .business .bg-wrap .bg {
    position: relative;
    width: 100%;
    height: var(--subsection-height)
}

.main-container .business .section-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 6;
    margin-bottom: 210px
}

.main-container .business .section-header .title {
    font-size: 140px;
    font-weight: 600;
    color: #111;
    line-height: 1;
    letter-spacing: -.5px
}

.firefox .main-container .business .section-header .title {
    font-weight: 700
}

.main-container .business .section-header .text {
    width: 31.25rem;
    margin-top: 40px;
    font-size: 24px;
    font-weight: 500;
    color: #111;
    line-height: 1.42
}

.main-container .business .section-header .btn {
    margin-top: 56px
}

@media (max-width:1023px) {
    .main-container .business .section-header {
        width: calc(100% - var(--side-padding) * 2);
        max-width: 312px;
        transform: translateX(-80px)
    }

    .main-container .business .section-header .title {
        font-size: 50px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -.1px
    }

    .main-container .business .section-header .text {
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.75
    }

    .main-container .business .section-header .text br {
        display: none
    }

    .main-container .business .section-header .btn {
        margin-top: 24px
    }

    .main-container .business .section-header::after {
        content: "";
        position: absolute;
        top: -20vw;
        left: max(-600px, -140vw);
        z-index: -1;
        width: min(1000px, 220vw);
        aspect-ratio: 1/1;
        background-image: radial-gradient(circle at 50% 50%, rgba(52, 229, 255, .4), rgba(52, 229, 255, 0) 68%)
    }

    .debug .main-container .business .section-header::after {
        border: 1px solid red
    }
}

@media (max-width:767px) {
    .main-container .business .section-header {
        transform: translateX(0)
    }

    .main-container .business .section-header .text {
        width: auto
    }
}

.main-container .business .subsection {
    position: relative;
    z-index: 6;
    width: 100%;
    height: var(--subsection-height)
}

.main-container .business .subsection .sticky {
    overflow: visible;
    display: flex;
    align-items: center
}

@media (max-width:1023px) {
    .main-container .business .subsection .sticky {
        height: auto;
        min-height: 100vh
    }
}

.main-container .business .subsection .inwrap {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 100px var(--side-padding) 40px
}

@media (max-width:1023px) {
    .main-container .business .subsection .inwrap {
        display: block;
        padding: 100px var(--side-padding)
    }
}

.main-container .business .subsection .cell-visual-1 {
    top: var(--cell-top);
    left: var(--cell-left)
}

.main-container .business .subsection-header {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    max-width: 760px;
    padding-left: 147px;
    padding-right: 40px
}

@media (max-width:1640px) {
    .main-container .business .subsection-header {
        padding-left: 40px
    }
}

@media (max-width:1440px) {
    .main-container .business .subsection-header {
        padding-left: 0
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection-header {
        display: block;
        margin-bottom: 56px
    }
}

.main-container .business .subsection-header .title-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.main-container .business .subsection-header .title-wrap .num {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #111;
    line-height: 1.42
}

.firefox .main-container .business .subsection-header .title-wrap .num {
    font-weight: 700
}

.main-container .business .subsection-header .title-wrap .title {
    font-size: min(160px, 8vw);
    font-weight: 700;
    color: #111;
    line-height: 1.2
}

.en .main-container .business .subsection-header .title-wrap .title {
    font-size: min(90px, 4.7vw)
}

.main-container .business .subsection-header .title-wrap .subtitle {
    display: block;
    margin-top: 24px;
    font-size: 32px;
    font-weight: 500;
    color: #999;
    line-height: 1;
    letter-spacing: -.06px
}

@media (min-width:1024px) {
    .main-container .business .subsection-header .title-wrap .title {
        text-indent: -10px
    }
}

@media (max-width:1440px) {
    .main-container .business .subsection-header .title-wrap .title {
        font-size: 100px
    }

    .main-container .business .subsection-header .title-wrap .subtitle {
        font-size: 24px
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection-header .title-wrap {
        margin-bottom: 40px
    }

    .main-container .business .subsection-header .title-wrap .num {
        font-size: 14px;
        line-height: 1.6;
        font-weight: 700
    }

    .main-container .business .subsection-header .title-wrap .title {
        font-size: 60px
    }

    .en .main-container .business .subsection-header .title-wrap .title {
        font-size: 40px
    }

    .main-container .business .subsection-header .title-wrap .subtitle {
        margin-top: 8px;
        font-size: 14px;
        letter-spacing: -.01px
    }
}

.main-container .business .subsection-header .text-wrap .text {
    font-size: 20px;
    font-weight: 500;
    color: #111;
    line-height: 1.7
}

.main-container .business .subsection-header .text-wrap .text+.text {
    margin-top: 24px
}

.main-container .business .subsection-header .text-wrap .btn-more {
    margin-top: 40px
}

@media (max-width:1440px) {
    .main-container .business .subsection-header .text-wrap br {
        display: none
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection-header .text-wrap .text {
        font-size: 16px
    }

    .main-container .business .subsection-header .text-wrap .text+.text {
        margin-top: 16px
    }

    .main-container .business .subsection-header .text-wrap .btn-more {
        margin-top: 32px
    }
}

.main-container .business .subsection .slider {
    --slide-width: max(56vh, 600px);
    flex: none;
    position: relative;
    width: calc(var(--slide-width) + 90px);
    margin-top: -80px;
    margin-right: -88px;
    padding-top: 80px
}

.debug .main-container .business .subsection .slider {
    border: 1px solid #000;
    box-sizing: content-box
}

@media (min-width:1024px) and (max-height:750px) {
    .main-container .business .subsection .slider {
        --slide-width: max(50vh, 500px)
    }
}

@media (max-width:1440px) {
    .main-container .business .subsection .slider {
        --slide-width: max(40vh, 450px)
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider {
        --slide-width: max(40%, 360px);
        overflow: visible;
        width: 40%;
        min-width: 264px;
        max-width: 360px;
        margin-top: 0;
        margin-right: 0;
        padding-top: 0
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .slide-nav {
        display: none
    }
}

.main-container .business .subsection .slider .swiper {
    overflow: visible;
    width: 100%;
    width: var(--slide-width);
    margin: 0
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper {
        width: 100%
    }
}

.main-container .business .subsection .slider .swiper-wrapper {
    transition-timing-function: linear
}

.main-container .business .subsection .slider .swiper-slide {
    width: 100%;
    aspect-ratio: 1/1.0333;
    color: #fff;
    border-radius: var(--border-radius);
    overflow: hidden
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide {
        aspect-ratio: 1/1.3
    }
}

.main-container .business .subsection .slider .swiper-slide .content {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 64px 60px 60px;
    border-radius: var(--border-radius)
}

@media (max-width:1440px) {
    .main-container .business .subsection .slider .swiper-slide .content {
        padding: 40px
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide .content {
        padding: 24px
    }
}

.main-container .business .subsection .slider .swiper-slide .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.main-container .business .subsection .slider .swiper-slide .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.main-container .business .subsection .slider .swiper-slide .category {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, .6)
}

.main-container .business .subsection .slider .swiper-slide .category strong {
    margin-right: 10px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide .category strong {
        font-size: 28px;
        letter-spacing: -.06px
    }
}

.main-container .business .subsection .slider .swiper-slide .description .num {
    display: block;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 1.42;
    letter-spacing: -.05px
}

.firefox .main-container .business .subsection .slider .swiper-slide .description .num {
    font-weight: 700
}

.main-container .business .subsection .slider .swiper-slide .description .text {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    line-height: 1.38;
    letter-spacing: -.06px
}

.firefox .main-container .business .subsection .slider .swiper-slide .description .text {
    font-weight: 700
}

@media (max-width:1440px) {
    .main-container .business .subsection .slider .swiper-slide .description .num {
        margin-bottom: 24px
    }

    .main-container .business .subsection .slider .swiper-slide .description .text {
        font-size: 24px
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide .description .num {
        margin-bottom: 20px;
        font-size: 14px
    }

    .main-container .business .subsection .slider .swiper-slide .description .text {
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: -.02px
    }

    .main-container .business .subsection .slider .swiper-slide .description br {
        display: none
    }
}

.main-container .business .subsection .slider .swiper-slide.move {
    transform: translate3d(var(--x), 0, 0) !important;
    transition: all 0s !important
}

.main-container .business .subsection .deco {
    position: absolute;
    top: var(--deco-top);
    left: var(--deco-left);
    z-index: -1;
    opacity: 0;
    transition: transform 1s, opacity 1s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.debug .main-container .business .subsection .deco {
    border: 1px solid green
}

.main-container .business .subsection.active .deco {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transition: transform 2s, opacity 2s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.main-container .business .research .cell-visual-1 {
    width: max(344px, 18%)
}

.main-container .business .research-bg::after,
.main-container .business .research-bg::before {
    content: "";
    position: absolute;
    z-index: -1;
    aspect-ratio: 1/1
}

.main-container .business .research-bg::before {
    top: -20vw;
    right: -5vw;
    width: min(1200px, 60%);
    background-image: radial-gradient(circle at 50% 50%, rgba(52, 229, 255, .5), transparent 68%)
}

.main-container .business .research-bg::after {
    top: 10%;
    left: -40%;
    width: min(1800px, 90%);
    background-image: radial-gradient(circle at 50% 50%, rgba(52, 229, 255, .45), transparent 68%)
}

@media (max-width:1023px) {
    .main-container .business .research-bg::before {
        top: 10vw;
        right: -50%;
        width: 100%
    }

    .main-container .business .research-bg::after {
        top: 70%;
        width: 100%
    }
}

.main-container .business .research .deco {
    top: -50px;
    left: 20%;
    width: min(270px, 20%, 30vh);
    aspect-ratio: 1/.98;
    background: url(/front/assets/common/images/main/main_business_research_deco.png) no-repeat center/contain;
    transform: translate3d(-100px, -100px, 0);
    transition: transform .6s, opacity .6s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

@media (max-width:1023px) {
    .main-container .business .research .deco {
        top: -30px;
        left: 180px;
        width: 164px
    }
}

.main-container .business .research.active .deco {
    transition: transform 1s, opacity 1s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.main-container .business .production .cell-visual-1 {
    width: max(370px, 19.3%)
}

.main-container .business .production .slider .swiper-slide .content {
    justify-content: flex-end
}

.main-container .business .production-bg::after,
.main-container .business .production-bg::before {
    content: "";
    position: absolute;
    z-index: -1;
    aspect-ratio: 1/1
}

.main-container .business .production-bg::before {
    top: -10%;
    right: -20%;
    width: min(1200px, 60%);
    background-image: radial-gradient(circle at 50% 50%, rgba(144, 255, 200, .5), rgba(144, 255, 200, .5) 36%, transparent 71%)
}

.main-container .business .production-bg::after {
    bottom: -30%;
    right: -20%;
    width: min(1800px, 90%);
    background-image: radial-gradient(circle at 50% 50%, rgba(52, 229, 255, .5), transparent 55%)
}

@media (max-width:1023px) {
    .main-container .business .production-bg::before {
        top: -5%;
        right: -80%;
        width: 120%
    }

    .main-container .business .production-bg::after {
        top: 80%;
        right: -80%;
        width: 130%
    }
}

.main-container .business .production .deco {
    width: min(360px, 28%, 46vh);
    aspect-ratio: 1/.86;
    background: url(/front/assets/common/images/main/main_business_production_deco.png) no-repeat center/contain;
    opacity: 0;
    transform: translate3d(100px, 100px, 0) rotate(-5deg)
}

@media (max-width:1023px) {
    .main-container .business .production .deco {
        left: auto;
        right: -50px;
        width: 240px
    }
}

.main-container .business .distribution .cell-visual-1 {
    width: max(306px, 16%)
}

.main-container .business .distribution .slider .swiper-slide .content {
    justify-content: flex-end
}

.main-container .business .distribution-bg::after,
.main-container .business .distribution-bg::before {
    content: "";
    position: absolute;
    z-index: -1;
    aspect-ratio: 1/1
}

.main-container .business .distribution-bg::before {
    top: 30%;
    left: 20%;
    width: min(1600px, 80%);
    background-image: radial-gradient(circle at 50% 50%, rgba(144, 255, 200, .35), rgba(144, 255, 200, .35) 36%, transparent 65%)
}

.main-container .business .distribution-bg::after {
    top: -40%;
    left: -50%;
    width: min(2000px, 100%);
    background-image: radial-gradient(circle at 50% 50%, rgba(52, 229, 255, .55), transparent 55%)
}

@media (max-width:1023px) {
    .main-container .business .distribution-bg::before {
        top: 60%;
        left: -10vh;
        width: auto;
        height: 40%
    }

    .main-container .business .distribution-bg::after {
        display: none
    }
}

.main-container .business .distribution .deco {
    width: min(392px, 30%, 50vh);
    aspect-ratio: 1/1;
    background: url(/front/assets/common/images/main/main_business_distribution_deco.png) no-repeat center/contain;
    opacity: 0;
    transform: translate3d(40px, -100px, 0) scale(.9)
}

@media (max-width:1023px) {
    .main-container .business .distribution .deco {
        top: -80px;
        left: auto;
        right: -100px;
        width: 260px
    }
}

.main-container .business.active .section-header::after {
    animation: blur-only-scale 3s infinite both ease-in-out
}

.main-container .business.active .research-bg::before {
    animation: bounce-left 4s infinite both ease-in-out
}

.main-container .business.active .research-bg::after {
    animation: bounce-right 5s 1s infinite both reverse ease-in-out
}

.main-container .business.active .production-bg::before {
    animation: bounce-left 5s infinite both ease-in-out reverse
}

.main-container .business.active .production-bg::after {
    animation: bounce-left 4s 1s infinite both ease-out
}

.main-container .business.active .distribution-bg::before {
    animation: bounce-left 4s infinite both ease-in-out
}

.main-container .business.active .distribution-bg::after {
    animation: bounce-right 5s .5s infinite both ease-out
}

@keyframes blur-only-scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bounce-left {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: .6
    }

    20% {
        transform: scale(1.1) translate3d(-6%, 6%, 0);
        opacity: .9
    }

    42% {
        transform: scale(.8) translate3d(-14%, 0, 0);
        opacity: .75
    }

    65% {
        transform: scale(1.2) translate3d(-10%, -8%, 0);
        opacity: 1
    }

    82% {
        transform: scale(1.1) translate3d(-4%, -4%, 0);
        opacity: .9
    }

    100% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: .6
    }
}

@keyframes bounce-right {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: .5
    }

    20% {
        transform: scale(1.12) translate3d(6%, -6%, 0);
        opacity: .9
    }

    42% {
        transform: scale(.95) translate3d(24%, 0, 0);
        opacity: .8
    }

    65% {
        transform: scale(1.18) translate3d(20%, 12%, 0);
        opacity: .85
    }

    82% {
        transform: scale(1.05) translate3d(10%, 5%, 0);
        opacity: .7
    }

    100% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: .5
    }
}

.main-container .products {
    height: 200vh
}

@media (min-width:1024px) and (max-height:700px) {
    .main-container .products {
        height: auto;
        min-height: 700px
    }
}

@media (max-width:1023px) and (max-height:600px) {
    .main-container .products {
        height: auto;
        min-height: 600px
    }
}

.main-container .products .cell-visual-1 {
    top: var(--cell-top);
    right: 20%;
    width: max(500px, 26vw)
}

.main-container .products .inwrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--updown-padding) var(--side-padding)
}

.main-container .products .is-dragging {
    pointer-events: none
}

.main-container .products .section-header {
    margin-bottom: 56px
}

.main-container .products .section-header .btn-more {
    margin-top: 40px
}

@media (max-width:1023px) {
    .main-container .products .section-header {
        margin-bottom: 100px
    }

    .main-container .products .section-header .btn-more {
        margin-top: 32px
    }
}

@media (max-width:1023px) and (max-height:640px) {
    .main-container .products .section-header {
        margin-bottom: 40px
    }
}

.main-container .products .contents .slider {
    position: relative;
    z-index: 2;
    width: calc(100% + var(--side-padding))
}

.main-container .products .contents .slider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    width: calc((100vw - 100%)/ 2);
    height: 100%;
    background: linear-gradient(to right, transparent, #fff 60%)
}

.main-container .products .contents .slider>[class*=slide-] {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.main-container .products .contents .slider>[class*=slide-]:first-child {
    position: relative
}

.main-container .products .contents .slider>[class*=slide-]:not(.active) {
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
    opacity: 0
}

.main-container .products .contents .slider>[class*=slide-]:not(.active) .stack-slide a {
    transform: translate3d(15%, 0, 0);
    opacity: 0
}

.main-container .products .contents .slider>[class*=slide-].active {
    visibility: visible;
    z-index: 2;
    opacity: 1
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide a {
    transform: translate3d(0, 0, 0);
    transition: transform .4s ease-out, opacity .4s ease-out
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="0"] a {
    transition-delay: 0s
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="1"] a {
    transition-delay: .12s
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="2"] a {
    transition-delay: .24s
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="3"] a {
    transition-delay: .36s
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="4"] a {
    transition-delay: .48s
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="5"] a {
    transition-delay: .6s
}

.main-container .products .contents .slider>[class*=slide-].active .stack-slide[data-index="6"] a {
    transition-delay: .72s
}

.main-container .products .contents .slider>[class*=slide-].slide-pipeline .stack-slide img,
.main-container .products .contents .slider>[class*=slide-].slide-pipeline .swiper-slide img {
    object-fit: cover
}

.main-container .products .contents .slider .stack,
.main-container .products .contents .slider .swiper {
    overflow: hidden;
    width: 80%;
    margin: 0 0 0 auto
}

@media (max-width:1023px) {

    .main-container .products .contents .slider .stack,
    .main-container .products .contents .slider .swiper {
        width: 100%
    }
}

.main-container .products .contents .slider .stack-pagination,
.main-container .products .contents .slider .swiper-pagination {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    width: auto;
    min-width: 100%;
    max-width: 272px;
    height: auto
}

.main-container .products .contents .slider .stack-pagination::-webkit-scrollbar,
.main-container .products .contents .slider .swiper-pagination::-webkit-scrollbar {
    width: 4px
}

.main-container .products .contents .slider .stack-pagination::-webkit-scrollbar-thumb,
.main-container .products .contents .slider .swiper-pagination::-webkit-scrollbar-thumb {
    background-color: #111;
    border-radius: 2px
}

.main-container .products .contents .slider .stack-pagination::-webkit-scrollbar-track,
.main-container .products .contents .slider .swiper-pagination::-webkit-scrollbar-track {
    background-color: #b8b8b8;
    border-radius: 2px
}

.main-container .products .contents .slider .stack-pagination-bullet,
.main-container .products .contents .slider .swiper-pagination-bullet {
    width: auto;
    height: auto;
    padding: 12px 24px 12px 48px;
    margin: 0 0 6px;
    border-radius: 0;
    background-color: transparent;
    font-size: 18px;
    font-weight: 700;
    color: #999;
    line-height: 1.4;
    text-align: left;
    opacity: 1;
    transition: color .3s;
    white-space: nowrap
}

.main-container .products .contents .slider .stack-pagination-bullet:last-child,
.main-container .products .contents .slider .swiper-pagination-bullet:last-child {
    margin-bottom: 0
}

.main-container .products .contents .slider .stack-pagination-bullet-active,
.main-container .products .contents .slider .stack-pagination-bullet.active,
.main-container .products .contents .slider .swiper-pagination-bullet-active,
.main-container .products .contents .slider .swiper-pagination-bullet.active {
    color: #000;
    font-size: 20px;
    background: #f8f8f8;
    border-radius: 10px;
    position: relative
}

.main-container .products .contents .slider .stack-pagination-bullet-active::before,
.main-container .products .contents .slider .stack-pagination-bullet.active::before,
.main-container .products .contents .slider .swiper-pagination-bullet-active::before,
.main-container .products .contents .slider .swiper-pagination-bullet.active::before {
    position: absolute;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4a78ff;
    border-radius: 50%;
    left: 24px;
    top: 22px
}

.main-container .products .contents .slider .stack-pagination button,
.main-container .products .contents .slider .swiper-pagination button {
    font: inherit;
    color: inherit;
    text-align: left
}

@media screen and (max-height:1079px) {

    .main-container .products .contents .slider .stack-pagination-bullet,
    .main-container .products .contents .slider .swiper-pagination-bullet {
        margin-bottom: 6px;
        padding: 12px 24px 12px 48px
    }
}

@media (max-width:1023px) {

    .main-container .products .contents .slider .stack-pagination,
    .main-container .products .contents .slider .swiper-pagination {
        display: none
    }
}

@media (hover:hover) {

    .main-container .products .contents .slider .stack-pagination-bullet:hover,
    .main-container .products .contents .slider .swiper-pagination-bullet:hover {
        color: #444
    }
}

.main-container .products .contents .slider .stack-slide,
.main-container .products .contents .slider .swiper-slide {
    --bg-color: #f8f8f8;
    width: min(32%, 35vh);
    min-width: 280px;
    height: auto;
    aspect-ratio: 1/1.2765;
    transform-origin: left
}

@media (max-width:1023px) {

    .main-container .products .contents .slider .stack-slide,
    .main-container .products .contents .slider .swiper-slide {
        width: max(208px, 35%);
        height: auto;
        aspect-ratio: 1/1.35
    }
}

.main-container .products .contents .slider .stack-slide a,
.main-container .products .contents .slider .swiper-slide a {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.main-container .products .contents .slider .stack-slide .content,
.main-container .products .contents .slider .swiper-slide .content {
    overflow: hidden;
    background-color: var(--bg-color);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 40px 40px 48px
}

.main-container .products .contents .slider .stack-slide .content strong,
.main-container .products .contents .slider .swiper-slide .content strong {
    position: relative;
    z-index: 2;
    font-size: 32px;
    font-weight: 600;
    color: #111;
    line-height: 1.38;
    letter-spacing: -.06px;
    text-align: center;
    white-space: nowrap
}

.firefox .main-container .products .contents .slider .stack-slide .content strong,
.firefox .main-container .products .contents .slider .swiper-slide .content strong {
    font-weight: 700
}

.main-container .products .contents .slider .stack-slide .content figure,
.main-container .products .contents .slider .swiper-slide .content figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    clip-path: circle(25%);
    transition: clip-path .8s cubic-bezier(.39, .575, .565, 1);
    background-color: var(--bg-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.main-container .products .contents .slider .stack-slide .content img,
.main-container .products .contents .slider .swiper-slide .content img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.main-container .products .contents .slider .stack-slide .content span,
.main-container .products .contents .slider .swiper-slide .content span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 1.5;
    letter-spacing: -.02px;
    text-align: center
}

@media (max-width:1023px) {

    .main-container .products .contents .slider .stack-slide .content,
    .main-container .products .contents .slider .swiper-slide .content {
        padding: 32px 20px
    }

    .main-container .products .contents .slider .stack-slide .content strong,
    .main-container .products .contents .slider .swiper-slide .content strong {
        font-size: 20px;
        line-height: 1.5
    }

    .main-container .products .contents .slider .stack-slide .content figure,
    .main-container .products .contents .slider .swiper-slide .content figure {
        clip-path: circle(25% at 50% 46%)
    }

    .main-container .products .contents .slider .stack-slide .content span,
    .main-container .products .contents .slider .swiper-slide .content span {
        font-size: 13px
    }

    .main-container .products .contents .slider .stack-slide .content br,
    .main-container .products .contents .slider .swiper-slide .content br {
        display: none
    }
}

@media (hover:hover) {

    .main-container .products .contents .slider .stack-slide:hover .content figure,
    .main-container .products .contents .slider .swiper-slide:hover .content figure {
        clip-path: circle(100%)
    }
}

@media (max-width:1800px) {
    .main-container .products .contents .slider .stack {
        width: 78%
    }

    .main-container .products .contents .slider .stack-rail {
        min-width: 240px
    }

    .main-container .products .contents .slider .stack-navigation-prev {
        top: -48px
    }

    .main-container .products .contents .slider .stack-navigation-next {
        bottom: -48px
    }
}

@media (max-width:1280px) {
    .main-container .products .contents .slider .stack-rail {
        display: none
    }

    .main-container .products .contents .slider .stack-navigation {
        display: none
    }

    .main-container .products .contents .slider .stack {
        width: 100%
    }
}

.main-container .products.leastHeight {
    height: auto;
    min-height: 700px
}

.main-container .products.leastHeight .sticky {
    height: auto
}

@media (min-width:1024px) and (max-height:900px) {
    .main-container .products .section-header {
        margin-bottom: 24px
    }

    .main-container .products .slide-tab {
        margin-bottom: 36px
    }
}

.main-container .global {
    height: 200vh;
    z-index: 5
}

@media (min-width:1024px) and (max-height:700px) {
    .main-container .global {
        height: auto;
        min-height: 700px
    }
}

@media (max-width:1023px) and (max-height:600px) {
    .main-container .global {
        height: auto;
        min-height: 600px
    }
}

.main-container .global .sticky .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    background: url(/front/assets/common/images/main/main-global-bg.webp) no-repeat center/cover
}

@media (max-width:1023px) {
    .main-container .global .sticky {
        overflow: visible;
        height: auto
    }
}

.main-container .global .inwrap {
    position: relative;
    padding: var(--updown-padding) var(--side-padding)
}

@media (max-width:1023px) {
    .main-container .global .inwrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: visible;
        padding-bottom: 2rem
    }
}

.leastHeight .main-container .global .inwrap {
    min-height: inherit
}

.main-container .global .section-header {
    color: #fff
}

.main-container .global .section-header .text,
.main-container .global .section-header .title {
    color: inherit;
    transition: color .7s cubic-bezier(.19, 1, .22, 1)
}

.main-container .global .section-header .btn-more {
    margin-top: 40px;
    color: #fff
}

.main-container .global .section-header .btn-more .icon::after,
.main-container .global .section-header .btn-more .icon::before {
    background: url(/front/assets/common/images/main/icon-learn-more-white.svg) no-repeat center/contain
}

@media (max-width:1023px) {
    .main-container .global .section-header {
        margin-bottom: 50px
    }

    .main-container .global .section-header .btn-more {
        margin-top: 32px
    }
}

@media (max-width:1023px) and (max-height:640px) {
    .main-container .global .section-header {
        margin-bottom: 40px
    }
}

.main-container .global .map {
    --svg-path-clip: 0%;
    position: absolute;
    bottom: 100px;
    right: 120px;
    width: 62.5%;
    max-width: 1200px;
    aspect-ratio: 1/.585
}

.main-container .global .map::after {
    content: "";
    display: block;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(/front/assets/common/images/main/main-global-map.webp) no-repeat center/cover
}

@media (min-width:1024px) and (max-height:750px) {
    .main-container .global .map {
        width: min(120vh, 50vw)
    }
}

@media (max-width:1440px) {
    .main-container .global .map {
        bottom: 60px;
        right: 40px;
        min-width: 600px
    }
}

@media (max-width:1023px) {
    .main-container .global .map {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        min-width: 0;
        margin-top: 2rem
    }
}

.main-container .global .map .lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-container .global .map .lines svg {
    width: 100%;
    height: 100%
}

.main-container .global .map .lines .pin {
    opacity: 0
}

.main-container .global .map .lines .line-africa {
    clip-path: circle(var(--svg-path-clip) at 100% 30%)
}

.main-container .global .map .lines .line-oceania {
    clip-path: circle(var(--svg-path-clip) at 0 0)
}

.main-container .global .map .lines .line-latin {
    clip-path: circle(var(--svg-path-clip) at 100% 18%)
}

.main-container .global .map .lines .line-na {
    clip-path: circle(var(--svg-path-clip) at 100% 100%)
}

.main-container .global .map .lines .line-asia {
    clip-path: circle(var(--svg-path-clip) at 100% 0)
}

.main-container .global .map .lines .line-europe {
    clip-path: circle(var(--svg-path-clip) at 100% 100%)
}

.main-container .global .map .pins {
    position: relative;
    z-index: 2
}

.main-container .global .map .pins .pin {
    --point-size: 24px;
    position: absolute
}

.main-container .global .map .pins .pin::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: var(--point-size);
    height: var(--point-size);
    background: url(/front/assets/common/images/main/main-global-pin.svg) no-repeat center/contain
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin {
        --point-size: 12px
    }
}

.main-container .global .map .pins .pin .location {
    position: absolute;
    top: -10px;
    left: 16px;
    width: 105px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin .location {
        top: -7px;
        left: 8px;
        font-size: 10px
    }
}

.main-container .global .map .pins .pin .location::after,
.main-container .global .map .pins .pin .location::before {
    display: inline-block;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    box-shadow: 0 3px 10px 0 rgba(17, 17, 17, .2);
    border-radius: 30px;
    background-color: #fff
}

@media (max-width:1440px) {

    .main-container .global .map .pins .pin .location::after,
    .main-container .global .map .pins .pin .location::before {
        width: 90px;
        height: 35px
    }

    .contact-container {
        max-width: 100%;
        margin: 0;
        border-radius: 0
    }
}

@media (max-width:1023px) {

    .main-container .global .map .pins .pin .location::after,
    .main-container .global .map .pins .pin .location::before {
        width: 70px;
        height: 24px
    }
}

@media (max-width:767px) {

    .main-container .global .map .pins .pin .location::after,
    .main-container .global .map .pins .pin .location::before {
        width: 48px;
        height: 16px
    }
}

.main-container .global .map .pins .pin .wave {
    position: relative;
    z-index: -1
}

.main-container .global .map .pins .pin .wave span::after,
.main-container .global .map .pins .pin .wave span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(3 * var(--point-size));
    height: calc(3 * var(--point-size));
    transform: translate3d(-50%, -50%, 0) scale(1);
    background-color: rgba(90, 20, 222, .6);
    border-radius: 50%;
    opacity: 0
}

.main-container .global .map .pins .pin[data-location="Latin America"] .location {
    width: 64px
}

.main-container .global .map .pins .pin[data-location="Latin America"] .location::after {
    content: "";
    top: calc(100% + 15px);
    left: 0;
    transform: translate3d(-30%, 0, 0);
    background: #fff url(/front/assets/common/images/main/main-global-logo-stein.webp) no-repeat center/62%
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location="Latin America"] .location {
        width: 31px
    }

    .main-container .global .map .pins .pin[data-location="Latin America"] .location::after {
        top: calc(100% + 5px)
    }
}

.main-container .global .map .pins .pin[data-location="North America"] .location::after {
    content: "";
    top: calc(100% + 10px);
    left: -15px;
    background: #fff url(/front/assets/common/images/main/main-global-logo-pfizer.webp) no-repeat center/53%
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location="North America"] .location::after {
        top: calc(100% + 5px)
    }
}

.main-container .global .map .pins .pin[data-location=Europe] .location::after {
    content: "";
    top: -10px;
    left: 5px;
    transform: translate3d(0, -100%, 0);
    background: #fff url(/front/assets/common/images/main/main-global-logo-hikma.webp) no-repeat center/50%
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location=Europe] .location::after {
        top: -2px
    }
}

.main-container .global .map .pins .pin[data-location="Middle East & Africa"] .location::after {
    content: "";
    top: -12px;
    left: 30%;
    transform: translate3d(0, -100%, 0);
    background: #fff url(/front/assets/common/images/main/main-global-logo-teva.webp) no-repeat center/45%
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location="Middle East & Africa"] .location {
        width: 60px
    }

    .main-container .global .map .pins .pin[data-location="Middle East & Africa"] .location::after {
        top: -2px;
        left: 20%
    }
}

.main-container .global .map .pins .pin[data-location="Korea (HQ)"]::before {
    --point-size: 8px;
    border-radius: 50%;
    background: #fff
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location="Korea (HQ)"]::before {
        --point-size: 6px
    }
}

.main-container .global .map .pins .pin[data-location="Korea (HQ)"] .location {
    top: 0;
    left: 0;
    font-size: 0;
    width: 0;
    height: 0
}

.main-container .global .map .pins .pin[data-location="Korea (HQ)"] .location::before {
    content: "";
    top: -10px;
    left: 50%;
    transform: translate3d(-50%, -100%, 0);
    background: #fff url(/front/assets/common/images/main/main-global-logo-ci.webp) no-repeat center/65%
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location="Korea (HQ)"] .location::before {
        top: -15px
    }
}

.main-container .global .map .pins .pin[data-location="Korea (HQ)"] .location::after {
    content: "";
    top: 0;
    left: 10px;
    background: #fff url(/front/assets/common/images/main/main-global-logo-kayaku.webp) no-repeat center/58%
}

@media (max-width:1023px) {
    .main-container .global .map .pins .pin[data-location="Korea (HQ)"] .location::after {
        left: 15px
    }
}

.main-container .global .lines [class*=line-] {
    transition: clip-path 1.5s cubic-bezier(.19, 1, .22, 1)
}

.main-container .global .pins .pin::before {
    opacity: 0;
    transition: opacity .5s
}

.main-container .global .pins .pin .location {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    transition: opacity .5s, transform .5s
}

.main-container .global .pins .pin .location::after,
.main-container .global .pins .pin .location::before {
    opacity: 0;
    transition: opacity .5s .5s
}

.main-container .global:not(.active) .lines .line {
    --svg-path-clip: 0% !important
}

.main-container .global.active:not(.finish) .map.active .pins .pin .wave span::after,
.main-container .global.active:not(.finish) .map.active .pins .pin .wave span::before {
    animation: pin-wave 3s cubic-bezier(1, 2, .66, 3) infinite
}

.main-container .global.active:not(.finish) .map.active .pins .pin .wave span:nth-child(1)::before {
    animation-delay: 0s
}

.main-container .global.active:not(.finish) .map.active .pins .pin .wave span:nth-child(1)::after {
    animation-delay: .5s
}

.main-container .global.active:not(.finish) .map.active .pins .pin .wave span:nth-child(2)::before {
    animation-delay: 1s
}

.main-container .global.active:not(.finish) .map.active .pins .pin .wave span:nth-child(2)::after {
    animation-delay: 1.5s
}

.main-container .global.active .map.active .pins .pin[data-location="Korea (HQ)"]::before {
    opacity: 1
}

.main-container .global.active .map.active .pins .pin[data-location="Korea (HQ)"] .location {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.main-container .global.active .map.active .pins .pin[data-location="Korea (HQ)"] .location::before {
    opacity: 1;
    transition-delay: 0s
}

.main-container .global.active .pins.active .pin::before {
    opacity: 1
}

.main-container .global.active .pins.active .pin .location {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.main-container .global.active .pins.active .pin .location::after,
.main-container .global.active .pins.active .pin .location::before {
    opacity: 1
}

@keyframes pin-wave {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(.1)
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(1)
    }
}

.main-container .magazine {
    height: 300vh
}

@media (min-width:1024px) and (max-height:700px) {
    .main-container .magazine {
        height: auto;
        min-height: 700px
    }
}

@media (max-width:1023px) and (max-height:600px) {
    .main-container .magazine {
        height: auto;
        min-height: 600px
    }
}

.main-container .magazine .sticky {
    overflow: visible;
    z-index: 2
}

.main-container .magazine .sticky::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 2%;
    z-index: -1;
    width: 100vh;
    height: 100vh;
    opacity: .3;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    background-image: radial-gradient(circle at 50% 50%, #90ffc8, #90ffc8 38%, rgba(144, 255, 200, 0) 74%)
}

.main-container .magazine .sticky::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100vh;
    height: 100vh;
    opacity: .2;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    background-image: radial-gradient(circle at 50% 50%, #34e5ff, rgba(52, 229, 255, 0) 72%)
}

.main-container .magazine .sticky .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    transform: translate3d(0, 0, 0);
    width: 100%;
    height: 200vh;
    background-image: linear-gradient(to bottom, #dbf0f0, #eff7f5 50%, transparent 60%);
    transition: transform 1s cubic-bezier(.39, .575, .565, 1)
}

.main-container .magazine .inwrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--updown-padding) var(--side-padding)
}

@media (max-width:1023px) and (max-height:640px) {
    .main-container .magazine .inwrap {
        padding: 70px var(--side-padding) 40px
    }
}

.main-container .magazine .section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.main-container .magazine .section-header .btn-more {
    margin-top: 40px
}

@media (min-width:1024px) {
    .main-container .magazine .section-header .btn-more {
        font-size: 24px
    }

    .main-container .magazine .section-header .btn-more .icon {
        width: 24px;
        height: 24px
    }
}

@media (max-width:1023px) {
    .main-container .magazine .section-header .btn-more {
        margin-top: 0
    }
}

.main-container .magazine .cards {
    overflow: visible;
    position: relative;
    width: 100%;
    height: 55vh;
    min-height: 420px;
    max-height: 640px;
    margin-top: 120px
}

@media (min-width:1024px) and (max-height:750px) {
    .main-container .magazine .cards {
        margin-top: 60px
    }
}

@media (max-width:1023px) {
    .main-container .magazine .cards {
        min-height: 320px;
        margin-top: 70px
    }
}

.main-container .magazine .cards .card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 56px;
    border-radius: var(--border-radius);
    border: solid 2px rgba(255, 255, 255, .5);
    background-color: #fff;
    transform-origin: top
}

.main-container .magazine .cards .card:nth-child(1) {
    position: relative;
    transform: scale(.9) translate3d(0, -80px, 0);
    background-color: #f4f4f4
}

.main-container .magazine .cards .card:nth-child(2) {
    transform: scale(.95) translate3d(0, -40px, 0);
    background-color: #f8f8f8
}

@media (max-width:1023px) {
    .main-container .magazine .cards .card {
        padding: 32px
    }

    .main-container .magazine .cards .card:nth-child(1) {
        transform: scale(.9) translate3d(0, -32px, 0)
    }

    .main-container .magazine .cards .card:nth-child(2) {
        transform: scale(.95) translate3d(0, -16px, 0)
    }
}

.main-container .magazine .cards .card a {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center
}

@media (max-width:1023px) {
    .main-container .magazine .cards .card a {
        flex-direction: column
    }
}

.main-container .magazine .cards .card .images {
    overflow: hidden;
    width: 46%;
    height: 100%;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/.68;
    max-height: 503px
}

.main-container .magazine .cards .card .images img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform .5s, opacity .5s
}

@media (max-width:1023px) {
    .main-container .magazine .cards .card .images {
        width: fit-content;
        aspect-ratio: 1/.68;
        max-height: 360px;
        max-width: 530px;
        width: 100%
    }
}

.main-container .magazine .cards .card .texts {
    width: 54%
}

.main-container .magazine .cards .card .texts strong {
    display: -webkit-box;
    font-size: 32px;
    font-weight: 700;
    color: #111;
    line-height: 1.38;
    letter-spacing: -.06px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden
}

.main-container .magazine .cards .card .texts p {
    margin-top: 26px;
    font-size: 20px;
    font-weight: 500;
    color: #666;
    line-height: 1.7;
    letter-spacing: -.02px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 6em;
    line-height: 1.5;
    white-space: normal
}

@media (min-width:1024px) {
    .main-container .magazine .cards .card .texts {
        padding-left: 70px
    }
}

@media (max-width:1023px) {
    .main-container .magazine .cards .card .texts {
        width: 100%;
        margin-top: 20px
    }

    .main-container .magazine .cards .card .texts strong {
        font-size: 24px;
        line-height: 1.4
    }

    .main-container .magazine .cards .card .texts p {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 3em;
        line-height: 1.5;
        white-space: normal
    }
}

@media (hover:hover) {
    .main-container .magazine .cards .card:hover .images img {
        transform: scale(1.03);
        opacity: .9
    }
}

.main-container .magazine.finish .cards {
    overflow: hidden
}

.main-container .magazine.finish .bg {
    transform: translate3d(0, -100vh, 0);
    transition: transform .5s cubic-bezier(.47, 0, .745, .715)
}

.leastHeight .main-container .magazine .sticky .bg {
    height: 200%
}

.leastHeight .main-container .magazine .cards {
    height: auto;
    max-height: none
}

.leastHeight .main-container .magazine .cards .card {
    position: relative;
    height: 450px;
    margin-bottom: 24px;
    transform: scale(1) translate3d(0, 0, 0) !important;
    background-color: #fff !important
}

@media (max-width:1023px) {
    .leastHeight .main-container .magazine .cards .card {
        height: 60%
    }
}

@media (max-width:1023px) {
    .leastHeight .main-container .magazine {
        margin-bottom: 20px
    }
}

.main-container .news {
    overflow: hidden
}

.main-container .news .inwrap {
    padding: var(--updown-padding) var(--side-padding)
}

.main-container .news .section-header {
    margin-bottom: 100px
}

.main-container .news .slide-btns {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px
}

.main-container .news .slide-btns .slide-tab {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .main-container .news {
        min-height: 100vh;
        padding-bottom: 260px
    }
}

@media (min-width:1024px) and (max-height:750px) {
    .main-container .news .section-header {
        margin-bottom: 60px
    }
}

@media (max-width:1023px) {
    .main-container .news {
        padding-bottom: 230px
    }

    .main-container .news .section-header {
        margin-bottom: 42px
    }
}

.main-container .news .slider {
    position: relative
}

.main-container .news .slider>[class*=slide-] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-container .news .slider>[class*=slide-]:first-child {
    position: relative
}

.main-container .news .slider>[class*=slide-]:not(.active) {
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
    opacity: 0
}

.main-container .news .slider>[class*=slide-]:not(.active) .swiper-slide {
    transform: translate3d(20%, 0, 0);
    opacity: 0
}

.main-container .news .slider>[class*=slide-].active {
    visibility: visible;
    z-index: 2;
    opacity: 1
}

.main-container .news .slider>[class*=slide-].active .swiper-slide {
    transform: translate3d(0, 0, 0);
    transition: transform .6s ease-out, opacity .6s ease-out
}

.main-container .news .slider>[class*=slide-].active .swiper-slide[data-index="0"] {
    transition-delay: .15s
}

.main-container .news .slider>[class*=slide-].active .swiper-slide[data-index="1"] {
    transition-delay: .3s
}

.main-container .news .slider>[class*=slide-].active .swiper-slide[data-index="2"] {
    transition-delay: .45s
}

.main-container .news .slider>[class*=slide-].active .swiper-slide[data-index="3"] {
    transition-delay: .6s
}

.main-container .news .slider>[class*=slide-].active .swiper-slide[data-index="4"] {
    transition-delay: .75s
}

.main-container .news .slider .slide-nav {
    top: -100px
}

@media (max-width:1023px) {
    .main-container .news .slider .slide-nav {
        top: calc(100% + 20px)
    }
}

.main-container .news .slider .swiper {
    overflow: visible
}

.main-container .news .slider .swiper-slide {
    overflow: hidden;
    border-radius: 20px;
    background-color: #f4f4f4;
    width: calc(33% - 13.33px);
    max-width: 600px;
    min-width: 400px
}

@media (max-width:1023px) {
    .main-container .news .slider .swiper-slide {
        width: 100%;
        min-width: 100%
    }
}

.main-container .news .slider .swiper-slide a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    aspect-ratio: 1/.8;
    padding: 40px
}

@media (min-width:1024px) {
    .main-container .news .slider .swiper-slide a {
        min-height: 360px
    }
}

@media (max-width:1023px) {
    .main-container .news .slider .swiper-slide a {
        width: 100%;
        min-width: 100%;
        max-height: 45vh;
        aspect-ratio: unset;
        min-height: 360px;
        padding: 32px
    }
}

.main-container .news .slider .swiper-slide .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    height: 100%;
    background-color: #20c85a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    opacity: 0;
    clip-path: circle(0);
    transition: opacity .5s, clip-path .5s;
    transition-timing-function: cubic-bezier(.55, .09, .68, .53)
}

.main-container .news .slider .swiper-slide .bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.main-container .news .slider .swiper-slide .content {
    padding-bottom: 20px
}

.main-container .news .slider .swiper-slide .content strong {
    display: block;
    width: 80%;
    margin-bottom: 32px;
    font-size: 32px;
    font-weight: 600;
    color: #111;
    line-height: 1.4;
    letter-spacing: -.06px;
    transition: color .5s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 4.2em;
    white-space: normal
}

.firefox .main-container .news .slider .swiper-slide .content strong {
    font-weight: 700
}

.main-container .news .slider .swiper-slide .content p {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    line-height: 1.5;
    letter-spacing: -.02px;
    transition: color .5s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    white-space: normal
}

@media (max-width:1023px) {
    .main-container .news .slider .swiper-slide .content strong {
        margin-bottom: 20px;
        font-size: 20px;
        letter-spacing: -.02px;
        -webkit-line-clamp: 2;
        height: 2.8em
    }

    .main-container .news .slider .swiper-slide .content p {
        font-size: 14px;
        -webkit-line-clamp: 3;
        height: 4.5em
    }
}

.main-container .news .slider .swiper-slide .date {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    padding-top: 12px;
    transition: opacity .5s
}

.main-container .news .slider .swiper-slide .date::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
    transition: width .5s, left .5s
}

.main-container .news .slider .swiper-slide .date strong {
    overflow: hidden;
    display: block;
    font-size: 40px;
    font-weight: 700;
    color: #111;
    line-height: 1;
    letter-spacing: -.08px
}

.main-container .news .slider .swiper-slide .date span {
    overflow: hidden;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    line-height: 1.5;
    letter-spacing: -.01px;
    text-align: right
}

@media (max-width:1023px) {
    .main-container .news .slider .swiper-slide .date>strong {
        font-size: 32px
    }

    .main-container .news .slider .swiper-slide .date>span span {
        font-size: 14px;
        line-height: 1.14
    }
}

@media (hover:hover) {
    .main-container .news .slider .swiper-slide:hover .bg {
        opacity: 1;
        clip-path: circle(100%)
    }

    .main-container .news .slider .swiper-slide:hover .content strong {
        color: #fff
    }

    .main-container .news .slider .swiper-slide:hover .content p {
        color: #fff
    }

    .main-container .news .slider .swiper-slide:hover .date {
        opacity: 0
    }
}

.cookie-policy .title2,
.cookie-policy .title1 {
    cursor: pointer;
    background-color: #f0f0f0;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    width: 90%;
    margin: 0 auto;
}

.cookie-policy {
    position: relative;
}

.toggle-switch {
    position: absolute;
    top: 10px;
    right: 53px;
}

.cookie-policy .title2:hover,
.cookie-policy .title1:hover {
    background-color: #e0e0e0;
}


.cookie-policy .content2,
.cookie-policy .content1 {
    display: none;
    padding: 5px;
    background-color: white;
    margin-top: 5px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;

}

.cookie-policy .content2>p,
.cookie-policy .content1>p,
.cookiepop,
.leavingspan,
.leavingpop,
.text,
.title,
.scene1 {
    word-break: keep-all;
    /* 단어 단위로 줄바꿈 */
    overflow-wrap: break-word;
    /* 컨테이너를 벗어나지 않도록 */
    white-space: normal;
    /* 일반적인 줄바꿈 허용 */
    line-height: 1.5;
}

.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
    margin-left: 10px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.arrow {
    display: inline-block;
    transition: transform 0.3s ease;
    /* 애니메이션 추가 */
}

.arrow.down {
    transform: rotate(90deg);
    /* 아래로 향하는 화살표 */
}




.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -5px;
    right: 4px;
    bottom: 0;
    transition: 0.4s;
    border-radius: 20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}


input:checked+.slider {
    background-color: #4CAF50;
}

input:checked+.slider:before {
    transform: translateX(14px);
}


.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.cpntFooter .btnGroup {
    display: flex;
    justify: center;
}

.tab12 {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 7.5rem;
    margin-top: 4.125rem;
}

.tab123 {

    overflow: hidden;
}

.tab12 .tab123 li:first-child {
    margin-left: 0;
}

.tab12 .tab123 li {
    position: relative;
    display: inline-block;
    padding: 0 .5rem .884rem .5rem;
}

.tab12 .tab123 li a {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -.02px;
    color: #b8b8b8;
    font-weight: 700;
}

.tab12 .tab123 li.active a {
    color: #111;
}

.tab12 .tab123 li.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    font-size: 0;
    line-height: 0;
    background-color: #111;
    overflow: hidden;
}

.product-detail-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.product-title>h1 {
    font-size: 36px !important;
    font-weight: bold !important;
    text-align: center;
    margin-bottom: 20px;
}

.product-content {
    display: grid;
    gap: 50px;
    width: 100%;
    align-items: flex-start;
    padding-bottom: 5rem;
    padding-top: 3rem;
}

.product-image {
    flex: 1;
    max-width: 770px;
    border: 1px solid #ddd;
    max-width: 300px;
    max-height: 300px;
    position: relative;
}

.product-image img {
    max-width: 100%;
    /* 부모 요소에 맞게 이미지 크기 조정 */
    height: auto;
    /* 비율 유지 */
    display: block;

    padding: 5px;
    background-color: #fff;

}

.section.basic-info {
    flex: 1;
}

.product-info-sections {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}

.section {}

.btnGroup2 {
    margin-top: 20px;
    text-align: right;
    width: 100%;
}

.sectionbox {
    border: 1px solid #f9f9f9;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 5px;
    display: inline-block;
    width: 15%;
    border-radius: 13px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .24);
    margin: 0 0.5rem;
    margin-top: 2rem;
}

.slider1234 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* 버튼 위치 유지 */
    height: 300px;
    /* 부모 요소의 높이 설정 */
    width: 100%;
}

button.prev {
    position: absolute;
    top: 45%;
    left: 10px;
}

button.next {
    position: absolute;
    top: 45%;
    right: 10px;
}

#bo_gall {
    width: 1000px;
    margin: 50px auto 0;
    padding-bottom: 50px;
}

#bo_btn_top {
    margin: 10px 0;
}

#bo_gall #gall_ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    zoom: 1;
}

#bo_gall .gall_li {
    position: relative;
    padding: 20px 50px;
}

#bo_gall .gall_box {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#bo_gall .gall_li .gall_chk {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    z-index: 100;
}

#bo_gall .gall_box .gall_con {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#bo_gall .gall_text_href {
    position: relative;
    float: left;
    padding: 0 0 10px 20px;
}

#bo_gall .bo_tit {
    font-family: 'Meiryo UI';
    display: inline-block;
    font-size: 22px;
    color: #333;
    font-weight: 500;
    line-height: 1.5em;
    cursor: default;
    pointer-events: none;
}

#bo_gall .bo_c {
    font-family: 'Meiryo UI';
    display: inline-block;
    font-size: 22px;
    color: #333;
    font-weight: 500;
    line-height: 1.5em;
    cursor: default;
    pointer-events: none;
}

#bo_gall .gall_img {
    position: relative;
}

#bo_gall .gall_img img {
    width: 35px;
    height: auto;
}

#bo_gall .gall_li {
    position: relative;
    padding: 20px 50px;
}

#bo_gall #gall_ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    zoom: 1;
}

#fboardlist:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.jpnh {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px !important;
    font-weight: bold;
}

.jpng {
    font-size: 20px;
    color: #333;
    font-weight: 300;
    margin-bottom: 20px !important;
    font-weight: 100;
}

.bo_ct {}

#bo_gall .bo_content a {
    font-family: 'Meiryo UI';
    font-size: 24px;
    color: #333;
    font-weight: 400;
    line-height: 30px;
    line-height: 1.7em;
    cursor: default;
    pointer-events: none;
}

.txt_press {
    font-family: 'Meiryo UI';

}

.section_codes {
    text-align: center;
    padding: 4rem;
}

.section_box {
    border: 1px solid #f9f9f9;
    padding: 3rem;
    margin: 0 30px;
    background-color: #f9f9f9;
    border-radius: 5px;
    display: inline-block;
    width: 15%;
    border-radius: 13px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .24);
    font-size: 0.9rem;
}

.btnMedium1 {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: middle;
    transition: .5s ease;
    padding: .688rem 1.875rem;
    overflow: hidden
}

.btnMediumDisabled1 {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    0-sizing: border-box;
    background-color: #d2d2d2 !important;
    border: #d2d2d2 !important;
    padding: .75rem 1.875rem;
    cursor: not-allowed;
    overflow: hidden
}

.btnMediumDisabled1 span {
    color: #fff
}

.btnSmall1 {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: middle;
    transition: .5s ease;
    padding: .438rem 1.25rem;
    overflow: hidden
}

#btnList2 {
    background-color: #111;
    border: 1px solid #111;
    vertical-align: middle;
}

.essLink {
    display: flex;
    align-items: center;
    max-width: 12rem;
    min-width: 5rem;
    width: 100%;
    min-height: 1.813rem;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: .25rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    letter-spacing: -.02px;
}

.essLink::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/product/ico_newWindow_20.png) no-repeat center center / 100% auto;
}

.disabled {
    border: 1px solid #dfdfdf;
    padding: 1rem;
    background-color: #dfdfdf;
    border-radius: 5px;
    display: inline-block;
    width: 15%;
    /* border-radius: 13px; */
    /* box-shadow: 0 20px 30px 0; */
    border-radius: 13px;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .24);
    font-size: 0.9rem;
    margin: 0 0.5rem;
    margin-top: 2rem;
}


.disabled a {
    color: black;
    /* 비활성화된 텍스트 색상 */
    text-decoration: none;
    curo
}

@media screen and (max-width: 768px) {

    .cookie-policy .title2,
    .cookie-policy .title1 {
        font-size: 14px;
        padding: 8px;
        width: 90%;
    }

    .cookie-policy .content2,
    .cookie-policy .content1 {
        width: 90%;
    }

    .tab12 {
        margin-bottom: 4rem;
        margin-top: 2rem;
    }

    .tab12 .tab123 li a {
        font-size: 1rem;
    }

    .product-detail-page {
        padding: 0 1rem;
    }

    .product-title>h1 {
        font-size: 28px !important;
    }

    .product-content {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .product-image {
        max-width: 100%;
        max-height: auto;
    }

    .product-info-sections {
        grid-template-columns: 1fr;
    }

    .sectionbox {
        width: 100%;
        margin: 1rem 0;
    }

    .slider1234 {
        height: 200px;
    }

    button.prev,
    button.next {
        top: 40%;
    }

    #bo_gall {
        width: 83.3333vw !important;
        padding: 10px;
    }

    #bo_gall .gall_img img {
        width: 35px;
        float: right;
    }

    .section_codes {
        padding: 2rem;
    }

    .section_box {
        width: 100%;
        margin: 1rem 0;
    }

    .disabled {
        width: 100%;
        margin: 1rem 0;
    }

    .btnMedium1,
    .btnSmall1 {
        padding: 0.5rem 1rem;
    }

    .essLink {
        max-width: 100%;
        padding: 0.5rem 1rem;
    }

    .toggle-switch {
        position: absolute;
        top: 8px;
        right: 6%;
    }

    #bo_gall .gall_li {
        position: relative;
        width: 100%;
        padding: 0 10px;
        margin-bottom: 20px;
        border: 0 !important;
    }

    #bo_gall #gall_ul {
        margin: 0 auto;
    }

    #bo_gall .gall_box {
        padding: 0;
        border: 1px solid #ebebeb;
    }

    #bo_gall .gall_text_href {
        font-size: 15px;
        float: none;
        padding: 15px;
    }

    #bo_gall .bo_tit {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 0 10px;
    }

    #bo_gall .bo_content {
        font-size: 15px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #bo_gall .bo_content a {
        font-size: 15px;
    }
}

@media screen and (max-width: 670px) {
    #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) .qc-txt-box, #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) .qc-txt-box{
       width: 85%;
    }
}
@media screen and (max-width: 450px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt{padding: 1.5rem 0.8rem 4.3125rem}
}


}
.adverse-events-report {
    max-width: 60rem;
    margin: 0 auto;
    padding-top: 4rem;
}

@media (max-width:1700px) and (min-width:1500px) {
    padding: 3rem 2.188rem;
}

@media (max-width:1824px) and (min-width:1200px) {
    .main-container .business .subsection .slider .swiper-slide .description .text {
        font-size: 21px;
    }

    .footerbtn_link {
        font-size: 14px;
    }

    footer#footer .innerWrap #footerWrap .menu li dl dd a {
        font-size: 0.7rem;
    }

    footer#footer .innerWrap #footerWrap .menu li dl dd {
        width: 9.5rem;
    }

    footer#footer .innerWrap #footerWrap .menu li dl dt {
        width: 6.5rem;
        font-size: 0.6rem;
    }

    footer#footer .innerWrap #footerWrap .menu li {
        margin-right: 1rem;
        width: 9.5rem;
    }

    header#header .innerWrap #gnbWrap .gnb li {
        padding: .5rem 1rem;
    }

    header#header .innerWrap #gnbWrap .gnb li>a {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5rem;
        letter-spacing: -.02px;
        color: #111;
    }

    header#header .innerWrap #gnbWrap .languageWrap {
        flex-shrink: 0;
        display: flex;
        justify-content: flex-end;
    }

}

@media (max-width:1264px) and (min-width:1023px) {
    html.en header#header .innerWrap #gnbWrap .gnb li dl dd {
        width: initial
    }

    #wrapper {
        padding-top: 0;
        padding-bottom: 7.5rem
    }

    #wrapper .contentsWrap {
        width: 100%;
        max-width: calc(100% - 5.5rem);
        padding: 6.25rem 0 0 0;
        transition: .25s ease
    }

    #wrapper .contentsWrap .contentsHead h2 {
        padding-top: 0;
        font-size: 2rem;
        line-height: 2.75rem
    }

    body.scrollNone header#header {
        height: -webkit-fill-available !important
    }

    body.scrollNone header#header .innerWrap {
        height: 100%
    }

    header#header {
        height: 3.75rem;
        transition: .25s ease
    }

    header#header .innerWrap {
        position: static;
        width: 100%;
        max-width: initial;
        height: 3.75rem;
        margin: initial;
        transition: .25s ease
    }

    header#header .innerWrap a.logo {
        position: absolute;
        left: 1.25rem;
        top: 50%;
        transform: translateY(-50%);
        width: 10.78rem;
        height: 2.76rem;
        background-size: contain;
        z-index: 100;
        margin: 0;
    }

    header#header .innerWrap #gnbWrap {
        position: fixed;
        top: 0;
        right: -100%;
        display: block;
        width: 30%;
        height: 100vh;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        background-color: #fff;
        text-align: left;
        padding-top: initial;
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
        transition: .15s ease;
        z-index: 100
    }

    header#header .innerWrap #gnbWrap .gnb {
        width: 100%;
        padding-top: 2.5rem
    }

    header#header .innerWrap #gnbWrap .gnb li {
        display: block;
        margin: 1.5rem 0 0 0;
        height: auto !important
    }

    header#header .innerWrap #gnbWrap .gnb li::after {
        display: none
    }

    header#header .innerWrap #gnbWrap .gnb li a {
        font-size: 1.5rem;
        line-height: 2.125rem;
        letter-spacing: -.05px;
        color: #111;
        font-weight: 700;
        padding: 0
    }

    header#header .innerWrap #gnbWrap .gnb li dl {
        display: none;
        position: static;
        top: initial;
        top: auto;
        left: initial;
        left: auto;
        width: initial;
        height: auto !important;
        transform: none !important;
        opacity: initial;
        z-index: initial;
        margin: 1.25rem 1.25rem 0 1.25rem;
        overflow: hidden
    }

    header#header .innerWrap #gnbWrap .gnb li dl dd {
        display: block;
        border-radius: 12px;
        width: 100%
    }

    header#header .innerWrap #gnbWrap .gnb li dl dd a {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: -.02px;
        text-align: center;
        border-radius: 12px;
        padding: 1rem 0
    }

    header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
        color: #111;
        background-color: #fff
    }

    header#header .innerWrap #gnbWrap .gnb li:first-child {
        margin-top: 0
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(1) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(2) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(3) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(4) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(5) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li:nth-child(6) dl {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap .gnb li.active::after {
        display: none
    }

    header#header .innerWrap #gnbWrap .gnb li.active dl {
        display: block;
        visibility: initial;
        opacity: initial;
        animation: none
    }

    header#header .innerWrap #gnbWrap .gnb li.mobileActive::after {
        display: none
    }

    header#header .innerWrap #gnbWrap .gnb li.mobileActive dl {
        display: none;
        visibility: initial;
        opacity: initial
    }

    header#header .innerWrap #gnbWrap .languageWrap {
        display: none;
        transition: .1s linear
    }

    header#header .innerWrap #gnbWrap.active .languageWrap {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 3.75rem;
        background-color: #fff;
        border-top: 1px solid #f4f4f4;
        transition: .1s linear;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        padding: 0 1.25rem
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector {
        top: 1.313rem;
        right: 1.75rem;
        position: static;
        margin-left: auto;
        display: flex;
        align-items: center
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul {
        padding-top: 0;
        margin: 0
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul li {
        margin-left: 1rem
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul li a {
        font-size: .875rem;
        line-height: 1.375rem;
        letter-spacing: -.01px
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector {
        position: static;
        top: 1.125rem;
        right: initial;
        left: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
        margin-left: 25%;
    }

    header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector button {
        width: 1.5rem;
        height: 1.5rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll {
        display: block;
        position: fixed;
        top: 0;
        transform: translate(100%);
        width: 100%;
        height: 100vh;
        background-color: #fff;
        border-radius: 0;
        box-shadow: initial;
        padding: initial
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap {
        padding-left: 1.25rem;
        margin-top: 5.25rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li {
        margin-left: 2rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li a {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.02px
    }

    +header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap .tabNavList li:first-child {
        margin-left: 0
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap {
        padding: 1.25rem;
        height: 100%
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap button {
        top: 1.25rem;
        right: 1.25rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList {
        overflow: scroll;
        height: calc(100% - 90px);
        padding-bottom: 90px
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li {
        display: block;
        width: initial;
        height: 3.125rem;
        margin-top: .625rem;
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li a {
        height: 3.125rem;
        line-height: 3.125rem !important
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:first-child {
        margin-top: 0
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(1),
    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(2),
    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3) {
        margin-top: .625rem
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents .languageList li:nth-child(3n+1) {
        margin-left: initial
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap .tabContents.active {
        height: 100%;
        overflow: auto
    }

    header#header .innerWrap #gnbWrap.active .globleLangAll.active {
        display: block;
        transform: translate(0)
    }

    header#header .innerWrap #gnbWrap.active {
        right: 0
    }

    header#header .innerWrap .mobileAllMenu {
        display: block;
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
        line-height: 0;
        z-index: 200;
        overflow: hidden
    }

    header#header .innerWrap .mobileAllMenu button {
        width: 1.5rem;
        height: 1.5rem;
        overflow: hidden
    }

}

.btn_gconfirm::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/product/ico_newWindow_20.png) no-repeat center center / 100% auto;
}

/* 비활성화 - footer#footer dd.esgLink a::after 사용 */
.esgLink::after {
    display: none;
}

.esgLinkk::after {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;

    top: 45.6%;
    transform: translateY(-50%);
    background: url(/front/assets/common/images/product/ico_newWindow_20.png) no-repeat center center / 100% auto;
}

@media screen and (max-width: 460px) {
    .cpnt_dialog_confirm .cpntHeader {
        margin: 0 1.4rem;
    }
}

@media screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {

    /* 여기에서 이상하게 보이는 스타일을 수정하세요 */
    .modal-content {
        width: 90%;
    }

}

@media screen and (max-width: 768px) and (min-width: 481px) {
    .btnbts {
        /*display:flex;*/
    }
}

@media screen and (max-width: 460px) {
    .cpnt_dialog_confirm .cpntBody p {
        word-break: keep-all;
        /* 단어 단위로 줄바꿈 */
        overflow-wrap: break-word;
        /* 컨테이너를 벗어나지 않도록 */
        white-space: normal;
        /* 일반적인 줄바꿈 허용 */
        line-height: 1.5;
        /* 줄 간격 */
        font-size: 1rem;

    }

    .content2>p {
        font-size: 0.78rem;
    }

    .content1>p {
        font-size: 0.78rem;
    }

    .toggle-switch>span {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    html.en .cpnt_divtable .btn_gconfirm {
        min-width: 100%;
        width: max-content;
        text-align: center;
    }

    .content1 p,
    .content2 p {
        line-height: 1.6;
        padding: 0 10px;
        word-break: keep-all;
        /* 단어 단위로 줄바꿈 */
        overflow-wrap: break-word;
        /* 컨테이너를 벗어나지 않도록 */
        white-space: normal;
        /* 일반적인 줄바꿈 허용 */
        line-height: 1.5;
    }

    .text,
    li,
    h5 {
        word-break: keep-all;
        /* 단어 단위로 줄바꿈 */
        overflow-wrap: break-word;
        /* 컨테이너를 벗어나지 않도록 */
        white-space: normal;
        /* 일반적인 줄바꿈 허용 */
        line-height: 1.5;
        /* 줄 간격 */
    }

    #wrapper .business .descWrap .bio_title {
        word-break: keep-all;
        /* 단어 단위로 줄바꿈 */
        overflow-wrap: break-word;
        /* 컨테이너를 벗어나지 않도록 */
        white-space: normal;
        /* 일반적인 줄바꿈 허용 */
        line-height: 1.5;
        /*ok*/
        text-align: left;
    }

}

/* 중복 삭제됨 - header outlink hover는 line 3775에 있음 */



.esgLinkk::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: .125rem;
    margin-top: 1px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .5;
    vertical-align: top
}

.esgLinkk {
    position: relative;
}

.cpnt_dialog_confirm .cpntBody span {
    color: black;
    font-size: 24px;
    letter-spacing: -.02px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    display: block;
    font-weight: bold;
    text-align:center;
}

.site-exit-popup-handler {
    height: 40px;
    background-color: rgb(17, 17, 17);
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(17, 17, 17);
    border-image: initial;
}

/* ========================================
   Global Section - 설명 영역 너비 제한 & 대륙 이름 개행 방지
   ======================================== */

/* 설명 텍스트(.text)만 너비를 화면의 30%로 제한 - 제목은 그대로 */
.main-container .global .section-header .text {
    max-width: 30vw;
}

/* 대륙 이름 - 단어 단위 개행 방지 (한 줄 유지) */
.main-container .global .map .pins .pin .location {
    width: auto;
    white-space: nowrap;
}

/* 태블릿/모바일에서는 설명 텍스트 너비 제한 해제 */
@media (max-width: 1023px) {
    .main-container .global .section-header .text {
        max-width: 100%;
    }
}