@font-face {
    font-family: 'score';
    font-weight: 100;
    src: url('../font/S-CoreDream-1Thin.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 200;
    src: url('../font/S-CoreDream-2ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 300;
    src: url('../font/S-CoreDream-3Light.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 400;
    src: url('../font/S-CoreDream-4Regular.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 500;
    src: url('../font/S-CoreDream-5Medium.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 600;
    src: url('../font/S-CoreDream-6Bold.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 700;
    src: url('../font/S-CoreDream-7ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 800;
    src: url('../font/S-CoreDream-8Heavy.woff') format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 900;
    src: url('../font/S-CoreDream-9Black.woff') format('woff');
}

br {
    font-family: sans-serif;
}

html {
    font-family: 'Noto Sans KR', sans-serif;
}

/* jp */
html:lang(jp) * {
    font-family: 'Noto Sans JP', 'Noto Sans SC', sans-serif;
}

img {
    max-width: 100%;
}

/*.inner {max-width:1280px;margin:0 auto;padding:0;}*/

#lightcase-overlay {
    background: rgba(0, 0, 0, 0.8);
}

#contents,
#subWrap {
    min-height: 0 !important;
}

/* img background */
.img-bg-copy {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-bg-copy img {
    display: none;
}

a:focus,
button:focus,
input:focus,
textarea:focus,
a:hover,
button:hover,
input:hover,
textarea:hover {
    outline: none;
}

.mfp-preloader {
    display: none !important;
}

.fs_30 {
    font-size: 1.875rem !important;
}

.fw_700 {
    font-weight: 700 !important;
}

.color_007ec4 {
    color: #282358 !important;
}

.color_17b687 {
    color: #17b687 !important;
}

.mt20 {
    margin-top: 1.25rem !important;
}

@media all and (max-width:1200px) {
    .pc_only {
        display: none !important;
    }

    .fs_30 {
        font-size: 1.675rem !important;
    }
}



#wrapper {
    position: relative;
    overflow: hidden;
}

#__header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 200;
    font-size: 0;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0 100px;
}

#__header .wrap {
    height: 100px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center;
}

#__header .logo {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    transition: 0.3s;
}

#__header .logo a {
    width: 200px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    background: url(../image/logo.png) no-repeat 0 50%;
    background-size: contain;
    transition: 0.3s;
}

#__header .gnb {
    white-space: nowrap;
    display: inline-block;
}

#__header .gnb>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#__header .gnb>li>a {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    padding: 0 55px;
    letter-spacing: -0.025em;
}

#__header .gnb>li>a>span {
    display: block;
    position: relative;
}

#__header .gnb>li>a>span:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 17px;
    height: 2px;
    background: #282358;
    width: 0;
    background: #282358;
    transition: 0.3s;
    opacity: 0;
}

#__header .gnb>li>ul {
    position: absolute;
    left: 50%;
    background: #282358;
    padding: 15px 0;
    margin-left: -90px;
    min-width: 180px;
    width: auto;
    top: 100%;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#__header .gnb>li>ul:empty {
    display: none !important;
}

#__header .gnb>li>ul>li>a {
    display: block;
    font-size: 15px;
    color: #fff;
    /* padding:13px 0; */
    padding: 13px;
    letter-spacing: -0.025em;
}

#__header .gnb>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#__header .gnb>li:hover>a>span:before,
#__header .gnb>li.active>a>span:before {
    left: 0;
    width: 100%;
    opacity: 1;
}

#__header .gnb>li>ul>li:hover>a,
#__header .gnb>li>ul>li.active>a {
    background: rgba(0, 0, 0, 0.25);
}

#__header .lang {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    white-space: nowrap;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #fff;
    text-align: center;
    width: 160px;
    font-size: 0;
    transition: 0.3s;
}

#__header .lang:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#__header .lang li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

#__header .lang li~li:before {
    content: "/";
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
    transition: 0.3s;
}

#__header .lang li a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    transition: 0.3s;
}

#__header .shop {
    position: absolute;
    right: 45px;
    top: 33px;
    width: 76px;
    height: 35px;
    line-height: 35px;
    border-radius: 17.5px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    background: #3d90cf;
    font-size: 12px;
    font-weight: 300;
}

#__header .sns {
    position: absolute;
    right: 0;
    top: 33px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 17.5px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    background: #fff url(https://www.mkpsemi.com/html/_skin/images/ico-insta.png) no-repeat 50% 50%;
    background-size: 17px auto;
    text-indent: -9999px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#__header .youtube {
    width: 30px;
    height: 21px;
    background: url(https://www.mkpsemi.com/html/_skin/images/head-youtube.png) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    right: 113px;
    top: 50%;
    margin-top: -10.5px;
}

#__header .contact {
    position: absolute;
    right: 130px;
    top: 50%;
    margin-top: -0.5em;
    display: block;
    font-size: 13px;
    color: #111;
    line-height: 1em;
}

@media all and (max-width:1600px) {
    #__header {
        padding: 0 20px;
    }
}

@media all and (max-width:1460px) {
    #__header .gnb>li>a {
        padding: 0 30px;
    }
}


@media all and (max-width:1200px) {
    #__header .gnb>li>a {
        padding: 0 20px;
        font-size: 18px;
    }
}


@media all and (min-width:1025px) {
    .fix #__header {
        background: rgba(0, 0, 0, 0.4);
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    .fix #__header .logo a {
        background-image: url(../image/logo2.png);
    }

    .fix #__header .lang {
        border-color: rgba(255, 255, 255, 0.4);
    }

    .fix #__header .lang li,
    .fix #__header .lang li a {
        color: rgba(255, 255, 255, 0.4);
    }

    .sub #__header {
        background: rgba(0, 0, 0, 0.4);
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    .sub #__header .logo a {
        background-image: url(../image/logo2.png);
    }

    .sub #__header .lang {
        border-color: rgba(255, 255, 255, 0.4);
    }

    .sub #__header .lang li,
    .sub #__header .lang li a {
        color: rgba(255, 255, 255, 0.4);
    }
}


@media all and (max-width:1024px) {
    #__header {
        position: fixed;
        background: rgba(255, 255, 255, 0.8);
        top: 0;
        padding: 0 15px;
        height: auto;
        overflow: visible;
        box-shadow: none;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    }

    #__header:before {
        display: none !important;
    }

    #__header .wrap {
        height: 55px;
        padding: 0;
    }

    #__header .logo {
        margin-top: -20px;
        top: 50%;
    }

    #__header .logo a {
        width: 80px;
        height: 40px;
        background-image: url(../image/logo2@2x.png);
    }

    #__header .gnb,
    #__header .tnb,
    #__header .shop,
    #__header .sns,
    #__header .lang {
        display: none;
    }

    #__header .contact {
        right: 45px;
    }

    #__header .mnu {
        position: absolute;
        top: 0;
        width: 55px;
        height: 55px;
        right: -15px;
        border: none;
        background: #282358;
        color: #fff;
        font-size: 0;
        text-indent: 0;
        margin-top: 0;
    }

    #__header .mnu i {
        font-size: 28px;
        font-family: axicon;
    }

    #__header .mnu i {
        font-size: 24px;
        font-family: axicon;
    }

    #__header .youtube {
        background-image: url(https://www.mkpsemi.com/html/_skin/images/head-youtube2.png);
        right: 65px;
    }
}

#__nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#__nav .bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.7);
}

#__nav .wrap {
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    height: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
}

#__nav .head {
    position: relative;
    height: 55px;
    background: rgba(0, 0, 0, 0.85);
}

#__nav .head .logo {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -20px;
}

#__nav .head .logo a {
    width: 80px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    background: url(../image/logo@2x.png) no-repeat 0 50%;
    background-size: contain;
}

#__nav .head .cls {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 55px;
    color: #fff;
    background: #282358;
    font-size: 0;
}

#__nav .head .cls i {
    font-size: 24px;
    font-family: axicon;
}

#__nav .gnb {
    height: 0;
    flex-grow: 1;
    background: #fff;
}

#__nav .gnb a {
    display: block;
    letter-spacing: -0.05em;
}

#__nav .gnb>li {
    border-bottom: 1px solid #ddd;
}

#__nav .gnb>li>a {
    font-size: 18px;
    padding: 15px;
    color: #333;
    position: relative;
}

#__nav .gnb>li>a span:before {
    content: "\f107";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1em;
    font-family: axicon;
    font-style: normal;
    color: #999;
}

#__nav .gnb>li>ul {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    background: #eee;
    display: none;
}

#__nav .gnb>li>ul>li>a {
    font-size: 16px;
    padding: 4px 15px 4px 20px;
    color: #666;
}

#__nav .gnb>li>ul>li>ul {
    padding: 0 0 5px;
}

#__nav .gnb>li>ul>li>ul>li>a {
    font-size: 15px;
    padding: 2px 15px 2px 25px;
    color: #999;
}

#__nav .gnb>li>ul>li>ul>li>a:before {
    content: "- ";
}

#__nav .gnb>.active>a {
    color: #282358;
}

#__nav .gnb>.active>a span:before {
    content: "\f106";
}

/* #__nav .gnb > .active > ul {display:block;} */
#__nav .gnb>li>ul>li.active>a {
    color: #282358;
}

#__nav .gnb>li>ul>li>ul>li.active>a {
    color: #333;
    text-decoration: none !important;
}

#__nav .lang>button {
    display: none;
}

#__nav .lang ul {
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%;
    table-layout: fixed;
}

#__nav .lang ul li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#__nav .lang ul li~li {
    border-left: 1px solid #ddd;
}

#__nav .lang ul li a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #000;
    background: #f3f3f3;
}

#__nav .bot {
    margin-top: 20px;
    text-align: center;
    font-size: 0;
}

#__nav .bot li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#__nav .bot li a {
    color: #000;
    padding: 0 15px;
    display: block;
    font-size: 14px;
    border-radius: 17px;
    letter-spacing: -0.05em;
}

#__nav .bot li~li:before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: #ddd;
}

@media all and (max-width:1024px) {
    .navOn #__header .mnu i:before {
        content: "\e937";
    }

    .navOn #__nav {
        visibility: visible;
        opacity: 1;
    }
}


#footer {
    background: #141414;
    padding: 50px 15px;
}

#footer .wrap {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    padding-left: 180px;
}

#footer h2 {
    width: 115px;
    height: 35px;
    background: url(../image/foot-logo.png) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
}

#footer .rig {
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    text-align: right;
}

#footer .sns {
    font-size: 0;
}

#footer .sns li {
    display: inline-block;
    vertical-align: top;
}

#footer .sns li~li {
    margin-left: 7px;
}

#footer .sns li a {
    display: block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    text-align: left;
    background: url(../image/foot-face.png) no-repeat;
    background-size: contain;
}

#footer .sns .sns2 a {
    background-image: url(../image/foot-insta.png);
}

#footer .sns .sns3 a {
    background-image: url(../image/foot-youtube.png);
}

#footer .fnb {
    margin-top: 13px;
    font-size: 0;
}

#footer .fnb li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#footer .fnb li~li {
    margin-left: 10px;
    padding-left: 11px;
}

#footer .fnb li~li:before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #2f2f2f;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

#footer .fnb li a {
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: -0.025em;
}

#footer .info h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#footer .info address {
    margin-top: 15px;
}

#footer .info address ul {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.85;
    color: rgba(255, 255, 255, 0.6);
}

#footer .info address ul li,
#footer .info address ul li>* {
    display: inline-block;
    vertical-align: top;
}

#footer .info address ul li strong {
    font-weight: 500;
}

#footer .info address ul li {
    margin-right: 25px;
}

#footer .info address ul li:last-child {
    margin-right: 0;
}

#footer .info .copy {
    margin-top: 40px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.2);
}

#footer .top-btn {
    width: 79px;
    height: 79px;
    border: none;
    text-align: center;
    border-radius: 0;
    background: url(../image/gotop.gif) 50% 50% no-repeat;
    background-size: contain;
    text-indent: -9999px;
    box-shadow: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#footer .top-btn.fixed {
    top: -39.5px;
}

@media all and (max-width:1024px) {
    #footer {
        padding: 30px 15px;
    }

    #footer .wrap {
        padding-left: 0;
    }

    #footer h2 {
        width: 80px;
        height: 30px;
        background-image: url(../image/foot-logo@2x.png);
        position: relative;
    }

    #footer .rig {
        position: relative;
        text-align: left;
        margin-top: 25px;
    }

    #footer .sns li a {
        background-image: url(../image/foot-face@2x.png);
    }

    #footer .sns .sns2 a {
        background-image: url(../image/foot-insta@2x.png);
    }

    #footer .sns .sns3 a {
        background-image: url(../image/foot-youtube@2x.png);
    }

    #footer .fnb {
        margin-top: 15px;
    }

    #footer .fnb li a {
        font-size: 14px;
    }

    #footer .info h3 {
        font-size: 16px;
        margin-top: 20px;
    }

    #footer .info address {
        margin-top: 15px;
    }

    #footer .info address ul {
        font-size: 14px;
        line-height: 1.7;
    }

    #footer .info address ul li {
        margin-right: 15px;
    }

    #footer .info .copy {
        margin-top: 20px;
        font-size: 12px;
    }

    #footer .top-btn {
        width: 40px;
        height: 40px;
    }

    #footer .top-btn.fixed {
        top: -20px;
    }

    #__cha {
        right: 20px;
        bottom: 70px;
        width: 40px;
        height: 40px;
        box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.14);
    }
}

#__vis {
    background: #000;
}

#__vis,
#__vis .vis {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

#__vis .vis:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(../image/video-bg.png) no-repeat;
    background-size: 100% 100%;
}

#__vis .vis {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

#__vis video {
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

#__vis .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    font-size: 0;
    white-space: nowrap;
    padding: 0 15px 50px;
    text-align: center;
}

#__vis .txt:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#__vis .txt dl {
    width: 1280px;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    color: #fff;
    white-space: normal;
    font-family: 'Montserrat', sans-serif;
}

#__vis .txt dl dt {
    font-size: 75px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 0;
}

#__vis .txt dl dd {
    font-size: 55px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 1.25;
}

#__vis .txt dl dt,
#__vis .txt dl dd {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
}

#__vis .active dl dt {
    -webkit-animation: visTxt 1.5s;
    animation: visTxt 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#__vis .active dl dd {
    -webkit-animation: visTxt 1.5s;
    animation: visTxt 1.5s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#__vis .cont {
    position: absolute;
    right: 50px;
    top: 20%;
    z-index: 100;
    font-size: 0;
    font-family: 'Montserrat', sans-serif;
}

#__vis .cont .num {
    margin-right: 27px;
}

#__vis .cont .num li {
    padding-right: 135px;
    position: relative;
}

#__vis .cont .num li~li {
    margin-top: 13px;
}

#__vis .cont .num li span {
    display: block;
    width: 120px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
}

#__vis .cont .num li span i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
}

#__vis .cont .num button {
    font-size: 16px;
    font-weight: 500;
    color: rgba(138, 138, 138, 0.7);
    border: none;
    background: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#__vis .cont .num .active button {
    color: #fff;
}

#__vis .cont .num .active span i {
    -webkit-animation: visPro 4s linear;
    animation: visPro 4s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#__vis .cont .progress {
    width: 250px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
}

#__vis .cont .progress span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #fff;
}

#__vis .cont .progress.active span {
    -webkit-animation: visPro 3.9s linear;
    animation: visPro 3.9s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#__vis .scr {
    width: 60px;
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 290px;
    margin: 0 0 0 -30px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    animation: visScr 1.2s ease infinite;
}

#__vis .scr:before {
    content: "";
    display: block;
    width: 22px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 11px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: 25px;
}

#__vis .scr:after {
    content: "";
    display: block;
    width: 9px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -4.5px;
    top: 50px;
    background: url(../image/vis-scr.png) no-repeat;
}


@-webkit-keyframes visTxt {
    0 {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes visTxt {
    0 {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes visScr {
    0 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes visScr {
    0 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes visPro {
    0 {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes visPro {
    0 {
        width: 0;
    }

    100% {
        width: 100%;
    }
}


@media all and (max-width:1024px) {

    #__vis,
    #__vis .vis {
        height: 85vw;
    }

    #__vis .txt {
        padding: 55px 15px 50px;
    }

    #__vis .txt dl dt {
        font-size: 10vw;
    }

    #__vis .txt dl dd {
        font-size: 5vw;
    }

    #__vis .cont {
        right: 0;
        width: 100%;
        top: auto;
        bottom: 15px;
        text-align: center;
    }

    #__vis .cont .num {
        margin-right: 0;
    }

    #__vis .cont .num li {
        padding-right: 0;
        display: inline-block;
        vertical-align: top;
    }

    #__vis .cont .num li~li {
        margin-top: 0;
        margin-left: 5px;
    }

    #__vis .cont .num li span {
        display: none;
    }

    #__vis .cont .num button {
        font-size: 14px;
        text-indent: -9999px;
        height: 3px;
        width: 20px;
        background: rgba(255, 255, 255, 0.3);
    }

    #__vis .cont .num .active button {
        background: #fff;
        width: 30px;
    }

    #__vis .cont .progress {
        display: none;
    }

    #__vis .scr {
        width: 40px;
        left: 50%;
        bottom: 60px;
        margin: 0 0 0 -20px;
        font-size: 12px;
        display: none;
    }

    #__vis .scr:before {
        width: 18px;
        height: 30px;
        border-radius: 9px;
        margin-left: -9px;
        top: 20px;
    }

    #__vis .scr:after {
        width: 6px;
        height: 10px;
        margin-left: -3px;
        top: 32px;
        background-size: contain;
    }
}


#__leader {
    position: relative;
    margin-top: -195px;
    padding: 0 15px 120px;
    z-index: 10;
}

#__leader .wrap {
    max-width: 1480px;
    margin: 0 auto;
}

#__leader .area {
    background: #141414 url(../image/leader-bg.gif) no-repeat 100% 100%;
    width: 704px;
    padding: 80px 100px 0;
    height: 346px;
}

#__leader .area dl dt {
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

#__leader .area dl dd {
    font-size: 18px;
    line-height: 1.65;
    color: #fff;
    margin-top: 15px;
    padding-top: 15px;
    position: relative;
}

#__leader .line {
    display: block;
    width: 0;
    height: 1px;
    background: #b9b9b9;
    transition: 2s;
    position: absolute;
    left: 0;
    top: 0;
}

#__leader .line.action {
    width: 100%;
}

#__leader .line.action:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #b9b9b9;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%;
}

@media all and (max-width:1024px) {
    #__leader {
        margin-top: 0;
        padding: 0;
    }

    #__leader .area {
        width: auto;
        background-size: 210px auto;
        padding: 30px 20px;
        height: auto;
    }

    #__leader .area dl dt {
        font-size: 26px;
        line-height: 1.1;
    }

    #__leader .area dl dd {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 10px;
        padding-top: 15px;
    }
}
#__mkp{
    margin-top: 110px;
}

#__mkp .box {
    position: relative;
}

#__mkp .box~.box {
    margin-top: 110px;
}

#__mkp .box .wrap {
    max-width: 1280px;
    margin: 0 auto;
}

#__mkp .box .img {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

#__mkp .box .info {
    width: 50%;
    height: 490px;
    position: relative;
    z-index: 10;
    white-space: nowrap;
}

#__mkp .box .info:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#__mkp .box .info .area {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
}

#__mkp .box .info h4 {
    font-size: 60px;
    font-weight: bold;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.05;
    white-space: nowrap;
}

#__mkp .box .info .sum {
    font-size: 18px;
    line-height: 1.65;
    position: relative;
    padding-top: 30px;
    margin-top: 10px;
}

#__mkp .box .info .bt {
    margin-top: 120px;
}

#__mkp .box .info .bt a {
    display: inline-block;
    width: 185px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #d0d0d0;
    font-size: 18px;
    color: #141414;
    transition: 0.3s;
}

#__mkp .box .info .bt a:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 11px;
    background: url(../image/ico-arr.png) no-repeat 50% 50%;
    background-size: contain;
    margin-left: 30px;
}

#__mkp .box .line {
    display: block;
    width: 0;
    height: 1px;
    background: #b9b9b9;
    transition: 2s;
    position: absolute;
    top: 0;
    background: #b9b9b9;
}

#__mkp .box .line:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #282358;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    border-radius: 50%;
}

#__mkp .box:nth-child(odd) .img {
    left: 50%;
}

#__mkp .box:nth-child(odd) .info .bt {
    text-align: right;
    padding-right: 55px;
}

#__mkp .box:nth-child(odd) .line {
    right: 0;
}

#__mkp .box:nth-child(odd) .line:before {
    left: 0;
}

#__mkp .box:nth-child(even) .info {
    margin-left: 50%;
    padding-left: 50px;
}

#__mkp .box:nth-child(even) .img {
    right: 50%;
}

#__mkp .box:nth-child(even) .line {
    left: -50px;
}

#__mkp .box:nth-child(even) .line:before {
    right: 0;
}

#__mkp .box:nth-child(odd) .line.action {
    width: calc(100% + 20px);
}

#__mkp .box:nth-child(even) .line.action {
    width: 510px;
}

#__mkp .box .info .bt a:hover {
    background: #282358;
    border-color: #282358;
    color: #fff;
}

#__mkp .box .info .bt a:hover:after {
    background-image: url(../image/ico-arr2.png);
}

@media all and (max-width:1024px) {
    #__mkp .box~.box {
        margin-top: 30px;
    }

    #__mkp .box .img {
        position: relative;
        width: auto;
        height: 50vw;
        left: auto !important;
        right: auto !important;
    }

    #__mkp .box .info {
        width: auto;
        height: auto;
        margin: 0 !important;
        padding: 15px 15px 0 !important;
    }

    #__mkp .box .info .area {
        display: block;
    }

    #__mkp .box .info h4 {
        font-size: 26px;
        white-space: normal;
    }

    #__mkp .box .info .sum {
        font-size: 14px;
        line-height: 1.45;
        padding-top: 15px;
        margin-top: 10px;
    }

    #__mkp .box .info .bt {
        margin-top: 20px;
        text-align: left !important;
        padding: 0 !important;
    }

    #__mkp .box .info .bt a {
        width: 100px;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
    }

    #__mkp .box .info .bt a:after {
        display: none;
    }

    #__mkp .box .line {
        right: auto !important;
        left: 0 !important;
    }

    #__mkp .box .line:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        left: auto !important;
        right: 0 !important;
    }

    #__mkp .box .line.action {
        width: 100% !important;
    }

    #__mkp .box .info .bt a:hover {
        background: #282358;
        border-color: #282358;
        color: #fff;
    }

    #__mkp .box .info .bt a:hover:after {
        background-image: url(../image/ico-arr2.png);
    }
}

#__news {
    background: url(../image/news-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 120px 15px 100px;
    margin-top: 120px;
}

#__news .wrap {
    max-width: 1380px;
    margin: 0 auto;
}

#__news .wrap:after {
    content: '';
    display: block;
    clear: both;
}

#__news .info {
    float: left;
    margin-left: 72px;
    width: 545px;
}

#__news .info ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}

#__news .info ul li a {
    display: block;
    height: 103px;
    line-height: 103px;
    position: relative;
    margin: 0 -45px;
    font-weight: 300;
    color: #000;
    font-size: 20px;
    padding: 0 160px 0 45px;
    transition: 0.3s;
}

#__news .info ul li a strong {
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 10;
}

#__news .info ul li a span {
    position: absolute;
    right: 45px;
    top: 0;
    z-index: 10;
}

#__news .info ul li a:before {
    content: "";
    display: block;
    height: 103px;
    border-radius: 51.5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: 0.3s;
    background: linear-gradient(to right, #0e3eaf 0%, #282358 100%);
    opacity: 0;
}

#__news .info ul li a:hover {
    color: #fff;
}

#__news .info ul li a:hover:before {
    opacity: 1;
}

#__news .img {
    background: url(../image/news-img.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 580px;
    height: 522px;
    float: right;
    position: relative;
}

#__news .img .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 50px;
    color: #fff;
    text-align: right;
}

#__news .img .txt dl dt {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
}

#__news .img .txt dl dd {
    font-size: 18px;
    line-height: 1.65;
    margin-top: 10px;
}

#__news .img .txt p {
    margin-top: 30px;
}

#__news .img .txt p a {
    display: inline-block;
    width: 185px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #d0d0d0;
    font-size: 18px;
    transition: 0.3s;
    color: #fff;
}

#__news .img .txt p a:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 11px;
    background: url(../image/ico-arr2.png) no-repeat 50% 50%;
    background-size: contain;
    margin-left: 30px;
}

#__news .img .txt p a:hover {
    background: #282358;
    border-color: #282358;
    color: #fff;
}

@media all and (max-width:1300px) {
    #__news .info {
        margin-left: 45px;
        width: calc(55% - 45px);
        padding-right: 80px;
    }

    #__news .img {
        width: 45%;
    }
}

@media all and (max-width:1024px) {
    #__news {
        padding: 30px 15px;
        margin-top: 30px;
    }

    #__news .info {
        float: none;
        margin: auto;
        width: auto;
        padding-right: 0;
    }

    #__news .info ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

    #__news .info ul li a {
        height: 40px;
        line-height: 40px;
        margin: 0;
        font-size: 14px;
        padding: 0 80px 0 0;
    }

    #__news .info ul li a span {
        right: 0;
    }

    #__news .info ul li a:before {
        display: none;
    }

    #__news .info ul li a:hover {
        color: #000;
    }

    #__news .img {
        width: auto;
        height: 60vw;
        float: none;
        margin-top: 30px;
    }

    #__news .img .txt {
        padding: 20px;
    }

    #__news .img .txt dl dt {
        font-size: 28px;
    }

    #__news .img .txt dl dd {
        font-size: 14px;
        line-height: 1.4;
    }

    #__news .img .txt p {
        margin-top: 20px;
    }

    #__news .img .txt p a {
        width: 100px;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
    }

    #__news .img .txt p a:after {
        display: none;
    }
}

#__svis {
    background: url(../image/svis1.jpg) no-repeat 50% 50%;
    background-size: cover;
    height: 480px;
    position: relative;
    padding: 0 15px;
}

#__svis:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

#__svis .wrap {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#__svis .tit {
    padding-top: 220px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

#__svis .tit h3 {
    font-size: 30px;
    color: #acb1b4;
    line-height: 1;
}

#__svis .tit p {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    margin-top: 17px;
    line-height: 1;
}

.sub2 #__svis {
    background-image: url(../image/svis2.jpg);
}

.sub3 #__svis {
    background-image: url(../image/svis3.jpg);
}

.sub4 #__svis {
    background-image: url(../image/svis4.jpg);
}

.sub5 #__svis {
    background-image: url(../image/svis5.jpg);
}

.sub6 #__svis {
    background-image: url(../image/svis6.jpg);
}

#__snb {
    position: relative;
    margin: -40px 0 90px;
}

#__snb .wrap {
    max-width: 1280px;
    margin: 0 auto;
}

#__snb .snb {
    display: flex;
}

#__snb .snb li {
    width: 0;
    flex-grow: 1;
}

#__snb .snb li:last-child {
    padding-right: 0;
}

#__snb .snb li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 80px;
    line-height: 1.2;
    color: #fff;
    font-weight: 300;
    background: #0f0f0f;
    font-size: 18px;
    padding: 0 10px;
}

#__snb .snb li:hover a {
    background: #282358;
}

#__snb .snb li.on a {
    background: #282358;
    color: #fff;
}

#__tit {
    text-align: center;
    margin-bottom: 55px;
    position: relative;
}

#__tit h3 {
    font-size: 45px;
    font-weight: bold;
    color: #000;
}

@media all and (max-width:1024px) {
    #__svis {
        height: auto;
        padding: 55px 20px 0;
    }

    #__svis:before {
        background: rgba(0, 0, 0, 0.5);
    }

    #__svis .tit {
        padding: 25px 0;
    }

    #__svis .tit h3 {
        font-size: 16px;
    }

    #__svis .tit p {
        font-size: 30px;
        margin-top: 10px;
    }

    #__snb {
        margin: 0 0 20px;
    }

    #__snb .snb {
        display: flex;
        flex-wrap: wrap;
    }

    #__snb .snb li {
        width: auto;
        flex-grow: 1;
        padding-right: 0;
    }

    #__snb .snb li:last-child {
        padding-right: 0;
    }

    #__snb .snb li a {
        height: 40px;
        font-size: 14px;
        letter-spacing: -0.05em;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    #__tit {
        margin-bottom: 25px;
        position: relative;
    }

    #__tit h3 {
        font-size: 26px;
    }
}

.__layout {
    padding: 0 15px;
}

.__layout.pt {
    padding-top: 80px;
}

.__layout.pb {
    padding-bottom: 100px;
}

.__layout.gray {
    background: #f6f6f6;
}

.__layout>.wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.__layout.type2>.wrap {
    max-width: 1300px;
}

._box {
    display: none;
}

._box.active {
    display: block;
}

.__line {
    position: relative;
    padding-top: 115px;
    margin: -35px 0 55px;
}

.__line:before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    top: 0;
    height: 0;
    background: #a1a1a1;
    transition: 2.5s;
    opacity: 0;
}

.__line.action:before {
    height: 100%;
    opacity: 1;
    transition-delay: 0.5s;
}

@media all and (max-width:1024px) {
    .__layout.pt {
        padding-top: 40px;
    }

    .__layout.pb {
        padding-bottom: 40px;
    }

    .__line {
        padding-top: 40px;
        margin: -10px 0 20px;
    }

    .__line.action:before {
        height: 100%;
    }
}

.__company1 {
    background: url(../image/bg-company1.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: center;
    padding: 180px 15px;
}

.__company1 .wrap {
    max-width: 1064px;
    margin: 0 auto;
    color: #fff;
}

.__company1 dl dt {
    font-size: 45px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-weight: bold;
}

.__company1 dl dd {
    font-size: 18px;
    line-height: 1.65;
    border-top: 1px solid rgba(255, 255, 255, 0.53);
    padding-top: 20px;
    margin-top: 5px;
}

.__company2 {
    margin: 140px 0;
}

.__company2 .wrap {
    position: relative;
}

.__company2 .img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 448px;
    background: url(../image/bg-company2.jpg);
}

.__company2 dl {
    width: 50%;
    height: 448px;
    padding-top: 140px;
}

.__company2 dl dt {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 1px solid #bdbdbd;
}

.__company2 dl dd {
    font-size: 18px;
    color: #000;
    line-height: 1.65;
    margin-top: 20px;
}

.__company3 {
    padding: 130px 15px 140px;
    background: url(../image/bg-company3.jpg) no-repeat 50% 100%;
    background-size: cover;
}

.__company3 .wrap {
    max-width: 1240px;
    margin: 0 auto;
}

.__company3 .tit {
    text-align: center;
    margin-bottom: 60px;
}

.__company3 .tit h3 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    line-height: 1;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__company3 .area {
    font-size: 0;
    margin: 0 -21px -40px;
    text-align: center;
}

.__company3 .area .box {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 21px;
    margin-bottom: 40px;
}

.__company3 .area .box .in {
    background: #fff url(../image/img-value1.jpg) no-repeat 50% 0;
    padding: 0 15px 40px;
}

.__company3 .area .box .img {
    height: 200px;
}

.__company3 .area .box dl {
    text-align: left;
    max-width: 270px;
    margin: 0 auto;
}

.__company3 .area .box dl dt {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.__company3 .area .box dl dd {
    font-size: 18px;
    line-height: 1.65;
    border-top: 2px solid #000;
    margin-top: 5px;
    padding-top: 10px;
    letter-spacing: -0.05em;
}

.__company3 .area .box2 .in {
    background-image: url(../image/img-value2.jpg);
}

.__company3 .area .box3 .in {
    background-image: url(../image/img-value3.jpg);
}

.__company3 .area .box4 .in {
    background-image: url(../image/img-value4.jpg);
}

.__company3 .area .box5 .in {
    background-image: url(../image/img-value5.jpg);
}

.__company4 {
    background: url(../image/bg-company4.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: center;
    padding: 180px 15px;
}

.__company4 .wrap {
    max-width: 1064px;
    margin: 0 auto;
    color: #fff;
}

.__company4 dl dt {
    font-size: 45px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-weight: bold;
}

.__company4 dl dd {
    font-size: 18px;
    line-height: 1.65;
    border-top: 1px solid rgba(255, 255, 255, 0.53);
    padding-top: 20px;
    margin-top: 5px;
}

.__company5 {
    margin-top: 150px;
    padding: 0;
}

.__company5 .wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.__company5 .box {
    position: relative;
    padding: 0 15px;
}

.__company5 .box~.box {
    margin-top: 140px;
}

.__company5 .box .img {
    position: absolute;
    top: 0;
    height: 448px;
    width: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.__company5 .box .info {
    height: 448px;
    font-size: 0;
}

.__company5 .box .info:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.__company5 .box .info .txt {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 24px;
    line-height: 1.65;
    color: #000;
}

.__company5 .box:nth-child(odd) .img {
    left: 0;
}

.__company5 .box:nth-child(odd) .info {
    margin-left: 50%;
    padding-left: 65px;
}

.__company5 .box:nth-child(even) .img {
    right: 0;
}

.__company5 .box:nth-child(even) .info {
    width: 50%;
}

@media all and (max-width:1024px) {
    .__company1 {
        padding: 40px 15px;
    }

    .__company1 dl dt {
        font-size: 24px;
    }

    .__company1 dl dd {
        font-size: 14px;
        line-height: 1.45;
        padding-top: 10px;
        margin-top: 5px;
    }

    .__company2 {
        margin: 40px 0;
    }

    .__company2 .img {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        padding-top: 46%;
    }

    .__company2 dl {
        width: auto;
        height: auto;
        padding-top: 0;
        margin-top: 20px;
    }

    .__company2 dl dt {
        font-size: 18px;
        padding-bottom: 5px;
        border-bottom: 1px solid #bdbdbd;
    }

    .__company2 dl dd {
        font-size: 14px;
        line-height: 1.45;
        margin-top: 10px;
    }

    .__company3 {
        padding: 40px 15px;
    }

    .__company3 .tit {
        margin-bottom: 20px;
    }

    .__company3 .tit h3 {
        font-size: 24px;
    }

    .__company3 .area {
        margin: 0 -5px -10px;
    }

    .__company3 .area .box {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .__company3 .area .box .in {
        padding: 0 10px 25px;
        background-size: 100% auto;
    }

    .__company3 .area .box .img {
        height: auto;
        padding-top: 50%;
    }

    .__company3 .area .box dl dt {
        font-size: 18px;
    }

    .__company3 .area .box dl dd {
        font-size: 13px;
        line-height: 1.45;
        margin-top: 5px;
        padding-top: 5px;
    }

    .__company4 {
        padding: 40px 15px;
    }

    .__company4 dl dt {
        font-size: 24px;
    }

    .__company4 dl dd {
        font-size: 14px;
        line-height: 1.45;
        padding-top: 10px;
        margin-top: 5px;
    }

    .__company5 {
        margin-top: 40px;
    }

    .__company5 .box~.box {
        margin-top: 40px;
    }

    .__company5 .box .img {
        position: relative;
        height: auto;
        width: auto;
        padding-top: 46%;
    }

    .__company5 .box .info {
        height: auto;
        margin-top: 15px;
    }

    .__company5 .box .info .txt {
        font-size: 14px;
        line-height: 1.45;
    }

    .__company5 .box:nth-child(odd) .info {
        margin-left: 0;
        padding-left: 0;
    }

    .__company5 .box:nth-child(even) .info {
        width: auto;
    }
}

.__ceo1 {
    padding: 0 15px 100px;
}

.__ceo1 .wrap:after {
    content: '';
    display: block;
    clear: both;
}

.__ceo1 .img {
    width: 42.1%;
    float: left;
    height: 757px;
    background: url(../image/img-ceo.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.__ceo1 .info {
    /*width: 57.9%;*/
    width: 100%;
    float: right;
    padding-top: 95px;
}

.__ceo1 .info dl dt {
    padding-left: 90px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    line-height: 1.35;
}

.__ceo1 .info dl dd {
    padding-left: 90px;
}

.__ceo1 .info .txt {
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
}

.__ceo1 .info .txt p {
    font-size: 18px;
    line-height: 1.65;
}

.__ceo1 .info .txt p~p {
    margin-top: 15px;
}

.__ceo1 .info .sign {
    text-align: right;
    margin-top: 35px;
}

.__ceo1 .info .sign>* {
    display: inline-block;
    vertical-align: middle;
}

.__ceo1 .info .sign strong {
    font-size: 18px;
    font-weight: bold;
    color: #1c1c1c;
    margin-right: 10px;
}

.__ceo1 .info .line {
    position: absolute;
    left: 0;
    top: 0;
    width: 65vw;
}

.__ceo1 .info .line:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #d3d3d3;
    transition: 2.5s;
}

.__ceo1 .info .line.action:before {
    width: 100%;
    transition-delay: 0.5s;
}

.__ceo2 {
    background: url(../image/bg-ceo2.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 90px 15px 100px;
}

.__ceo2 .area {
    max-width: 820px;
}

.__ceo2 .area h3 {
    font-size: 30px;
    line-height: 1.33;
    color: #1c1c1c;
    font-weight: bold;
}

.__ceo2 .area .info {
    position: relative;
    margin-top: 20px;
    padding-top: 30px;
}

.__ceo2 .info .line {
    position: absolute;
    right: 0;
    top: 0;
    width: 65vw;
}

.__ceo2 .info .line:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0;
    background: #d3d3d3;
    transition: 2.5s;
}

.__ceo2 .info .line.action:before {
    width: 100%;
    transition-delay: 0.5s;
}

.__ceo2 .info .blk {
    display: inline-block;
    background: #000;
    height: 55px;
    line-height: 55px;
    border-radius: 27.5px;
    color: #fff;
    padding: 0 40px;
}

.__ceo2 .info .blk li {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__ceo2 .info .blk li~li {
    margin-left: 25px;
    padding-left: 35px;
}

.__ceo2 .info .blk li~li:before {
    content: "\f0da";
    font-family: axicon;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
}

.__ceo2 .info .sum {
    margin-top: 25px;
}

.__ceo2 .info .sum p {
    font-size: 18px;
    line-height: 1.65;
}

.__ceo2 .info .sum p~p {
    margin-top: 15px;
}

.__ceo2 .info dl {
    margin-top: 35px;
    color: #000;
    font-weight: bold;
}

.__ceo2 .info dl dt {
    font-size: 18px;
}

.__ceo2 .info dl dd {
    margin-top: 5px;
}

.__ceo2 .info dl dd span {
    display: inline-block;
    border-bottom: 2px solid #000;
    font-size: 24px;
}

@media all and (max-width:1024px) {
    .__ceo1 {
        padding: 0 15px 40px;
    }

    .__ceo1 .img {
        width: auto;
        float: none;
        height: auto;
        padding-top: 138%;
        margin-top: 30px;
    }

    .__ceo1 .info {
        width: auto;
        float: none;
        padding: 0;
    }

    .__ceo1 .info dl dt {
        padding-left: 0;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: -0.05em;
    }

    .__ceo1 .info dl dd {
        padding-left: 0;
    }

    .__ceo1 .info .txt {
        margin-top: 15px;
        padding-top: 15px;
    }

    .__ceo1 .info .txt p {
        font-size: 14px;
        line-height: 1.45;
    }

    .__ceo1 .info .txt p~p {
        margin-top: 10px;
    }

    .__ceo1 .info .sign {
        margin-top: 20px;
    }

    .__ceo1 .info .sign strong {
        font-size: 16px;
    }

    .__ceo1 .info .sign img {
        width: 60px;
    }

    .__ceo1 .info .line {
        left: -15px;
        width: 105vw;
    }

    .__ceo2 {
        padding: 40px 15px;
    }

    .__ceo2 .area {
        max-width: 100%;
    }

    .__ceo2 .area h3 {
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: -0.05em;
    }

    .__ceo2 .area .info {
        margin-top: 15px;
        padding-top: 20px;
    }

    .__ceo2 .info .line {
        right: -15px;
        width: 105vw;
    }

    .__ceo2 .info .blk {
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        padding: 0 15px;
    }

    .__ceo2 .info .blk li {
        font-size: 15px;
        letter-spacing: -0.025em;
        word-spacing: -0.025em;
    }

    .__ceo2 .info .blk li~li {
        margin-left: 7px;
        padding-left: 15px;
    }

    .__ceo2 .info .sum {
        margin-top: 15px;
    }

    .__ceo2 .info .sum p {
        font-size: 14px;
        line-height: 1.45;
    }

    .__ceo2 .info .sum p~p {
        margin-top: 10px;
    }

    .__ceo2 .info dl {
        margin-top: 20px;
    }

    .__ceo2 .info dl dt {
        font-size: 16px;
    }

    .__ceo2 .info dl dd span {
        font-size: 18px;
    }
}

.__talent1 {
    padding: 310px 15px 100px;
    background: #f7f7f7 url(../image/bg-talent.jpg) no-repeat 50% 0;
}

.__talent1 .wrap {
    max-width: 1440px;
}

.__talent1 .wrap:after {
    content: '';
    display: block;
    clear: both;
}

.__talent1 .area {
    max-width: 1097px;
    float: right;
    background: #fff url(../image/bg-talent1.jpg) no-repeat 100% 100%;
    padding: 80px 80px 90px;
    box-shadow: 0px 31px 40px 0px rgba(0, 0, 0, 0.06)
}

.__talent1 .area dl dt {
    display: inline-block;
    position: relative;
    font-size: 30px;
    color: #000;
    padding-bottom: 12px;
    line-height: 1.2;
    font-weight: bold;
}

.__talent1 .area dl dt:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #282358;
    border-radius: 2px;
}

.__talent1 .area dl dt span:before,
.__talent1 .area dl dt span:after {
    content: "";
    display: block;
    width: 42px;
    height: 35px;
    position: absolute;
    top: -35px;
}

.__talent1 .area dl dt span:before {
    background: url(../image/ico-talent1.png) no-repeat 50% 50%;
    background-size: contain;
    left: -40px;
}

.__talent1 .area dl dt span:after {
    background: url(../image/ico-talent2.png) no-repeat 50% 50%;
    background-size: contain;
    right: -40px;
}

.__talent1 .area dl dd {
    font-size: 18px;
    line-height: 1.65;
    color: #1c1c1c;
    margin-top: 55px;
}

.__talent1 .area dl dd p~p {
    margin-top: 20px;
}

.__talent2 {
    padding: 0 15px 100px;
    background: #f7f7f7 url(../image/bg-talent2.jpg) no-repeat 50% 100%;
    text-align: center;
}

@media all and (max-width:1024px) {
    .__talent1 {
        padding: 0 15px 40px;
        background-size: 100% auto;
    }

    .__talent1:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 15%;
    }

    .__talent1 .area {
        padding: 25px;
        box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06);
        background-size: 315px auto;
    }

    .__talent1 .area dl dt {
        font-size: 16px;
        padding-bottom: 10px;
        letter-spacing: -0.05em;
    }

    .__talent1 .area dl dt:before {
        height: 2px;
        border-radius: 1px;
    }

    .__talent1 .area dl dt span:before,
    .__talent1 .area dl dt span:after {
        width: 20px;
        height: 20px;
        top: -15px;
    }

    .__talent1 .area dl dt span:before {
        left: -15px;
    }

    .__talent1 .area dl dt span:after {
        right: -15px;
    }

    .__talent1 .area dl dd {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 15px;
    }

    .__talent1 .area dl dd p~p {
        margin-top: 10px;
    }
}

.__recsys1 {
    padding: 260px 15px 0;
    background: url(../image/bg-recsys.jpg) no-repeat 50% 0;
}

.__recsys1 .wrap {
    max-width: 1440px;
}

.__recsys1 .wrap:after {
    content: '';
    display: block;
    clear: both;
}

.__recsys1 .area {
    max-width: 785px;
    float: right;
    background: #fff url(../image/bg-recsys1.jpg) no-repeat 100% 100%;
    padding: 70px 80px 85px;
    box-shadow: 0px 31px 40px 0px rgba(0, 0, 0, 0.06);
    font-size: 18px;
    line-height: 1.65;
    color: #1c1c1c;
}

.__recsys2 {
    padding: 110px 15px 60px;
}

.__rectit {
    margin-bottom: 30px;
}

.__rectit h3 {
    height: 55px;
    line-height: 55px;
    border-radius: 27.5px;
    color: #fff;
    background: #282358;
    padding: 0 30px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

.__reccir .box {
    display: inline-block;
    vertical-align: top;
    margin-right: 35px;
    width: 296px;
    height: 296px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
}

.__reccir .box:nth-child(1) {
    background-image: url(../image/bg-reccir1.png);
}

.__reccir .box:nth-child(2) {
    background-image: url(../image/bg-reccir2.png);
}

.__reccir .box:nth-child(3) {
    background-image: url(../image/bg-reccir3.png);
}

.__reccir .box dl {
    padding-top: 70px;
    color: #222;
    font-size: 18px;
}

.__reccir .box dl dt {
    font-weight: bold;
    color: #222;
}

.__reccir .box dl dd {
    line-height: 1.65;
    margin-top: 33px;
}

html:lang(en) .__reccir .box dl dd {
    line-height: 1.2;
    margin-top: 28px;
}

.__rectxt {
    font-size: 16px;
    line-height: 1.6;
    color: #222;
}

.__recsys3 {
    padding: 80px 15px;
    background: #f7f7f7;
}

.__recdot>li {
    position: relative;
    padding-left: 0.7em;
    font-size: 18px;
    font-weight: bold;
    color: #222;
}

.__recdot>li~li {
    margin-top: 25px;
}

.__recdot>li:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
}

.__recdot>li>ul {
    margin-top: 12px;
    font-size: 0;
}

.__recdot>li>ul>li {
    display: inline-block;
    background: #fff;
    padding: 0 13px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    font-size: 18px;
    color: #222;
    min-width: 104px;
    font-weight: normal;
    margin-right: 30px;
    position: relative;
    text-align: center;
}

.__recdot>li>ul>li:before {
    content: "\f0da";
    display: block;
    position: absolute;
    left: 100%;
    margin-left: 12px;
    font-family: axicon;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    color: #282358;
}

.__recdot>li>ul>li:last-child {
    margin-right: 0;
}

.__recdot>li>ul>li:last-child:before {
    display: none;
}


.__recsys4 {
    padding: 80px 15px 100px;
}

.__rectxt2 {
    font-size: 18px;
    line-height: 1.6;
    color: #222;
}

.__rectbl {
    border: 1px solid #d1d1d1;
    width: 100%;
}

.__rectbl tr>* {
    font-size: 18px;
    line-height: 1.65;
    border-bottom: 1px solid #d1d1d1;
    vertical-align: middle;
}

.__rectbl tr th {
    background: #f7f7f7;
    text-align: left;
    width: 300px;
    padding: 25px 40px;
    height: 110px;
}

.__rectbl tr th img {
    margin: 0 5px;
}

.__rectbl tr td {
    padding: 25px 85px;
}

.__rectbl tr:nth-child(1) th span {
    color: #29a5ea;
}

.__rectbl tr:nth-child(2) th span {
    color: #0185cf;
}

.__rectbl tr:nth-child(3) th span {
    color: #002eb0;
}

.__rectbl tr:nth-child(4) th span {
    color: #021856;
}

@media all and (max-width:1024px) {
    .__recsys1 {
        padding: 0 15px;
        background-size: 100% auto;
    }

    .__recsys1:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 15%;
    }

    .__recsys1 .area {
        max-width: 100%;
        float: none;
        background-size: 220px auto;
        padding: 25px;
        box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06);
        font-size: 14px;
        line-height: 1.4;
    }

    .__recsys2 {
        padding: 40px 15px;
    }

    .__rectit {
        margin-bottom: 15px;
    }

    .__rectit h3 {
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        padding: 0 20px;
        font-size: 16px;
    }

    .__reccir {
        text-align: center;
    }

    .__reccir .box {
        margin: 0 5px 5px;
        width: 145px;
        height: 145px;
    }

    .__reccir .box dl {
        padding-top: 35px;
        font-size: 13px;
    }

    .__reccir .box dl dd {
        line-height: 1.25;
        margin-top: 15px;
        font-size: 12px;
        padding: 0 5px;
        letter-spacing: -0.05em;
        word-spacing: -0.025em;
    }

    .__rectxt {
        font-size: 14px;
        line-height: 1.45;
    }

    .__recsys3 {
        padding: 40px 15px;
    }

    .__recdot>li {
        font-size: 14px;
    }

    .__recdot>li~li {
        margin-top: 15px;
    }

    .__recdot>li>ul {
        margin-top: 10px;
    }

    .__recdot>li>ul>li {
        padding: 0 10px;
        height: 34px;
        line-height: 34px;
        border-radius: 17px;
        font-size: 14px;
        min-width: auto;
        margin-right: 20px;
    }

    .__recdot>li>ul>li:before {
        margin-left: 6px;
    }

    .__recsys4 {
        padding: 40px 15px;
    }

    .__rectxt2 {
        font-size: 14px;
        line-height: 1.4;
    }

    .__rectbl tr>* {
        font-size: 13px;
        line-height: 1.4;
    }

    .__rectbl tr th {
        width: 95px;
        padding: 10px;
        height: auto;
    }

    .__rectbl tr th img {
        margin: 0 0 0 3px;
        width: 15px;
        letter-spacing: -0.05em;
    }

    .__rectbl tr td {
        padding: 10px;
        font-size: 13px;
        line-height: 1.3;
        letter-spacing: -0.05em;
    }
}

.__welfare1 {
    background: url(../image/bg-welfare.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: center;
    font-size: 30px;
    line-height: 1.6;
    padding: 184px 15px;
    color: #fff;
}

.__welfare2 {
    padding: 100px 15px;
}

.__welfare2 .area {
    margin: 0 -10px -30px;
    font-size: 0;
}

.__welfare2 .area .box {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px;
    text-align: center;
}

.__welfare2 .area .box .in {
    background: #f7f7f7;
    padding: 65px 15px 55px;
}

.__welfare2 .area .box dl dt {}

.__welfare2 .area .box dl dd {
    height: 80px;
    margin-top: 25px;
}

.__welfare2 .area .box dl dd:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.__welfare2 .area .box dl dd span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #222;
    line-height: 1.65;
    font-weight: 500;
    letter-spacing: -0.025em;
}

@media all and (max-width:1024px) {
    .__welfare1 {
        font-size: 18px;
        line-height: 1.3;
        padding: 40px 15px;
    }

    .__welfare2 {
        padding: 40px 15px;
    }

    .__welfare2 .area {
        margin: 0 -5px -10px;
    }

    .__welfare2 .area .box {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .__welfare2 .area .box .in {
        padding: 15px 10px;
    }

    .__welfare2 .area .box dl dt img {
        width: 53px;
    }

    .__welfare2 .area .box dl dd {
        height: auto;
        margin-top: 15px;
    }

    .__welfare2 .area .box dl dd span {
        font-size: 13px;
        line-height: 1.3;
    }
}

.__inq .head {
    background: #f5f5f5;
    text-align: center;
    font-size: 0;
    padding: 35px 15px;
}

.__inq .head dl {
    display: inline-block;
    text-align: left;
}

.__inq .head dl>* {
    display: inline-block;
    vertical-align: middle;
}

.__inq .head dl dd {
    padding-left: 35px;
    font-size: 18px;
    line-height: 1.65;
    color: #222;
    font-weight: 500;
    letter-spacing: -0.025em;
}

.__inq .area {
    margin-top: 40px;
    border-top: 1px solid #000;
    padding-top: 20px;
}

.__inq .area .line {
    margin: 0 -20px;
    font-size: 0;
}

.__inq .area .line~.line {
    margin-top: 25px;
}

.__inq .area .line>* {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 20px;
}

.__inq .area .line dl {
    position: relative;
}

.__inq .area .line dl>* {
    display: inline-block;
    vertical-align: top;
}

.__inq .area .line dt {
    width: 85px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #0f0f0f;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.__inq .area .line dt span {
    color: #ef8200;
}

.__inq .area .line dd {
    width: calc(100% - 85px);
}

.__inq .area .line input[type='text'] {
    padding-left: 15px;
    font-size: 18px;
    display: block;
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
}

.__inq .area .line select {
    padding-left: 15px;
    font-size: 18px;
    appearance: none;
    display: block;
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
    line-height: initial !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E") no-repeat right 5px center;
}

.__inq .area .line select::-ms-expand {
    display: none;
}

.__inq .area .line textarea {
    display: block;
    width: 100%;
    height: 250px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    padding: 15px;
}

.__inq .area .line textarea::-webkit-input-placeholder {
    color: #d4d4d4;
}

.__inq .area .line textarea:-moz-placeholder {
    color: #d4d4d4;
}

.__inq .area .line textarea::-moz-placeholder {
    color: #d4d4d4;
}

.__inq .area .line textarea:-ms-input-placeholder {
    color: #d4d4d4;
}

.__inq .area .line.wide>* {
    width: 100%;
}

.__inq .area .line .file {
    max-width: 630px;
    position: relative;
    cursor: pointer;
}

.__inq .area .line .file input[type='file'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}

.__inq .area .line .file span {
    width: 160px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    background: #6b6969;
    font-size: 18px;
    font-weight: 500;
}

.__inq .area .line .mail {
    white-space: nowrap;
    font-size: 18px;
}

.__inq .area .line .mail input[type='text'] {
    width: calc(50% - 13px);
    display: inline-block;
    vertical-align: middle;
}

.__inq .area .line .tel {
    white-space: nowrap;
    font-size: 18px;
}

.__inq .area .line .tel input[type='text'] {
    width: calc(33% - 8px);
    display: inline-block;
    vertical-align: middle;
}

.__inq .agree {
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid #000;
}

.__inq .agree>* {
    display: inline-block;
    vertical-align: middle;
}

.__inq .agree i {
    width: 28px;
    height: 28px;
    background: #efefef;
    position: relative;
    border: 1px solid #d3d3d3;
    margin-right: 15px;
    cursor: pointer;
}

.__inq .agree i:before {
    content: "\e116";
    font-family: axicon;
    font-style: normal;
    position: absolute;
    left: 4px;
    top: 0;
    color: #282358;
    font-size: 18px;
    opacity: 0;
}

.__inq .agree i.active:before {
    opacity: 1;
}

.__inq .agree span {
    font-size: 18px;
    color: #111;
    letter-spacing: -0.025em;
}

.__inq .agree a {
    display: inline-block;
    font-weight: bold;
    border-bottom: 1px solid #111;
    font-size: inherit;
}

.__inq .agreebot {
    position: relative;
}

.__inq .agreebot .privacy_box--fc {
    display: none;
}

.__inq .agreebot .privacy_box--fc pre {
    font-family: inherit;
}

/* .__inq .privacy_txt--fc {
    position: absolute;
    left: -9999px;
    top: 0;
} */

.__inq .privacy_txt--fc {
    position: relative;
    /* left: -9999px; */
    /* top: 0; */
}

.__inq .btns {
    margin-top: 40px;
    text-align: center;
}

.__inq .btns button {
    width: 292px;
    height: 75px;
    border-radius: 5px;
    color: #fff;
    background: #282358;
    font-size: 18px;
}

@media all and (max-width:1024px) {
    .__inq .head {
        padding: 20px 15px;
    }

    .__inq .head dl {
        position: relative;
        padding-left: 60px;
    }

    .__inq .head dl dt {
        position: absolute;
        left: 0;
        top: 50%;
        width: 50px;
        margin-top: -13.5px;
    }

    .__inq .head dl dd {
        padding-left: 10px;
        font-size: 14px;
        line-height: 1.4;
    }

    .__inq .area {
        margin-top: 20px;
        padding-top: 10px;
    }

    .__inq .area .line {
        margin: 0;
    }

    .__inq .area .line~.line {
        margin-top: 10px;
    }

    .__inq .area .line>* {
        display: block;
        width: auto;
        padding: 0;
    }

    .__inq .area .line>*~* {
        margin-top: 10px;
    }

    .__inq .area .line dt {
        width: 80px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .__inq .area .line dd {
        width: calc(100% - 80px);
    }

    .__inq .area .line input[type='text'] {
        padding-left: 10px;
        font-size: 14px;
        height: 40px;
    }

    .__inq .area .line select {
        padding-left: 10px;
        font-size: 14px;
        height: 40px;
    }

    .__inq .area .line textarea {
        height: 100px;
        font-size: 14px;
        padding: 10px;
    }

    .__inq .area .line .file {
        max-width: 100%;
    }

    .__inq .area .line .file span {
        width: 80px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .__inq .area .line .mail {
        font-size: 14px;
    }

    .__inq .area .line .mail input[type='text'] {
        width: calc(50% - 10px);
    }

    .__inq .area .line .tel {
        font-size: 14px;
    }

    .__inq .area .line .tel input[type='text'] {
        width: calc(33% - 7px);
    }

    .__inq .agree {
        margin-top: 10px;
        padding-top: 17px;
        position: relative;
        padding-left: 27px;
    }

    .__inq .agree i {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 15px;
    }

    .__inq .agree i:before {
        left: 1px;
        font-size: 16px;
    }

    .__inq .agree span {
        font-size: 14px;
    }

    .__inq .btns {
        margin-top: 30px;
    }

    .__inq .btns button {
        width: 140px;
        height: 50px;
        font-size: 16px;
    }
}

.__svis {
    font-size: 0;
    height: 464px;
    text-align: center;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.__svis:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.__svis h3 {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__svis.manage h3 {
    font-size: 30px;
}

@media all and (max-width:1024px) {
    .__svis {
        height: 100px;
    }

    .__svis h3 {
        font-size: 24px;
    }

    .__svis.manage h3 {
        font-size: 20px;
    }
}

.__history .box {
    padding: 90px 15px;
}

.__history .box .wrap {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

.__history .box h4 {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    font-size: 60px;
    color: #333;
    font-weight: bold;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__history .box .area {
    margin-left: 39%;
    position: relative;
}

.__history .box .area:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 6px;
    height: 100%;
    background: #d7d7d7;
    width: 2px;
}

.__history .box .area dl {
    padding-left: 144px;
    position: relative;
}

.__history .box .area dl~dl {
    margin-top: 30px;
}

.__history .box .area dl:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #064d8c;
    position: absolute;
    left: 0;
    top: 6px;
}

.__history .box .area dl dt {
    position: absolute;
    left: 33px;
    top: 0;
    font-size: 20px;
    color: #333;
    line-height: 1.2;
    font-weight: bold;
}

.__history .box .area dl dd {
    font-size: 18px;
    line-height: 1.4;
}

.__history .box .area dl:last-child:after {
    content: "";
    width: 13px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 19px;
}

.__history .box:nth-child(even) {
    background: #f7f7f7;
}

.__history .box:nth-child(even) .area dl:before {
    border-color: #f6871f;
}

.__history .box:nth-child(even) .area dl:last-child:after {
    background: #f7f7f7;
}

.__organization {
    text-align: center;
    padding: 0 15px 170px;
    background: url(../image/bg-organization.png) no-repeat 50% 100%;
}

@media all and (max-width:1024px) {
    .__history .box {
        padding: 30px 15px;
    }

    .__history .box h4 {
        position: relative;
        font-size: 24px;
    }

    .__history .box .area {
        margin: 15px 0 0;
    }

    .__history .box .area:before {
        left: 4px;
        top: 6px;
        width: 2px;
    }

    .__history .box .area dl {
        padding-left: 20px;
    }

    .__history .box .area dl:before {
        top: 5px;
        width: 10px;
        height: 10px;
    }

    .__history .box .area dl:last-child:after {
        top: 15px;
    }

    .__history .box .area dl~dl {
        margin-top: 15px;
    }

    .__history .box .area dl dt {
        position: relative;
        left: 0;
        top: 0;
        font-size: 16px;
    }

    .__history .box .area dl dd {
        font-size: 14px;
        margin-top: 7px;
    }

    .__organization {
        padding: 0 15px 40px;
        background-size: auto 100%;
    }
}

.__manage {
    padding: 0 15px 100px;
    margin-top: -105px;
    position: relative;
    z-index: 10;
}

.__manage .area {
    margin: 0 -33px -66px;
    font-size: 0;
}

.__manage .area .box {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 33px;
    margin-bottom: 66px;
}

.__manage .area .box .in {
    border: 1px solid #f2f2f2;
    background: #fff;
    padding: 150px 50px 95px;
    box-shadow: 0px 26px 40px 0px rgba(199, 199, 199, 0.21);
}

.__manage .area .box dl dt {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.__manage .area .box dl dt:before {
    content: "";
    display: block;
    width: 114px;
    height: 95px;
    background: url(../image/ico-manage1.png) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.__manage .area .box dl dd {
    border-top: 1px solid #ededed;
    margin-top: 12px;
    padding-top: 30px;
}

.__manage .area .box dl dd ul li {
    position: relative;
    padding-left: 0.8em;
    font-size: 18px;
    line-height: 1.4;
    color: #000;
}

.__manage .area .box dl dd ul li~li {
    margin-top: 15px;
}

.__manage .area .box dl dd ul li:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
}

.__manage .area .box:nth-child(2) dl dt:before {
    background-image: url(../image/ico-manage2.png);
}

.__manage .area .box:nth-child(3) dl dt:before {
    background-image: url(../image/ico-manage3.png);
}

.__manage .area .box:nth-child(4) dl dt:before {
    background-image: url(../image/ico-manage4.png);
}

@media all and (max-width:1024px) {
    .__manage {
        padding: 0 15px 40px;
        margin-top: -15px;
    }

    .__manage .area {
        margin: 0 0 -10px;
    }

    .__manage .area .box {
        display: block;
        width: auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .__manage .area .box .in {
        padding: 20px 15px 20px;
        box-shadow: 0px 10px 20px 0px rgba(199, 199, 199, 0.21);
    }

    .__manage .area .box dl dt {
        font-size: 18px;
    }

    .__manage .area .box dl dt:before {
        width: 60px;
        height: 40px;
        right: 0;
    }

    .__manage .area .box dl dd {
        margin-top: 10px;
        padding-top: 15px;
    }

    .__manage .area .box dl dd ul li {
        font-size: 14px;
    }

    .__manage .area .box dl dd ul li~li {
        margin-top: 5px;
    }
}

.__loc #map1 {
    height: 600px !important;
}
.lx-cont1 .lx-a1_v1 .lx-a1_b2 #map {
    width: 100%;
    height: 19vw;
}

.__loc .loc {
    height: 606px;
    background: url(../image/img-map.jpg) no-repeat 50% 50%;
    margin: 0 -15px;
}

html:lang(en) .__loc .loc {
    background: url(../image/img-map_en.jpg) no-repeat 50% 50%;
}

html:lang(zh) .__loc .loc {
    background: url(../image/img-map_zh.jpg) no-repeat 50% 50%;
}

html:lang(jp) .__loc .loc {
    background: url(../image/img-map_jp.jpg) no-repeat 50% 50%;
}

.__loc .area {
    position: relative;
    padding-left: 300px;
    margin-top: 85px;
}

.__loc .area .img {
    position: absolute;
    left: 0;
    top: 0;
}

.__loc .area .tbl dl {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.__loc .area .tbl dl~dl {
    margin-top: 15px;
}

.__loc .area .tbl dl>* {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 20px;
    font-size: 18px;
}

.__loc .area .tbl dl dt {
    border-bottom: 1px solid #111;
    font-weight: 500;
    width: 215px;
    color: #111;
}

.__loc .area .tbl dl dt>* {
    display: inline-block;
    vertical-align: middle;
}

.__loc .area .tbl dl dt img {
    margin-right: 15px;
}

.__loc .area .tbl dl dd {
    border-bottom: 1px solid #b7b7b7;
    padding-left: 20px;
    font-weight: 300;
}

@media all and (max-width:1024px) {
    .__loc #map1 {
        height: 250px !important;
    }

    .__loc .loc {
        height: auto;
        background-size: cover;
        padding-top: 80%;
    }

    .__loc .area {
        padding-left: 0;
        margin-top: 20px;
    }

    .__loc .area .img {
        position: relative;
    }

    .__loc .area .img img {
        width: 100px;
    }

    .__loc .area .tbl {
        margin-top: 10px;
    }

    .__loc .area .tbl dl {
        display: block;
    }

    .__loc .area .tbl dl~dl {
        margin-top: 10px;
    }

    .__loc .area .tbl dl>* {
        display: block;
        padding-bottom: 0;
        font-size: 14px;
        border-bottom: none !important;
    }

    .__loc .area .tbl dl dt {
        width: 80px;
    }

    .__loc .area .tbl dl dt img {
        margin-right: 5px;
        width: 15px;
    }

    .__loc .area .tbl dl dd {
        padding-left: 0;
        margin-top: 3px;
    }
}

.__notice {
    font-size: 0;
    margin: 0 -10px -20px;
}

.__notice .box {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.__notice .box .in {
    display: block;
    background: #f7f7f7;
    padding: 60px 40px 50px;
    position: relative;
}

.__notice .box .subject {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    height: 3.6em;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.__notice .box .sum {
    margin-top: 25px;
    color: #737373;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    height: 4.2em;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.__notice .box .date {
    margin-top: 53px;
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a;
}

.__notice .box i {
    display: block;
    background: #282358;
    position: absolute;
    transition: 0.5s;
}

.__notice .box .line1 {
    left: 0;
    top: 0;
    height: 3px;
    width: 0;
}

.__notice .box .line2 {
    right: 0;
    top: 0;
    width: 3px;
    height: 0;
}

.__notice .box .line3 {
    right: 0;
    bottom: 0;
    height: 3px;
    width: 0;
}

.__notice .box .line4 {
    left: 0;
    bottom: 0;
    width: 3px;
    height: 0;
}

.__notice .box .in:hover .line1 {
    width: 100%;
}

.__notice .box .in:hover .line2 {
    height: 100%;
}

.__notice .box .in:hover .line3 {
    width: 100%;
}

.__notice .box .in:hover .line4 {
    height: 100%;
}

@media all and (max-width:1024px) {
    .__notice {
        margin: 0 0 -0px;
    }

    .__notice .box {
        display: block;
        width: auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .__notice .box .in {
        padding: 20px 15px;
    }

    .__notice .box .subject {
        font-size: 16px;
        line-height: 1.2;
        height: auto;
        max-height: 2.4em;
        -webkit-line-clamp: 2;
    }

    .__notice .box .sum {
        margin-top: 15px;
        font-size: 14px;
        line-height: 1.4;
        height: auto;
        max-height: 4.2em;
        -webkit-line-clamp: 2;
    }

    .__notice .box .date {
        margin-top: 20px;
        font-size: 14px;
    }

    .__notice .box .line1 {
        height: 2px;
    }

    .__notice .box .line2 {
        width: 2px;
    }

    .__notice .box .line3 {
        height: 2px;
    }

    .__notice .box .line4 {
        width: 2px;
    }
}

.__video {
    background: #f7f7f7;
    padding: 80px 15px;
}

.__video .wrap {
    max-width: 1016px;
    margin: 0 auto;
}

.__video .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.__video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.__vidList {
    margin: 0 -10px -60px;
    font-size: 0;
}

.__vidList .box {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 60px;
}

.__vidList .box .in {
    display: block;
    position: relative;
}

.__vidList .box .img {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.__vidList .box .img video,
.__vidList .box .img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.__vidList .box .info {
    margin-top: 17px;
    text-align: center;
}

.__vidList .box .info p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #333;
    letter-spacing: -0.025em;
}

@media all and (max-width:1024px) {
    .__video {
        padding: 40px 15px;
    }

    .__vidList {
        margin: 0 -5px -25px;
    }

    .__vidList .box {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 25px;
    }

    .__vidList .box .info {
        margin-top: 10px;
    }

    .__vidList .box .info p {
        font-size: 14px;
    }

    .__icodown {
        width: 14px;
    }
}

.__snb2 {
    text-align: center;
    font-size: 0;
    margin-bottom: 45px;
}

.__snb2 ul li {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin-left: -1px;
}

.__snb2 ul li a {
    display: block;
    height: 60px;
    border: 1px solid #d0d0d0;
    text-align: center;
    font-size: 0;
    padding: 0 10px;
    color: #343434;
}

.__snb2 ul li a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.__snb2 ul li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    white-space: normal;
}

.__snb2 ul .on a {
    border-color: #282358;
    color: #fff;
    background: #282358;
}

.__finance .lab {
    text-align: center;
    margin-bottom: 40px;
}

.__finance .lab label {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 80px;
    font-size: 0;
}

.__finance .lab label:last-child {
    margin-right: 0;
}

.__finance .lab label input {
    position: absolute;
    left: 0;
    top: 0;
}

.__finance .lab label i {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    background: #f7f7f7;
    margin-right: 7px;
}

.__finance .lab label i:before {
    content: "";
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    background: #282358;
}

.__finance .lab label span {
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    font-size: 16px;
}

.__finance .lab label input:checked~i:before {
    display: block;
}

.__finance .graph {
    background: #f7f7f7;
    padding: 60px 20px;
}

.__finance .ex {
    max-width: 900px;
    text-align: right;
    font-size: 16px;
    margin: 0 auto;
}

.__finance #graph {
    max-width: 900px;
    height: 410px;
    margin: 0 auto;
}

.__finance .tbl {
    margin-top: 80px;
}

.__finance .tbl table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #064d8c;
}

.__finance .tbl table tr>* {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    color: #343434;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.__finance .tbl table tr>*:last-child {
    border-right: none;
}

.__finance .tbl table thead tr th {
    border-bottom: 1px solid #064d8c;
    color: #000;
    background: #f6fbfd;
}

.__finance .tbl table tbody tr th {
    background: #fafafa;
}

.__finance .tbl table tbody tr:last-child>* {
    border-bottom-color: #064d8c;
}

@media all and (max-width:1024px) {
    .__snb2 {
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .__snb2 ul {
        margin-right: -2px;
    }

    .__snb2 ul li {
        width: 50%;
        margin-left: -1px;
    }

    .__snb2 ul li a {
        height: 40px;
    }

    .__snb2 ul li a span {
        font-size: 14px;
    }

    .__finance .lab {
        margin-bottom: 15px;
    }

    .__finance .lab label {
        margin-right: 20px;
    }

    .__finance .lab label span {
        font-size: 14px;
    }

    .__finance .graph {
        padding: 20px 15px;
    }

    .__finance .ex {
        font-size: 14px;
    }

    .__finance #graph {
        height: 250px;
    }

    .__finance .tbl {
        margin-top: 20px;
    }

    .__finance .tbl table tr>* {
        padding: 8px 0;
        font-size: 13px;
    }

    .__finance .tbl table tr tbody th {
        letter-spacing: -0.05em;
    }
}

.__overview {
    position: relative;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__overview h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -157px 0 0 -157px;
    z-index: 50;
}

.__overview h3 span {
    display: none;
}

.__overview .area {
    margin: 0 -20px -40px;
    font-size: 0;
    text-align: center;
}

.__overview .area img {
    width: 60%;
}

.__overview .area .box {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.__overview .area .box .in {
    background: #f7f7f7;
    padding: 40px 35px 35px;
    text-align: center;
}

.__overview .area .box h4 {
    text-align: center;
    margin-bottom: 35px;
}

.__overview .area .box h4 span {
    display: inline-block;
    font-size: 30px;
    color: #282358;
    border-bottom: 2px solid #282358;
    font-weight: bold;
}

.__overview .area .box h5 {
    font-size: 16px;
    color: #282358;
    border-bottom: 1px solid #cae1ee;
    font-weight: 500;
    padding-bottom: 8px;
    margin-bottom: 15px;
    letter-spacing: -0.04em;
    white-space: nowrap;
}

.__overview .area .box h5~h5 {
    margin-top: 15px;
}

.__overview .area .box h6 {
    background: #e1e1e1;
    font-size: 16px;
    color: #161616;
    height: 30px;
    line-height: 30px;
    letter-spacing: -0.025em;
    font-weight: normal;
    white-space: nowrap;
}

.__overview .area .box h6 strong {
    font-weight: 600;
}

.__overview .area .box .rows {
    margin: 0 -18px;
}

.__overview .area .box .rows>.item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 18px;
}

.__overview .area .box .rows .rows {
    margin: 0 -4.5px;
}

.__overview .area .box .rows .rows>.item {
    padding: 0 4.5px;
}

.__overview .area .box .rows~.rows {
    margin-top: 10px;
}

.__overview .area .box .img {
    height: 340px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.__overview .area .box:nth-child(2) h4 span {
    color: #8e60a8;
    border-bottom-color: #8e60a8;
}

.__overview .area .box:nth-child(2) h5 {
    color: #764791;
    border-bottom-color: #e0d7e5;
}

.__overview .area .box:nth-child(3) h4 span {
    color: #444d9c;
    border-bottom-color: #444d9c;
}

.__overview .area .box:nth-child(3) h5 {
    color: #444d9c;
    border-bottom-color: #e0d7e5;
}

.__overview .area .box:nth-child(4) h4 span {
    color: #063d27;
    border-bottom-color: #063d27;
}

.__overview .area .box:nth-child(4) h5 {
    color: #063d27;
    border-bottom-color: #e0d7e5;
}

.txt__overview {
    text-align: center;
}

.txt__overview p {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.__overview .area {
    padding-top: 100px;
}

.txt__overview p strong {}

@media all and (max-width: 991px) {
    .txt__overview p {
        font-size: 18px;
    }

    .__overview .area {
        padding-top: 80px;
    }
}

@media all and (max-width: 767px) {
    .txt__overview p {
        font-size: 16px;
    }

    .__overview .area {
        padding-top: 60px;
    }
}

@media all and (max-width: 575px) {
    .txt__overview p {
        font-size: 14px;
    }

    .__overview .area {
        padding-top: 40px;
    }
}

@media all and (max-width:1240px) {

    .__overview .area {
        margin: 0 -10px -20px;
    }

    .__overview .area .box {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .__overview .area .box .in {
        padding: 30px 25px 25px;
    }

    .__overview .area .box .rows {
        margin: 0 -10px;
    }

    .__overview .area .box .rows>.item {
        padding: 0 10px;
    }

    .__overview .area .box h4 span {
        font-size: 24px;
    }

    .__overview .area .box h5 {
        font-size: 14px;
    }

    .__overview .area .box h6 {
        font-size: 14px;
    }
}

@media all and (max-width:1024px) {

    .__overview h3 {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 15px;
    }

    .__overview h3 img {
        display: none;
    }

    .__overview h3 span {
        display: block;
        font-size: 20px;
        text-align: center;
        color: #0030a1;
        font-weight: bold;
    }

    .__overview .area {
        margin: 0 0 -20px;
    }

    .__overview .area .box {
        display: block;
        width: auto;
        padding: 0;
        margin-bottom: 20px;
    }

    .__overview .area .box .in {
        padding: 20px 15px;
    }

    .__overview .area .box h4 {
        margin-bottom: 15px;
    }

    .__overview .area .box h4 span {
        font-size: 18px;
    }

    .__overview .area .box h5 {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .__overview .area .box h5~h5 {
        margin-top: 15px;
    }

    .__overview .area .box h6 {
        font-size: 13px;
    }

    .__overview .area .box .rows {
        margin: 0 -5px;
    }

    .__overview .area .box .rows>.item {
        padding: 0 10px;
    }

    .__overview .area .box .rows .rows {
        margin: 0 -5px;
    }

    .__overview .area .box .rows .rows>.item {
        padding: 0 5px;
    }

    .__overview .area .box .rows~.rows {
        margin-top: 10px;
    }

    .__overview .area .box .img {
        height: auto !important;
        padding: 10px;
    }

    .__overview .area .box .img img {
        transform: scale(0.85);
    }

    .__overview .area .box ._img1 {
        height: 131px !important;
    }

    .__overview .area .box .in>.rows>.item {
        width: 100%;
    }

    .__overview .area .box .in>.rows>.item~.item {
        margin-top: 30px;
    }
}

.__pdtList .cate {
    position: absolute;
    left: -9999px;
    top: 0;
    font-size: 0;
}

.__pdtList .list {
    border-top: 1px solid #e8e8e8;
    padding: 55px 0;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__pdtList .list h3,
.sec_prod_catalog_down h3 {
    font-size: 30px;
    font-weight: bold;
    color: #282358;
    margin-bottom: 25px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__pdtList .list .area {
    font-size: 0;
    margin: 0 -7.5px -50px;
}

.__pdtList .list .area .box {
    display: inline-block;
    width: 33.33333%;
    vertical-align: top;
    padding: 0 7.5px;
    margin-bottom: 50px;
}

.__pdtList .list .area .box .in {
    display: block;
}

.__pdtList .list .area .box .img {
    background: #f7f7f7;
}

.__pdtList .list .area .box .img span {
    display: block;
    padding-top: 72.18225%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.__pdtList .list .area .box .info {
    text-align: center;
    margin-top: 25px;
    font-size: 24px;
    color: #000;
    font-weight: 500;
}

@media all and (max-width:1024px) {
    .__pdtList .list {
        padding: 30px 0;
    }

    .__pdtList .list h3,
    .sec_prod_catalog_down h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .__pdtList .list .area {
        margin: 0 -5px -30px;
    }

    .__pdtList .list .area .box {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 30px;
    }

    .__pdtList .list .area .box .info {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.2;
    }
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.__pdtView {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.__pdtView .head {
    text-align: center;
}

.__pdtView .head h3 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.__pdtView .head .sum {
    font-size: 18px;
    line-height: 1.65;
    color: #1c1c1c;
    margin-top: 25px;
}

.__pdtView .img {
    margin-top: 35px;
}

.__pdtView .img .big {
    background: #f7f7f7;
    position: relative;
}

.__pdtView .img .big .box span {
    display: block;
    height: 475px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.__pdtView .img .big .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 123px;
    height: 124px;
    display: block;
    text-align: left;
    font-size: 0;
    border: none;
    text-indent: -9999px;
    overflow: visible;
    z-index: 100;
    transform: none;
}

.__pdtView .img .big .slick-arrow.slick-prev {
    left: 15px;
    background: url(../image/pdt-prev.png) no-repeat;
}

.__pdtView .img .big .slick-arrow.slick-next {
    right: 15px;
    background: url(../image/pdt-next.png) no-repeat;
}

.__pdtView .img .thm {
    margin-top: 12px;
    padding: 0 129px;
    position: relative;
}

.__pdtView .img .thm .slick-slider {
    position: static;
}

.__pdtView .img .thm .box {
    padding: 0 5px;
    cursor: pointer;
}

.__pdtView .img .thm .box span {
    display: block;
    /* height: 124px; */
    height: 250px;
    background-repeat: no-repeat;
    /* background-position: 50% 0; */
    background-position: 50% 50%;
    background-size: 100% auto;
    position: relative;
}

.__pdtView .img .thm .box span:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.12);
    transition: 0.3s;
}

.__pdtView .img .thm .box span:after {
    content: "";
    display: block;
    position: absolute;
    border: 3px solid #007ec8;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    transition: 0.3s;
    opacity: 0;
}

.__pdtView .img .thm .box.slick-current span:before {
    opacity: 0;
}

.__pdtView .img .thm .box.slick-current span:after {
    opacity: 1;
}

.__pdtView .img .thm .slick-arrow {
    position: absolute;
    top: calc(50% - 62px);
    width: 123px;
    height: 124px;
    display: block;
    text-align: left;
    font-size: 0;
    border: none;
    text-indent: -9999px;
    overflow: visible;
    z-index: 100;
    transform: none;
}

.__pdtView .img .thm .slick-arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #b8b8b8;
}

.__pdtView .img .thm .slick-arrow.slick-prev {
    left: 0;
    background: #ededed url(../image/pdt-prev2.png) no-repeat;
}

.__pdtView .img .thm .slick-arrow.slick-next {
    right: 0;
    background: #ededed url(../image/pdt-next2.png) no-repeat;
}

.__pdtView .sec {
    margin-top: 70px;
}

.__pdtView .sec h4 {
    margin-bottom: 25px;
}

.__pdtView .sec h4 span {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    border-radius: 27.5px;
    padding: 0 25px;
    background: #222;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.__pdtView .sec h4.blue span {
    background: #282358;
}

.__pdtView .sec ul.list>li {
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    line-height: 1.5;
}

.__pdtView .sec ul.list>li~li {
    margin-top: 10px;
}

.__pdtView .sec ul.list>li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
    background: #000;
}

.__pdtView .sec .tbl {
    width: 100%;
    table-layout: auto;
    border-top: 1px solid #064d8c;
}

.__pdtView .sec .con {
    overflow: auto;
}

.__pdtView .sec .tbl.fix {
    table-layout: fixed;
    min-width: 800px;
}

.__pdtView .sec .tbl tr>* {
    text-align: center;
    font-size: 18px;
    padding: 17px 10px;
    line-height: 1.5;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    vertical-align: middle;
}

.__pdtView .sec .tbl tr>*:last-child {
    border-right: none;
}

.__pdtView .sec .tbl thead tr th {
    border-bottom: 1px solid #064d8c;
    background: #f6fbfd;
    font-weight: bold;
    color: #000;
}

.__pdtView .sec .tbl tbody tr>* {
    font-weight: normal;
}

.__pdtView .sec .tbl tbody tr th {
    background: #fafafa;
}

.__pdtView .sec .tbl tbody tr:last-child>* {
    border-bottom-color: #064d8c;
}

.__pdtView .sec .tbl tbody tr td em {
    font-style: normal;
    font-size: 12px;
    position: relative;
    top: -3px;
    color: #282358;
}

.__pdtView .sec .tbl tbody tr td span {
    font-style: normal;
    font-size: small;
    vertical-align: super;
}

@media (max-width: 1024px) {
    .__pdtView .sec .tbl tbody tr td span {
        font-size: 10px;
    }
}

.__pdtView .table_caption {
    padding: 30px 0;
}

.__pdtView .table_caption p {
    font-size: 14px;
    color: #282358;
}

.__pdtView .btns {
    margin-top: 70px;
    text-align: center;
}

.__pdtView .btns a {
    display: inline-block;
    width: 292px;
    height: 65px;
    line-height: 65px;
    border-radius: 5px;
    color: #fff;
    background: #043394;
    font-size: 18px;
}

@media all and (max-width:1024px) {
    .__pdtView .head h3 {
        font-size: 20px;
    }

    .__pdtView .head .sum {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.45;
    }

    .__pdtView .img {
        margin-top: 20px;
    }

    .__pdtView .img .big .box span {
        height: auto;
        padding-top: 72.18225%;
    }

    .__pdtView .img .big .slick-arrow {
        margin-top: -30px;
        width: 60px;
        height: 60px;
        background-size: contain !important;
    }

    .__pdtView .img .big .slick-arrow.slick-prev {
        left: 0;
    }

    .__pdtView .img .big .slick-arrow.slick-next {
        right: 0;
    }

    .__pdtView .img .thm {
        margin-top: 10px;
        padding: 0 65px;
    }

    .__pdtView .img .thm .box {
        padding: 0 5px;
    }

    .__pdtView .img .thm .box span {
        height: auto;
        /* padding-top: 55%; */
        padding-top: 80%;
    }

    .__pdtView .img .thm .slick-arrow {
        top: 0;
        width: 60px;
        height: 100%;
        background-size: contain !important;
        background-position: 50% 50% !important;
    }

    .__pdtView .sec {
        margin-top: 30px;
    }

    .__pdtView .sec h4 {
        margin-bottom: 15px;
    }

    .__pdtView .sec h4 span {
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        padding: 0 15px;
        font-size: 16px;
    }

    .__pdtView .sec ul.list>li {
        padding-left: 20px;
        font-size: 14px;
        line-height: 1.4;
    }

    .__pdtView .sec ul.list>li~li {
        margin-top: 5px;
    }

    .__pdtView .sec ul.list>li:before {
        width: 4px;
        height: 4px;
        top: 8px;
    }

    .__pdtView .sec .tbl tr>* {
        font-size: 13px;
        padding: 7px 5px;
        line-height: 1.3;
    }

    .__pdtView .sec .tbl tbody tr td em {
        font-size: 10px;
        top: -2px;
    }

    .br_xl {
        display: none;
        1
    }

    .__pdtView .btns {
        margin-top: 30px;
    }

    .__pdtView .btns a {
        width: 140px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}

@media all and (max-width:1024px) {}




/* 조직도 컬러 */




/* catalog */
.prod_catalog_wrap {}

.sec_prod_catalog_down {
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid #e8e8e8;
}

.sec_prod_catalog_down .catalog_tit {
    display: flex;
    padding-bottom: 20px;
}

.sec_prod_catalog_down .catalog_tit i {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    position: relative;
    top: -2px;
    background: url(../image/ico_download_02.png) no-repeat center / 40px;
    margin-left: 20px;
}

.sec_prod_catalog_down .catalog_img {}

.sec_prod_catalog_down .catalog_img img {
    opacity: 1;
}

.sec_external_dimension {}

.sec_external_dimension .catalog_list {}

.sec_external_dimension .catalog_list>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.sec_external_dimension .catalog_list>li>p {
    font-family: "Montserrat", "Noto Sans KR", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.sec_external_dimension .catalog_cont {
    display: flex;
    width: 77%;
    margin: 0 -3px;
}

.sec_external_dimension .catalog_cont li {
    width: 25%;
    padding: 0 3px;
}

.sec_external_dimension .catalog_cont li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 64px 10px 26px;
    position: relative;
    border: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sec_external_dimension .catalog_cont li a span {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
    word-break: break-all; */
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.sec_external_dimension .catalog_cont li a span em {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    font-style: normal;
    margin-top: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: inline-block;
}

.sec_external_dimension .catalog_cont li a i {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50%-20px);
    right: 20px;
    background: url(../image/ico_download_02.png) no-repeat center / 40px;
}

.sec_external_dimension .catalog_cont li:hover a {
    background-color: #1b78ba;
}

.sec_external_dimension .catalog_cont li:hover a span {
    color: #fff;
}

.sec_external_dimension .catalog_cont li:hover a span em {
    color: #fff;
}

@media all and (max-width: 1024px) {
    .sec_prod_catalog_down {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .sec_prod_catalog_down .catalog_tit i {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        min-width: 30px;
        height: 30px;
        background: url(../image/ico_download_02.png) no-repeat center / 30px;
        margin-left: 10px;
    }

    .sec_external_dimension .catalog_cont {
        width: 100%;
        margin: 0 -3px;
        padding-top: 10px;
        flex-wrap: wrap;
    }

    .sec_external_dimension .catalog_cont li {
        width: 50%;
        margin: 5px 0;
    }

    .sec_external_dimension .catalog_list>li {
        align-items: flex-start;
        padding: 20px 0;
        flex-direction: column;
    }

    .sec_external_dimension .catalog_list>li>p {
        font-size: 20px;
    }
}

@media all and (max-width: 991px) {
    .sec_external_dimension .catalog_list>li>p {
        font-size: 18px;
    }
}

@media all and (max-width: 767px) {
    .sec_external_dimension .catalog_list>li>p {
        font-size: 16px;
    }

    .sec_prod_catalog_down {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sec_external_dimension .catalog_list>li:first-child {
        padding-top: 0;
    }
}

@media all and (max-width: 575px) {
    .sec_external_dimension .catalog_cont li {
        width: 100%;
    }

    .sec_external_dimension .catalog_cont li a {
        height: 60px;
    }

    .sec_external_dimension .catalog_cont li a i {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
        background: url(../image/ico_download_02.png) no-repeat center / 30px;
    }
}

/* //catalog */

/* modal */
#dataModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;

    overflow: auto;
    z-index: 999;
}

#dataModal .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#dataModal .modal_dialog {
    display: block;
    width: 630px;
    height: calc(100vh - 150px);
    position: absolute;
    top: 100px;
    left: calc(50vw - 315px);
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.75);
    background-color: #fff;
    padding: 40px 40px;
    overflow: scroll;
}

#dataModal .modal-wrap {}

#dataModal .modal_content {
    display: block;
    text-align: center;
    background-color: #fff;
}

#dataModal .modal_header {
    position: absolute;
    top: 0;
    right: 0px;
}

#dataModal .modal_header .close {
    line-height: 1;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    background-color: transparent;
    border: none;
    padding: 10px 10px;
    cursor: pointer;
    opacity: 1;
}

#dataModal .modal_body {}

#dataModal .modal_body__inner>p {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

#dataModal .modal_wrap {
    text-align: left;
    font-size: 0;
}

#dataModal .modal_inquire_wrap {
    position: relative;
    margin: 10px auto;
    display: flex;
    align-items: center;
}

#dataModal .modal_inquire_wrap .placeholder {
    /* position: absolute; */
    font-size: 18px;
    font-weight: 700;
    color: #000;
    width: 100px;
    display: inline-block;
}

#dataModal .modal_wrap input {
    border-color: #ddd;
}

#dataModal .modal_inquire_wrap input {
    position: relative;
    width: 100%;
    height: 60px;
    background: transparent;
    z-index: 1;
    width: calc(100% - 100px);
    border: 1px solid #ddd;
}

#dataModal .modal_inquire_wrap input#company_name {
    font-size: initial;
    font-weight: initial;
    color: inherit;
}

#dataModal .modal_inquire_wrap .inquire_box {
    display: flex;
    width: calc(100% - 100px);
}

#dataModal .modal_inquire_wrap .inquire_box button {
    position: relative;
    width: 45%;
    height: 60px;
    background: #6b6969;
    font-size: 18px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.modal input {
    font-size: initial;
    font-weight: initial;
    color: inherit;
}

.modal_a_button {
    position: relative;
    width: 290px;
    height: 75px;
    text-align: left;
    border-radius: 7.5px;
    background: #282358;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 10px;
}

.modal_a_button .modal_a_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_body__inner.__inq .agree {
    border-top: none;
    padding-top: 0;
    margin-top: 30px;
}

.privacy_wrap {}

.privacy_txt--fc {
    padding-top: 30px;
    padding-bottom: 30px;
}

.privacy_txt--fc span {
    cursor: pointer;
    padding-bottom: 2px;
    /* border-bottom: 1px solid #000; */
    font-weight: 700;
}

.privacy_box--fc {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    display: none;
}

.privacy_box--fc span {}

.agree .privacy_txt--fc {
    text-align: left;
}

@media all and (max-width: 1024px) {}

@media all and (max-width: 991px) {
    #dataModal .modal_dialog {
        width: 80%;
        left: 10%;
        padding: 20px 20px;
    }

    #dataModal .modal_body__inner>p {
        font-size: 24px;
    }

    #dataModal .modal_inquire_wrap .placeholder {
        width: 80px;
        font-size: 14px;
    }

    #dataModal .modal_inquire_wrap input {
        height: 50px;
    }

    #dataModal .modal_inquire_wrap .inquire_box {
        width: calc(100% - 80px);
    }

    #dataModal .modal_inquire_wrap .inquire_box button {
        height: 50px;
        width: 80px;
        min-width: 80px;
        font-size: 14px;
    }

    .modal_a_button {
        width: 70%;
        height: 60px;
    }
}

@media all and (max-width: 767px) {
    #dataModal .modal_body__inner>p {
        font-size: 20px;
    }
}

@media all and (max-width: 575px) {
    #dataModal .modal_inquire_wrap {
        align-items: flex-start;
        flex-direction: column;
    }

    #dataModal .modal_inquire_wrap input {
        width: 100%;
    }

    #dataModal .modal_inquire_wrap .inquire_box {
        width: 100%;
    }

    #dataModal .modal_inquire_wrap input {
        height: 40px;
    }

    #dataModal .modal_inquire_wrap .inquire_box button {
        height: 40px;
    }
}

/* //modal */



/* inquiry-new */
.basic-board-list--fc .board-status--fc {
    color: #282358;
}

.basic-board-list--fc .board-status--fc.active {
    color: #f00;
}

.__inq .board-wrap--fc {
    margin-top: 40px;
}

.__inq .board-wrap--fc .category-tab--fc {
    display: none;
}

.__inq .board-wrap--fc .board-search-wrap--fc {
    display: none;
}

.__inq .board-wrap--fc .btn-write-wrap--fc a {
    padding: 0 66px;
    background-color: #257bc8;
    font-size: 18px;
    line-height: 58px;
    font-weight: 500;
    color: #fff;
    margin-top: 20px;
}

.basic-board-row--fc .check-btn {
    display: inline-block;
    height: 2.1875rem;
    line-height: 2.0rem;
    background-color: #f3f3f3;
    border: 1px solid #dedede;
    vertical-align: middle;
    padding: 0 10px;
}

body.page-114 .__snb2 {
    display: none;
}


@media all and (max-width: 991px) {}

@media all and (max-width: 767px) {
    .__inq .board-status--fc {
        padding-left: 10px;
    }
}

@media all and (max-width: 575px) {}

/* //inquiry-new */


/* clients 주요고객사 */
.board-wrap {
    display: none;
}

.partner-content {}

.partner-content #__tit{
    margin: 0;
}
.partner-list {
    padding-top: 15px;
}

.sw-title {}

.sw-title h3 {
    font-size: 30px;
    font-weight: bold;
    color: #282358;
    margin-bottom: 25px;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

.partner-list ul:not(.slick-slider) {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.partner-list ul:not(.slick-slider) li {
    width: 20%;
    padding: 15px 6px;
}

.partner-list ul li .thumb {
    position: relative;
    height: 0;
    padding-bottom: 28.415%;
    /*overflow: hidden;*/
}

.partner-list ul li .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    min-height: 100%;
    object-fit: contain;
    transition: 0.3s;
}

/* 고객사 로고 테두리 */
/* .partner-list ul li .thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #eee;
    opacity: 1;
}

body.page-122 .partner-list ul li .thumb:after,
body.page-123 .partner-list ul li .thumb:after {
    opacity: 1;
} */

@media all and (max-width:1024px) {
    .sw-title h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

/* //clients 주요고객사 */

/* ci */
.__ci {
    padding-bottom: 100px;
}

.__ci h3 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
    padding-bottom: 100px;
}

.__ci .area {
    display: flex;
    justify-content: space-between;
}

.txt__ci {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.txt__ci p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.txt__ci p strong {}

.down__ci {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

.down__ci .down__ci_btn {
    position: relative;
    width: 330px;
    height: 65px;
    border-radius: 7.5px;
    text-align: left;
    padding: 0 30px;
    margin: 0 15px;
    display: flex;
    align-items: center;
}

.down__ci .down__ci_btn.blue {
    background-color: #282358;
}

.down__ci .down__ci_btn.orange {
    background-color: #F6851F;
}

.down__ci .down__ci_btn span {
    font-size: 18px;
    color: #fff;
}

.down__ci .down__ci_btn i {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 30px;
    background-image: url(../image/ico_download_03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.__layout.ci_logo_type .area img {
    width: 48%;
    box-shadow: 20px 20px 20px rgba(199, 199, 199, 0.21);
}

.__layout.ci_logo_type {
    background-image: url(../image/bg_ci_01.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 140px;
}

.color_info {
    display: flex;
}

.color_info .color_type {
    display: flex;
}

.color_info .color_type:first-child {
    padding-right: 60px;
}

.color_info .color_type>span {
    display: block;
    width: 27px;
    height: 27px;
}

.color_info .color_type.blue>span {
    background-color: #282358;
}

.color_info .color_type.orange>span {
    background-color: #F6851F;
}

.color_info .color_type ul {
    padding-left: 24px;
}

.color_info .color_type ul li {}

.color_info .color_type ul li span {
    font-size: 20px;
}

.color_info .color_type ul li span strong {}

@media all and (max-width: 1024px) {}

@media all and (max-width: 991px) {
    .__layout.ci_logo_type {
        padding-top: 100px;
    }

    .txt__ci p {
        font-size: 16px;
    }

    .__ci .area {}

    .color_info .color_type ul li span {
        font-size: 18px;
    }

    .down__ci .down__ci_btn span {
        font-size: 16px;
    }
}

@media all and (max-width: 767px) {
    .__layout.ci_logo_type {
        padding-top: 50px;
    }

    .txt__ci {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .txt__ci p {
        font-size: 14px;
    }

    .__ci h3 {
        font-size: 26px;
        padding-bottom: 50px;
    }

    .__ci .area {
        flex-direction: column;
        align-items: center;
    }

    .__layout.ci_logo_type .area img {
        width: 80%;
        margin-bottom: 30px;
    }

    .color_info .color_type ul li span {
        font-size: 16px;
    }

    .color_info {
        flex-direction: column;
        padding-left: 10%;
    }

    .color_info .color_type:first-child {
        padding-right: 0px;
        padding-bottom: 30px;
    }

    .down__ci {
        flex-direction: column;
        align-items: center;
    }

    .down__ci .down__ci_btn {
        width: 50%;
        min-width: 250px;
        margin: 10px 0;
    }

    .down__ci .down__ci_btn span {
        font-size: 14px;
    }
}

@media all and (max-width: 575px) {

    .__ci .area {}

    .color_info .color_type ul li span {
        font-size: 14px;
    }

    .down__ci .down__ci_btn {
        padding: 0 20px;
    }
}

/* //ci */

/* 텍스트 사이즈 조절 */
.contain {
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    position: relative;
}

.contain_xl {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    position: relative;
}

.contain_lg {
    max-width: 1040px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    position: relative;
}

@media all and (max-width:991px) {
    .br_lg {
        display: none;
    }
}

@media all and (max-width:767px) {
    .br_mob_hide {
        display: none;
    }
}

/* //텍스트 사이즈 조절 */