@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
* {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    word-break: keep-all;
    font-family: inherit
}

::before,
::after {
    box-sizing: border-box
}

body {
    line-height: 1.25;
    font-weight: 400;
    font-size: 16px;
    font-family: Montserrat, SpoqaHanSansNeo, sans-serif;
    color: #000;
    letter-spacing: -0.5px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    display: block
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

td {
    word-wrap: break-word
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend,
caption {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

address,
caption,
em,
var {
    font-style: normal;
    font-weight: inherit
}

strong {
    font-weight: 700
}

a {
    color: inherit;
    text-decoration: none
}

pre {
    font-family: inherit;
    white-space: pre-wrap
}

img {
    border: 0;
    vertical-align: top;
    width: 100%
}

select,
input,
textarea {
    width: 100%;
    vertical-align: middle;
    box-shadow: none;
    border-radius: 0;
    outline: none;
    border: 0;
    background: #fff;
    color: #000
}

input[type=text],
input[type=submit],
input[type=password],
input[type=search],
input[type=number],
input[type=reset],
input[type=email],
input[type=tel],
input[type=search],
input[type=file],
input[type=email],
input[type=tel] {
    padding: 0 22px;
    height: 59px;
    line-height: 59px;
    border: 1px solid #d7d7d7;
    font-size: 18px;
    font-weight: 400
}

input[type=radio],
input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus {
    border-color: #000;
    background-color: #fff;
    outline: none
}

input[readonly] {
    pointer-events: none
}

::-moz-placeholder {
    font-size: inherit;
    color: #bcbcbc
}

:-ms-input-placeholder {
    font-size: inherit;
    color: #bcbcbc
}

::placeholder {
    font-size: inherit;
    color: #bcbcbc
}

textarea {
    overflow: auto;
    padding: 22px;
    resize: none;
    font-size: 18px;
    border: 1px solid #d7d7d7
}

button {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    cursor: pointer;
    color: inherit
}

button:disabled {
    cursor: default
}

.hidden {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none
}

::-moz-selection {
    background: #093389;
    color: #fff
}

::selection {
    background: #093389;
    color: #fff
}

#content {
    position: relative
}

#content:not(.no-visual)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 282px;
    background: url(../images/main/gnb_gra.png)
}

#content.no-visual {
    padding-top: 100px
}

#skip-nav a {
    position: absolute;
    top: -500px
}

#skip-nav a:focus,
#skip-nav a:active,
#skip-nav a:hover {
    top: 1px;
    z-index: 99999;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #334555
}

.body-dim,
.dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.body-dim {
    z-index: 60
}

.inner-box {
    position: relative;
    width: 1440px;
    margin: 0 auto
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 79;
    width: 100%;
    height: 80px;
    padding: 0 80px;
    background: rgba(255, 255, 255, .5);
    color: #000;
    transition: transform .3s
}

.header-wrap.v2 {
    background: #fff
}

.header-wrap.scroll {
    transform: translateY(-100px)
}

.header-wrap.fixed {
    transform: translateY(0)
}

.header-wrap.active {
    background: #fff
}

.header-wrap.active .sub-menu .list-depth1 {
    background: #fff
}

.header-wrap.top {
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: #fff
}

.header-wrap.top .logo-box .ico-logo {
    background-image: url(../images/icon/logo_w.svg)
}

.header-wrap.top .sub-menu .list-depth1 {
    background: none
}

.header-wrap.top .btn-box .link-select::after {
    border-color: #fff
}

.header-wrap.top .btn-box .ico-srch {
    background-image: url(../images/icon/search_w.svg)
}

.header-wrap.top .btn-box .btn-menu i {
    background-color: #fff
}

.header-wrap .logo-box h1 {
    display: flex
}

.header-wrap .logo-box a {
    display: flex;
    align-items: center;
    height: 100%
}

.header-wrap .sub-menu {
    flex-grow: 1
}

.header-wrap .sub-menu .list-depth1 {
    display: flex;
    justify-content: center;
    height: 100%
}

.header-wrap .sub-menu .list-depth1>li {
    width: 180px
}

.header-wrap .sub-menu .list-depth1>li>a {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

.header-wrap .sub-menu .list-depth1>li>a>span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%
}

.header-wrap .sub-menu .list-depth1>li>a>span::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 100%;
    height: 2px;
    background-color: #6f9600;
    transition: .3s
}

.header-wrap .sub-menu .list-depth1>li>a:hover,
.header-wrap .sub-menu .list-depth1>li.active>a {
    color: #6f9600;
    font-weight: 600
}

.header-wrap .sub-menu .list-depth1>li>a:hover>span::after,
.header-wrap .sub-menu .list-depth1>li.active>a>span::after {
    transform: translateX(-50%) scaleX(1)
}

.header-wrap .sub-menu .list-depth1>li>a:hover .menu-box,
.header-wrap .sub-menu .list-depth1>li.active .menu-box {
    display: block;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .05)
}

.header-wrap .sub-menu .menu-box {
    display: none;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: -1;
    width: 100%;
    padding-right: 100px;
    padding-left: 50px;
    background-color: #fff;
    border-top: 1px solid #d7d7d7
}

.header-wrap .sub-menu .menu-box a:hover {
    text-decoration: underline;
    text-underline-position: under
}

.header-wrap .sub-menu .menu-box [class^=ico-] {
    margin-left: 6px;
    vertical-align: -1px
}

.header-wrap .sub-menu .menu-box .list-depth2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 20px
}

.header-wrap .sub-menu .menu-box .list-depth2.row2 {
    justify-content: flex-end;
    transform: translateX(80px)
}

.header-wrap .sub-menu .menu-box .list-depth2.row2>li:nth-child(5),
.header-wrap .sub-menu .menu-box .list-depth2.row2>li:last-child {
    margin-right: 10px
}

.header-wrap .sub-menu .menu-box .list-depth2>li {
    position: relative;
    width: 200px;
    padding: 5px 0;
    transition: .3s
}

.header-wrap .sub-menu .menu-box .list-depth2>li>a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500
}

.header-wrap .sub-menu .menu-box .list-depth2>li.active>a {
    color: #6f9600
}

.header-wrap .sub-menu .menu-box .list-depth2>li.active::before {
    opacity: 1
}

.header-wrap .sub-menu .menu-box .list-depth3 {
    padding-bottom: 16px
}

.header-wrap .sub-menu .menu-box .list-depth3>li {
    margin-top: 4px
}

.header-wrap .sub-menu .menu-box .list-depth3>li:first-child {
    margin-top: 0
}

.header-wrap .sub-menu .menu-box .list-depth3>li>a {
    display: block;
    padding: 3px 20px;
    font-size: 15px;
    color: #666
}

.header-wrap .btn-box {
    display: flex;
    align-items: center
}

.header-wrap .btn-box .btn-srch {
    padding: 10px;
    margin: 0 10px 0 10px
}

.btn-menu {
    position: relative;
    min-width: 32px;
    height: 20px;
    margin-left: 27px
}

.btn-menu::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.btn-menu::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -27px;
    width: 2px;
    height: 22px;
    background: rgba(255, 255, 255, .5)
}

.btn-menu i {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    transition: .3s
}

.btn-menu i:nth-child(1) {
    top: 9px
}

.btn-menu i:nth-child(2) {
    top: 0px
}

.btn-menu i:nth-child(3) {
    top: 18px
}

.btn-menu.active {
    min-width: 28px;
    margin-left: 36px
}

.btn-menu.active i:nth-child(1) {
    opacity: 0
}

.btn-menu.active i:nth-child(2) {
    transform: rotate3d(0, 0, 1, 45deg) scaleX(1.3);
    top: 8px
}

.btn-menu.active i:nth-child(3) {
    transform: rotate3d(0, 0, 1, -45deg) scaleX(1.3);
    top: 8px
}

.nav-wrap {
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateY(-150%);
    opacity: 0;
    transition: .3s ease-out
}

.nav-wrap.active {
    transform: translateY(0);
    opacity: 1
}

.nav-wrap .top-box .btn-menu::before {
    display: none
}

.nav-wrap .top-box .lang-box {
    font-size: 14px
}

.nav-wrap .top-box .lang-box a {
    padding: 15px 13px
}

.nav-wrap .top-box .lang-box a:hover,
.nav-wrap .top-box .lang-box a.active {
    text-decoration: underline;
    text-underline-position: under
}

.nav-wrap .allmenu-box [class^=ico-] {
    margin-left: 6px;
    vertical-align: middle
}

.search-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 79;
    width: 100%;
    height: 419px;
    background-color: #fff;
    transform: translateY(-150%);
    opacity: 0;
    transition: .3s ease-out
}

.search-wrap.active {
    box-shadow: 0 6px 6px rgba(0, 0, 0, .05);
    transform: translateY(0);
    opacity: 1
}

.search-wrap.active .dim {
    display: block
}

.search-wrap .top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    padding: 0 80px
}

.search-wrap .top-box .logo-box {
    flex-grow: 1
}

.sitemap-wrap {
    padding: 48px 0 58px;
    background-color: #000;
    color: #fff
}

.sitemap-wrap .inner-box {
    display: flex;
    justify-content: space-between
}

.sitemap-wrap .list-depth1 {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.sitemap-wrap .list-depth1 li a {
    display: flex;
    align-items: center
}

.sitemap-wrap .list-depth1>li>a {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600
}

.sitemap-wrap .list-depth2 {
    margin-top: 10px;
    opacity: .6
}

.sitemap-wrap .list-depth2 [class^=ico-] {
    margin-left: 6px;
    margin-top: -3px
}

.sitemap-wrap .list-depth2 .ico-outer {
    background-image: url(../images/icon/outer_w.svg)
}

.sitemap-wrap .list-depth2>li>a {
    padding: 10px 0;
    font-size: 16px
}

.sitemap-wrap .list-depth2>li>a:hover {
    text-decoration: underline;
    text-underline-position: under
}

.sitemap-wrap .list-info {
    min-width: 180px;
    margin-left: 100px
}

.footer-wrap {
    position: relative;
    padding: 50px 0;
    border-top: 1px solid #1b1b1b;
    background-color: #000
}

.footer-wrap .inner-box {
    display: flex;
    position: relative
}

.footer-wrap .logo-box {
    padding-right: 70px
}

.footer-wrap .list-info {
    display: none;
    color: #fff;
    font-size: 16px
}

.footer-wrap .list-info li {
    margin: 0 10px
}

.footer-wrap .list-info li:first-child {
    margin-left: 0
}

.footer-wrap .list-info li a {
    display: block;
    padding: 10px 0;
    letter-spacing: -0.5px
}

.footer-wrap address {
    font-weight: 300;
    opacity: .4;
    line-height: 1.7;
    color: #fff;
    font-size: 16px
}

.footer-wrap address span {
    display: inline-block;
    position: relative;
    letter-spacing: -0.5px
}

.footer-wrap .link-select {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px
}

.footer-wrap .link-select::after,
.footer-wrap .link-select .current,
.footer-wrap .link-select .link-select {
    border-color: rgba(255, 255, 255, .4)
}

.footer-wrap .link-select .current {
    color: rgba(255, 255, 255, .4)
}

.footer-wrap .link-select .link-select {
    width: 100%;
    background: none
}

.footer-wrap .link-select.active::after {
    border-color: #000
}

.footer-wrap .link-select.active .current {
    border-top: 1px solid #d7d7d7;
    background-color: #fff;
    color: #000
}

@media all and (min-width: 1025px) {
    .nav-wrap .top-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100px;
        padding: 0 80px
    }

    .nav-wrap .top-box .logo-box {
        flex-grow: 1
    }

    .nav-wrap .top-box .btn-box {
        margin-right: 34px
    }

    .nav-wrap .top-box .btn-box a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 130px;
        height: 40px;
        margin: 0 3px;
        border: 1px solid #666;
        font-size: 15px;
        transition: .3s
    }

    .nav-wrap .top-box .btn-box a:hover {
        background-color: #000;
        border-color: #000;
        color: #fff
    }

    .nav-wrap .top-box .btn-menu i {
        background-color: #000
    }

    .nav-wrap .allmenu-box {
        display: flex;
        justify-content: center;
        height: 100vh;
        padding: 150px 0
    }

    .nav-wrap .allmenu-box ul li a {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .nav-wrap .allmenu-box .list-depth1 {
        display: flex
    }

    .nav-wrap .allmenu-box .list-depth1>li {
        width: 290px
    }

    .nav-wrap .allmenu-box .list-depth1>li>a {
        font-size: 46px;
        font-weight: 600
    }

    .nav-wrap .allmenu-box .list-depth2 {
        margin-top: 20px
    }

    .nav-wrap .allmenu-box .list-depth2>li>a {
        padding: 14px 0;
        font-size: 18px;
        font-weight: 500
    }

    .nav-wrap .allmenu-box .list-depth2>li>a:hover {
        color: #093389;
        text-decoration: underline;
        text-underline-position: under
    }

    .nav-wrap .allmenu-box .list-depth2>li>a.btn-depth3 .ico-arr {
        width: 10px;
        height: 10px;
        transform: rotate(-90deg)
    }

    .nav-wrap .allmenu-box .list-depth2>li>a.btn-depth3.active .ico-arr {
        transform: rotate(90deg)
    }

    .nav-wrap .allmenu-box .list-depth2>li>a.btn-depth3+.list-depth3 {
        display: none
    }

    .nav-wrap .allmenu-box .list-depth3 {
        margin-bottom: 16px
    }

    .nav-wrap .allmenu-box .list-depth3>li>a {
        padding: 5px 0;
        font-size: 16px;
        color: #666
    }

    .nav-wrap .allmenu-box .list-depth3>li>a:hover {
        text-decoration: underline;
        text-underline-position: under
    }

    .sitemap-wrap .list-depth1>li {
        width: 100%
    }

    .sitemap-wrap .list-info li {
        margin-top: 0
    }

    .sitemap-wrap .list-info li a {
        display: inline-block;
        padding: 10px 0
    }

    .footer-wrap address span:nth-child(n+2) {
        padding-left: 10px;
        margin-left: 6px
    }

    .footer-wrap address span:nth-child(n+2)::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 12px;
        background-color: #d7d7d7
    }

    .quick-wrap {
        position: fixed;
        bottom: 70px;
        right: 0;
        z-index: 79;
        width: 74px;
        transform: translateY(-80px);
        transition: .3s
    }

    .quick-wrap.active ul {
        transform: translateX(-124px)
    }

    .quick-wrap.up {
        transform: translateY(0px)
    }

    .quick-wrap.up .btn-top {
        transform: translateY(-100px);
        opacity: 0
    }

    .quick-wrap ul {
        width: 204px;
        transform: translateX(0);
        transition: transform .5s
    }

    .quick-wrap ul li a {
        display: flex;
        align-items: center;
        background: rgba(0, 0, 0, .8);
        color: #fff;
        text-align: left;
        transition: .3s
    }

    .quick-wrap ul li a .icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 74px;
        height: 80px
    }

    .quick-wrap ul li a:hover {
        font-weight: 700
    }

    .quick-wrap ul li.focus a {
        background: #c70000
    }

    .quick-wrap .btn-quick {
        display: none
    }

    .quick-wrap .btn-top {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: -1;
        width: 74px;
        height: 80px;
        margin-top: 20px;
        color: #999;
        font-size: 18px;
        transition: .3s
    }

    .quick-wrap .btn-top .ico-top {
        margin-bottom: 22px
    }
}

@media all and (max-width: 1024px) {
    .inner-box {
        width: 100%;
        padding: 0 20px
    }

    .header-wrap {
        height: 70px;
        padding: 0 20px;
        background: #fff
    }

    .header-wrap .sub-menu {
        display: none
    }

    .header-wrap .btn-box .btn-srch {
        padding: 10px;
        margin: 0 10px 0 0
    }

    .header-wrap .btn-box .btn-srch .ico-srch {
        width: 20px;
        height: 20px
    }

    .header-wrap.top {
        background: rgba(0, 0, 0, 0)
    }

    .btn-menu {
        min-width: 26px;
        height: 16px;
        margin-left: 22px
    }

    .btn-menu::before {
        left: -22px;
        height: 18px
    }

    .btn-menu.active {
        min-width: 20px;
        margin-left: 28px
    }

    .btn-menu i:nth-child(1) {
        top: 7px
    }

    .btn-menu i:nth-child(2) {
        top: 0px
    }

    .btn-menu i:nth-child(3) {
        top: 14px
    }

    .nav-wrap {
        overflow: hidden
    }

    .nav-wrap .top-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 68px;
        padding: 0 20px;
        border-bottom: 1px solid #d7d7d7
    }

    .nav-wrap .top-box .logo-box {
        flex-grow: 1
    }

    .nav-wrap .top-box .lang-box {
        font-size: 13px
    }

    .nav-wrap .top-box .lang-box a {
        padding: 15px 8px
    }

    .nav-wrap .top-box .btn-box {
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 30px;
        left: 0;
        z-index: 3
    }

    .nav-wrap .top-box .btn-box a {
        display: inline-flex;
        align-items: center;
        position: relative;
        height: 40px;
        padding-left: 20px;
        font-size: 15px;
        font-weight: 500
    }

    .nav-wrap .top-box .btn-box a::after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 5px;
        background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23231916' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A");
        transform: rotate(180deg)
    }

    .nav-wrap .top-box .btn-menu i {
        background-color: #000
    }

    .nav-wrap .allmenu-box {
        position: relative;
        height: calc(100% - 70px)
    }

    .nav-wrap .allmenu-box ul li a {
        display: flex;
        align-items: center;
        height: 30px
    }

    .nav-wrap .allmenu-box .list-depth1 {
        padding-top: 14px
    }

    .nav-wrap .allmenu-box .list-depth1>li>a {
        position: relative;
        min-width: 150px;
        height: 66px;
        padding-left: 20px;
        font-size: 18px;
        font-weight: 700
    }

    .nav-wrap .allmenu-box .list-depth1>li>a::after {
        content: "";
        display: none;
        width: 0;
        height: 0;
        margin-left: 4px;
        border-bottom: 4px solid rgba(0, 0, 0, 0);
        border-top: 4px solid rgba(0, 0, 0, 0);
        border-left: 6px solid #093389;
        border-right: 6px solid rgba(0, 0, 0, 0)
    }

    .nav-wrap .allmenu-box .list-depth1>li.active>a {
        color: #093389
    }

    .nav-wrap .allmenu-box .list-depth1>li.active>a::after {
        display: block
    }

    .nav-wrap .allmenu-box .list-depth1>li.active .list-depth2 {
        display: block
    }

    .nav-wrap .allmenu-box .list-depth2 {
        display: none;
        overflow: hidden;
        overflow-y: auto;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: calc(100% - 150px);
        height: 100%;
        padding: 24px 0;
        background-color: #f4f5f7;
        border-left: 1px solid #d7d7d7
    }

    .nav-wrap .allmenu-box .list-depth2>li>a {
        height: 46px;
        padding-left: 24px;
        font-size: 16px
    }

    .nav-wrap .allmenu-box .list-depth2>li>a.btn-depth3 .ico-arr {
        width: 10px;
        height: 10px;
        transform: rotate(-90deg)
    }

    .nav-wrap .allmenu-box .list-depth2>li>a.btn-depth3.active .ico-arr {
        transform: rotate(90deg)
    }

    .nav-wrap .allmenu-box .list-depth2>li>a.btn-depth3+.list-depth3 {
        display: none
    }

    .nav-wrap .allmenu-box .list-depth3>li>a {
        position: relative;
        height: 40px;
        margin-left: 46px;
        font-size: 14px;
        color: #666
    }

    .nav-wrap .allmenu-box .list-depth3>li>a::before {
        content: "";
        position: absolute;
        top: calc(50% - 1px);
        left: -10px;
        width: 5px;
        height: 1px;
        background-color: #666
    }

    .nav-wrap .allmenu-box .list-depth3>li.active a {
        text-decoration: underline;
        text-underline-position: under;
        color: #093389
    }

    .search-wrap {
        width: 100%;
        height: auto
    }

    .search-wrap .top-box {
        height: 68px;
        padding: 0 20px
    }

    .search-wrap .search-box {
        padding: 20px 20px 30px
    }

    .sitemap-wrap {
        padding: 10px 0
    }

    .sitemap-wrap .list-depth1 {
        flex-direction: column
    }

    .sitemap-wrap .list-depth1>li>a {
        position: relative;
        padding: 20px 10px;
        font-size: 16px;
        font-weight: 500
    }

    .sitemap-wrap .list-depth1>li>a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 15px;
        height: 15px;
        margin-top: -7px;
        background: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23fff' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat;
        background-size: contain;
        transform: rotate(-90deg);
        transition: .3s
    }

    .sitemap-wrap .list-depth1>li.active>a::after {
        transform: rotate(90deg)
    }

    .sitemap-wrap .list-depth1>li.active .list-depth2 {
        display: block
    }

    .sitemap-wrap .list-depth2 {
        display: none;
        margin-top: 0
    }

    .sitemap-wrap .list-depth2>li>a {
        padding: 6px 0 6px 20px;
        font-size: 14px;
        opacity: .6
    }

    .sitemap-wrap .list-info {
        display: none
    }

    .footer-wrap {
        padding: 0 20px;
        border: 0
    }

    .footer-wrap .inner-box {
        flex-direction: column;
        padding: 44px 0;
        border-top: 1px solid #1b1b1b
    }

    .footer-wrap .logo-box {
        padding-right: 0;
        text-align: center
    }

    .footer-wrap .list-info {
        display: flex;
        justify-content: center;
        margin-top: 20px
    }

    .footer-wrap .list-info li {
        position: relative;
        margin: 0;
        text-align: center;
        white-space: nowrap
    }

    .footer-wrap .list-info li::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 12px;
        margin-top: -6px;
        background-color: rgba(255, 255, 255, .4)
    }

    .footer-wrap .list-info li:first-child::before {
        display: none
    }

    .footer-wrap .list-info li a {
        padding: 10px;
        font-size: 13px
    }

    .footer-wrap address {
        margin-top: 2px;
        font-size: 13px;
        text-align: center
    }

    .footer-wrap address span {
        display: block
    }

    .footer-wrap address p {
        margin-top: 10px;
        font-size: 12px
    }

    .footer-wrap .link-select {
        position: relative;
        right: 0;
        width: 200px;
        margin: 18px auto 0
    }

    .quick-wrap {
        position: fixed;
        bottom: 30px;
        right: 15px;
        z-index: 79;
        width: 55px
    }

    .quick-wrap .quick-box {
        position: relative;
        z-index: 2;
        transform: translateY(0);
        transition: .3s
    }

    .quick-wrap .quick-box ul {
        display: none;
        transform: scale(0)
    }

    .quick-wrap .quick-box ul li {
        margin-top: 10px
    }

    .quick-wrap .quick-box ul li:first-child {
        margin-top: 0
    }

    .quick-wrap .quick-box ul li a {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #fff
    }

    .quick-wrap .quick-box ul li a .icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
        width: 55px;
        height: 55px;
        margin-left: 14px;
        background-color: #000;
        border-radius: 50%
    }

    .quick-wrap .quick-box ul li.focus a .icon-box {
        background-color: #e30011
    }

    .quick-wrap .btn-quick,
    .quick-wrap .btn-top {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 55px;
        height: 55px;
        margin-left: auto;
        margin-top: 10px;
        border-radius: 50%
    }

    .quick-wrap .btn-quick {
        position: relative;
        z-index: 2;
        background-color: #e30011;
        transition: .3s
    }

    .quick-wrap .btn-quick .ico-more2 {
        background-image: url(../images/icon/more2_w.svg);
        transition: transform .3s
    }

    .quick-wrap .btn-top {
        position: relative;
        z-index: -1;
        background-color: #fff;
        color: #999;
        font-size: 13px;
        font-weight: 700;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        transition: .3s
    }

    .quick-wrap.up .quick-box {
        transform: translateY(65px)
    }

    .quick-wrap.up .btn-top {
        opacity: 0
    }

    .quick-wrap.active {
        width: auto
    }

    .quick-wrap.active .quick-box ul {
        display: block;
        transform: scale(1)
    }

    .quick-wrap.active .btn-quick {
        background-color: #fff
    }

    .quick-wrap.active .btn-quick .ico-more2 {
        transform: rotate(135deg);
        background-image: url(../images/icon/more2.svg)
    }
}

@media all and (min-width: 768px)and (max-width: 1439px) {
    .inner-box {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .header-wrap {
        padding: 0 30px
    }

    .header-wrap .sub-menu .list-depth1 {
        padding-left: 30px
    }

    .header-wrap .sub-menu .list-depth1>li {
        width: 100%
    }

    .nav-wrap .top-box {
        padding: 0 30px
    }

    .nav-wrap .allmenu-box .list-depth1>li {
        width: 250px
    }

    .sitemap-wrap .inner-box {
        padding-left: 30px;
        padding-right: 30px
    }

    .footer-wrap address span {
        display: block
    }

    .footer-wrap address span:nth-child(n+2) {
        padding-left: 0;
        margin-left: 0
    }

    .footer-wrap address span:nth-child(n+2)::before {
        display: none
    }

    .footer-wrap .link-select {
        right: 100px
    }
}

@media all and (min-width: 768px)and (max-width: 1024px) {
    .footer-wrap .link-select {
        right: 0
    }
}

.pop-layer {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%
}

.pop-layer.active {
    display: flex
}

.pop-layer .dim {
    display: block
}

.pop-layer .pop-wrap {
    position: relative;
    width: 500px
}

.pop-layer .pop-wrap .pop-header .pop-close {
    top: 0;
    right: 0;
    background-image: url("data: image/svg+xml, %3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square' %3E%3Cpath d='m9.222 9.722 15.556 15.556M24.778 9.722 9.222 25.278' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.pop-layer .pop-wrap .pop-header+.pop-content {
    padding: 45px 20px
}

.pop-layer .pop-wrap .pop-content {
    position: relative;
    background-color: #fff
}

.pop-layer .pop-close {
    display: block;
    position: absolute;
    top: -55px;
    right: -10px;
    z-index: 5;
    width: 55px;
    height: 55px;
    background-image: url("data: image/svg+xml, %3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23ffffff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square' %3E%3Cpath d='m9.222 9.722 15.556 15.556M24.778 9.722 9.222 25.278' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.pop-layer .pop-footer {
    margin-top: 20px
}

.pop-layer .pop-footer .btn-today-close {
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 16px;
    color: #fff
}

.pop-layer .pop-footer .btn-today-close .ico-checkbox {
    margin-right: 12px
}

.pop-layer .swiper-pagination {
    width: 50%;
    left: auto;
    right: 0;
    bottom: -50px;
    text-align: right
}

.pop-layer .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .5
}

.pop-layer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1
}

.pop-layer .swiper-button-next,
.pop-layer .swiper-button-prev {
    width: 23px;
    height: 46px;
    margin-top: -23px;
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23ffffff' stroke-width='3' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.pop-layer .swiper-button-next {
    right: -40px
}

.pop-layer .swiper-button-prev {
    left: -40px
}

.pop-layer.pop-main .pop-wrap {
    width: 458px
}

.pop-layer.pop-full {
    background-color: #fff
}

.pop-layer.pop-full .pop-close {
    position: absolute;
    top: 15px;
    right: 10px
}

.pop-layer.pop-full .pop-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.pop-layer.pop-full .pop-wrap .pop-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #d7d7d7
}

.pop-layer.pop-full .pop-wrap .pop-content {
    flex-grow: 1
}

.pop-layer.pop-full .img-box {
    display: flex;
    align-items: center;
    height: 100%
}

.pop-layer.pop-full .img-box img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.pop-layer.pop-sns .pop-wrap {
    width: 313px
}

.pop-layer.pop-sns .pop-wrap .pop-header .pop-close {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 10px
}

.pop-layer.pop-sns .list-sns {
    display: flex;
    justify-content: center
}

.pop-layer.pop-sns .list-sns li {
    margin-left: 30px
}

.pop-layer.pop-sns .list-sns li:first-child {
    margin-left: 0
}

.pop-layer.pop-ie .pop-wrap {
    width: 960px
}

@media all and (max-width: 767px) {
    .pop-layer .pop-wrap {
        width: 90%
    }

    .pop-layer .pop-wrap .pop-header .pop-close {
        top: 14px;
        right: 6px;
        background-image: url("data: image/svg+xml, %3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square' %3E%3Cpath d='m9.222 9.722 15.556 15.556M24.778 9.722 9.222 25.278' /%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .pop-layer .pop-wrap .pop-header+.pop-content {
        padding: 45px 20px
    }

    .pop-layer .pop-close {
        top: -35px;
        width: 35px;
        height: 35px
    }

    .pop-layer .pop-footer {
        margin-top: 10px
    }

    .pop-layer .pop-footer .btn-today-close {
        font-size: 15px
    }

    .pop-layer .swiper-pagination {
        bottom: -40px
    }

    .pop-layer .swiper-button-next,
    .pop-layer .swiper-button-prev {
        width: 12px;
        height: 24px;
        margin-top: -12px
    }

    .pop-layer .swiper-button-next {
        right: -20px
    }

    .pop-layer .swiper-button-prev {
        left: -20px
    }

    .pop-layer.pop-main .pop-wrap {
        width: 80%
    }
}

[class^=btn-wrap].t-c {
    text-align: center
}

.btn-wrap {
    margin-top: 80px
}

.btn-wrap2 {
    margin-top: 120px
}

[class^=btn-type] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-left: 16px;
    transition: .3s
}

[class^=btn-type]:first-of-type {
    margin-left: 0
}

[class^=btn-type]:hover .ico-arr {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23fff' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

[class^=btn-type]:hover .ico-more2 {
    background-image: url(../images/icon/more2_w.svg)
}

[class^=btn-type]:hover .ico-down {
    background-image: url(../images/icon/down_w.svg)
}

.btn-type {
    min-width: 190px;
    height: 70px;
    padding: 2px 30px 0;
    background-color: #fff;
    border: 1px solid #000;
    font-size: 18px;
    color: #000
}

.btn-type [class^=ico-] {
    margin-left: 10px
}

.btn-type .ico-arr {
    margin-left: 5px
}

.btn-type:hover {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.btn-type.btn-m {
    min-width: auto;
    height: 60px
}

.btn-type.btn-s {
    min-width: auto;
    height: 50px
}

.btn-type.btn-s:nth-child(n+2) {
    margin-left: 6px
}

.btn-type.btn-s .ico-arr {
    width: 12px;
    height: 12px;
    margin-left: 12px
}

.btn-type.btn-l {
    min-width: 250px;
    height: 80px;
    font-size: 20px
}

.btn-type.btn-l .ico-arr {
    width: 14px;
    height: 14px;
    margin-left: 10px
}

.btn-type.w-type {
    background-color: rgba(0, 0, 0, .1);
    border-color: #fff;
    color: #fff
}

.btn-type.w-type .ico-arr {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23fff' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.btn-type.w-type .ico-more2 {
    background-image: url(../images/icon/more2_w.svg)
}

.btn-type.w-type .ico-down {
    background-image: url(../images/icon/down_w.svg)
}

.btn-type.w-type:hover {
    border-color: #fff;
    background-color: #fff;
    color: #000
}

.btn-type.w-type:hover .ico-arr {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23000' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.btn-type.w-type:hover .ico-more2 {
    background-image: url(../images/icon/more2.svg)
}

.btn-type.w-type:hover .ico-down {
    background-image: url(../images/icon/down.svg)
}

.btn-type.download-type {
    min-width: auto;
    height: 60px
}

.btn-type.v2 {
    border: 0;
    background-color: #303030;
    color: #fff
}

.btn-type.v2 .ico-more2 {
    background-image: url(../images/icon/more2_w.svg)
}

.btn-type.v2 .ico-arr {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23fff' stroke-width='6' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.btn-type.v2:hover {
    background-color: #093389
}

.btn-type.v3 {
    border-color: #d7d7d7
}

.btn-type2 {
    padding: 4px 0;
    font-size: 20px;
    font-weight: 700;
    color: #093389
}

.btn-type2 .ico-arr {
    margin-left: 4px
}

.btn-type2 .ico-arr,
.btn-type2 .ico-arr.v2 {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23093389' stroke-width='6' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.btn-type3 {
    justify-content: flex-start;
    position: relative;
    min-width: 304px;
    height: 80px;
    padding: 0 80px 0 40px;
    background-color: #303030;
    font-size: 20px;
    color: #fff;
    letter-spacing: -1px
}

.btn-type3 [class^=ico-] {
    margin-left: 10px
}

.btn-type3 [class^=ico-]:last-child {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%)
}

.btn-type3 .ico-arr {
    width: 15px;
    height: 15px;
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23ffffff' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.btn-type3 .ico-arr.v2 {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23ffffff' stroke-width='6' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.btn-type3:hover {
    background-color: #093389
}

.btn-more {
    display: inline-flex;
    align-items: center;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0
}

.btn-more .ico-more {
    margin-left: 10px;
    transition: .5s;
    background-image: url(../images/icon/more_bk.svg)
}

.btn-more:hover .ico-more {
    transform: translateX(15px)
}

.link-select {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 200px
}

.link-select::after {
    content: "";
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin-top: -7px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out
}

.link-select a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 50px;
    font-size: 14px
}

.link-select .current {
    padding-left: 18px;
    padding-right: 30px;
    /* border: 1px solid #d7d7d7 */
}

.link-select .current.active {
    color: #093389
}

.link-select .list-select {
    overflow: hidden;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: -1;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    border: 1px solid #d7d7d7;
    opacity: 0;
    transform-origin: 50% 0;
    transform: translateY(-21px);
    transition: all .2s ease, opacity .15s ease-out
}

.link-select .list-select li a {
    height: 30px;
    padding: 0 18px;
    color: #666
}

.link-select .list-select li.active a {
    color: #6f9600;
    font-weight: 700
}

.link-select.v2 {
    width: 80px
}

.link-select.v2::after {
    right: 12px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-width: 2px
}

.link-select.v2 a {
    height: 42px
}

.link-select.v2 .current {
    border: 0
}

.link-select.v2 .list-select li a {
    justify-content: center;
    height: 30px
}

.link-select.up .list-select {
    top: auto;
    bottom: calc(100% - 1px);
    transform-origin: 0 100%;
    transform: translateY(21px);
    padding-bottom: 10px
}

.link-select.active {
    overflow: visible
}

.link-select.active::after {
    transform: rotate(-135deg)
}

.link-select.active .list-select {
    opacity: 1;
    z-index: 3;
    transform: translateY(0)
}

.tag-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 27px
}

.tag-box .tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 2px 16px 0;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    border-radius: 20px;
    font-size: 16px;
    white-space: nowrap;
    transition: .3s
}

.tag-box .tag:hover {
    border-color: #093389;
    color: #093389
}

.paging-wrap {
    display: flex;
    justify-content: center;
    margin-top: 100px
}

.paging-wrap button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: 46px;
    margin: 0 5px;
    border-radius: 50%;
    font-size: 16px;
    font-family: SpoqaHanSansNeo, sans-serif
}

.paging-wrap [class^=btn-] {
    border: 1px solid #d7d7d7
}

.paging-wrap .ico-arr {
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23aaa' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.paging-wrap .ico-arr.dubble {
    background-image: url("data: image/svg+xml, %3Csvg width='51' height='54' viewBox='0 0 51 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23aaa' stroke-width='4' fill='none' fill-rule='evenodd' %3E%3Cpath d='M28 53 2 27 28 1' /%3E%3Cpath d='M50 53 24 27 50 1' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.paging-wrap .paging-box {
    display: flex;
    align-items: center;
    margin: 0 10px;
    font-size: 18px;
    letter-spacing: 3px
}

.paging-wrap .paging-box span {
    color: #666
}

.paging-wrap .paging-box span strong {
    font-weight: 500
}

.paging-wrap .paging-box button {
    font-size: 16px;
    letter-spacing: 0
}

.paging-wrap .paging-box button.active {
    background-color: #000;
    color: #fff
}

.btn-clear {
    display: block;
    background-color: #d7d7d7;
    border-radius: 50%
}

.btn-clear.hidden {
    display: none
}

.btn-clear .ico-clear {
    background-image: url("data: image/svg+xml, %3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23ffffff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square' %3E%3Cpath d='m9.222 9.722 15.556 15.556M24.778 9.722 9.222 25.278' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.tab-type2 {
    display: flex;
    border-left: 1px solid #d7d7d7
}

.tab-type2 li {
    width: 100%
}

.tab-type2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 90px;
    padding: 0 30px;
    border: 1px solid #d7d7d7;
    border-left: 0;
    font-size: 24px;
    color: #666;
    letter-spacing: -0.5px;
    transition: .3s
}

.tab-type2 li a [class^=ico-] {
    margin-right: 15px
}

.tab-type2 li a strong {
    font-weight: 500
}

.tab-type2 li a::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    background-color: #093389;
    opacity: 0
}

.tab-type2 li.active a {
    color: #fff
}

.tab-type2 li.active a::before {
    opacity: 1
}

.tab-type2 li.active .ico-product2 {
    background-image: url("data: image/svg+xml, %3Csvg width='24' height='30' viewBox='0 0 24 30' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Cpath d='M6 14.688h7.2M6 19.063h12M6 23.438h12M15.387.5 23.5 8.951V29.5H.5V.5h14.887z' /%3E%3Cpath d='M23.28 8.75H15.6v-8' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.tab-type2 li.active .ico-invest {
    background-image: url("data: image/svg+xml, %3Csvg width='46' height='48' viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Cpath d='M39 13h6v34h-6zM28 23h6v24h-6zM17 31h6v16h-6zM6 41h6v6H6zM6.001 37.107V25H1.015v-1.974L24.385 2 35 11.196' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.tab-type2 li.active .ico-employ {
    background-image: url("data: image/svg+xml, %3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Ccircle cx='22' cy='22' r='21' /%3E%3Cpath stroke-linecap='square' d='m37.5 37.5 9 9' /%3E%3Cg transform='translate(13 12)' %3E%3Ccircle cx='9' cy='6' r='5' /%3E%3Cpath d='M18 20a9 9 0 0 0-18 0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.tab-type2 li.active .ico-etc {
    background-image: url("data: image/svg+xml, %3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd' %3E%3Ccircle cx='22' cy='22' r='21' stroke='%23fff' stroke-width='2' /%3E%3Ccircle fill='%23fff' cx='14' cy='22' r='2' /%3E%3Ccircle fill='%23fff' cx='22' cy='22' r='2' /%3E%3Ccircle fill='%23fff' cx='30' cy='22' r='2' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.tab-type3 {
    display: flex
}

.tab-type3 li {
    position: relative;
    min-width: 290px;
    margin-left: 8px
}

.tab-type3 li:first-child {
    margin-left: 0
}

.tab-type3 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70px;
    padding: 0 30px;
    background-color: #dfe2e6;
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #444
}

.tab-type3 li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #093389;
    opacity: 0;
    transition: .3s
}

.tab-type3 li.active a {
    background-color: #fff
}

.tab-type3 li.active a::before {
    opacity: 1
}

.tab-wrap+.board-wrap {
    margin-top: 80px
}

.tab-wrap+.title-wrap4 {
    margin-top: 100px
}

.tab-wrap2 {
    padding-top: 120px;
    margin-top: 100px;
    background-color: #f4f5f7
}

.tab-wrap2+.content-box {
    margin-top: 130px
}

.tab-wrap2 .tab-cont {
    background-color: #fff
}

.tab-wrap2 .tab-cont .cont-inner {
    display: flex;
    align-items: center;
    padding: 80px 80px 0
}

.tab-wrap2 .tab-cont .img-box {
    min-width: 270px
}

.tab-wrap2 .tab-cont .img-box img {
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover
}

.tab-wrap2 .tab-cont .img-box+.title-box {
    padding-top: 0;
    padding-left: 80px;
    text-align: left
}

.tab-wrap2 .tab-cont .img-box+.title-box .title::before {
    left: 0;
    transform: translateX(0)
}

.tab-wrap2 .tab-cont .title-box {
    flex-grow: 1;
    padding-top: 40px;
    text-align: center
}

.tab-wrap2 .tab-cont .title-box .title {
    display: block;
    padding-bottom: 54px;
    position: relative;
    font-size: 32px;
    font-weight: 700
}

.tab-wrap2 .tab-cont .title-box .title::before {
    content: "";
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 1px;
    background-color: #000
}

.tab-wrap2 .tab-cont .title-box .desc {
    font-size: 20px;
    line-height: 1.6
}

.tab-cont {
    display: none
}

.tab-cont.active {
    display: block
}

.btn-zoom {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, .8)
}

.btn-zoom .ico-more2 {
    background-image: url(../images/icon/more2_w.svg)
}

@media all and (max-width: 1024px) {
    .btn-type.download-type {
        width: 48px;
        height: 48px;
        padding: 0
    }

    .btn-type.download-type>span {
        overflow: hidden;
        position: absolute;
        clip: rect(0, 0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0);
        width: 1px;
        height: 1px;
        margin: -1px
    }

    .btn-type.download-type,
    .btn-type.download-type:hover {
        background-color: #fff
    }

    .btn-type.download-type [class^=ico-] {
        margin-left: 0
    }
}

@media all and (min-width: 1025px) {
    .btn-type.download-type2 {
        flex-direction: column;
        min-width: auto;
        width: 110px;
        height: 110px;
        margin-left: 0;
        background-color: #000;
        border-radius: 50%;
        color: #fff
    }

    .btn-type.download-type2>span {
        order: 1
    }

    .btn-type.download-type2 .ico-down {
        margin-left: 0;
        margin-bottom: 10px;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M1 13.55v4h18v-4M5 8.5l5 5 5-5'/%3E%3Cpath stroke-linecap='square' d='M10 .5v12'/%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .tab-type {
        display: flex;
        justify-content: center;
        margin: 60px auto
    }

    .tab-type li {
        width: calc(100% - 1px);
        max-width: 288px;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: #d7d7d7
    }

    .tab-type li:first-child {
        border-left: 1px solid #d7d7d7
    }

    .tab-type li a {
        display: block;
        position: relative;
        background-color: #fff;
        font-size: 20px;
        color: #303030;
        transition: .3s
    }

    .tab-type li a::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        background-color: #066bc1;
        opacity: 0;
        transition: .3s
    }

    .tab-type li a span {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 70px
    }

    .tab-type li a .count {
        font-family: SpoqaHanSansNeo, sans-serif
    }

    .tab-type li a:hover,
    .tab-type li.active a {
        background-color: #093389;
        color: #fff
    }

    .tab-type li a:hover::before,
    .tab-type li.active a::before {
        opacity: 1
    }
}

@media all and (min-width: 768px)and (max-width: 1439px) {
    .tab-type2 {
        flex-wrap: wrap
    }

    .tab-type2 li {
        width: 50%
    }

    .tab-type2 li:nth-child(n+3) {
        margin-top: -1px
    }

    .tab-type2 li a {
        justify-content: flex-start
    }

    .tab-type3 li {
        min-width: auto;
        width: 100%
    }
}

@media all and (min-width: 768px)and (max-width: 1024px) {
    .btn-wrap2 .btn-l {
        width: 100%;
        margin-top: 16px
    }

    .btn-wrap2 .btn-l,
    .btn-wrap2 .btn-l:first-child {
        margin-left: 0
    }

    .btn-wrap2 .btn-l:first-child {
        margin-top: 0
    }

    .btn-share {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -70px;
        right: 0;
        width: 50px;
        height: 50px;
        border: 1px solid #d7d7d7;
        border-radius: 50%
    }

    .btn-share .ico-share {
        width: 20px;
        height: 24px
    }

    .tab-type {
        position: relative;
        overflow: hidden;
        overflow-x: auto;
        padding: 0 5px;
        white-space: nowrap;
        text-align: center;
        border-bottom: 1px solid #d7d7d7
    }

    .tab-type::-webkit-scrollbar {
        display: none
    }

    .tab-type li {
        display: inline-block;
        position: relative
    }

    .tab-type li a {
        display: block;
        padding: 0 20px;
        background-color: #fff;
        font-size: 20px;
        color: #666;
        transition: .3s
    }

    .tab-type li a span {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 70px
    }

    .tab-type li a span::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) scale(0);
        width: 100%;
        height: 2px;
        background-color: #093389;
        transition: .3s
    }

    .tab-type li a .count {
        font-family: SpoqaHanSansNeo, sans-serif
    }

    .tab-type li.active a {
        color: #093389;
        font-weight: 700
    }

    .tab-type li.active a span::before {
        transform: translateX(-50%) scale(1)
    }

    .tab-type.col2 {
        display: flex;
        justify-content: space-around
    }

    .tab-wrap2 .tab-cont .cont-inner {
        flex-direction: column;
        padding: 60px 60px 0
    }

    .tab-wrap2 .tab-cont .img-box+.title-box {
        margin-top: 40px;
        padding-left: 0;
        text-align: center
    }

    .tab-wrap2 .tab-cont .img-box+.title-box .title {
        padding-bottom: 54px
    }

    .tab-wrap2 .tab-cont .img-box+.title-box .title::before {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media all and (max-width: 767px) {
    .btn-wrap {
        margin-top: 50px
    }

    [class^=btn-type] {
        margin-left: 10px
    }

    [class^=btn-type]:first-of-type {
        margin-left: 0
    }

    .btn-wrap2 {
        margin-top: 75px
    }

    .btn-wrap2 .btn-l {
        width: 100%;
        margin-top: 13px
    }

    .btn-wrap2 .btn-l,
    .btn-wrap2 .btn-l:first-child {
        margin-left: 0
    }

    .btn-wrap2 .btn-l:first-child {
        margin-top: 0
    }

    .btn-type {
        min-width: 125px;
        height: 50px;
        padding: 2px 20px 0;
        font-size: 15px
    }

    .btn-type [class^=ico-] {
        margin-left: 4px
    }

    .btn-type .ico-arr {
        margin-left: 5px
    }

    .btn-type.btn-m {
        min-width: auto;
        height: 50px
    }

    .btn-type.btn-s {
        min-width: 130px;
        height: 40px;
        padding-left: 15px;
        padding-right: 15px
    }

    .btn-type.btn-s:nth-child(n+2) {
        margin-left: 6px
    }

    .btn-type.btn-s .ico-arr {
        margin-left: 6px
    }

    .btn-type.btn-l {
        min-width: 170px;
        height: 60px;
        font-size: 18px
    }

    .btn-type3 {
        width: 100%;
        height: 70px;
        padding-left: 25px;
        margin-top: 20px;
        font-size: 18px
    }

    .btn-type3,
    .btn-type3:nth-child(n+2) {
        margin-left: 0
    }

    .btn-type3:first-child {
        margin-top: 0
    }

    .btn-type3 [class^=ico-]:last-child {
        right: 30px
    }

    .btn-more {
        font-size: 14px
    }

    .btn-more .ico-more {
        margin-left: 6px
    }

    .btn-more:hover .ico-more {
        transform: translateX(0)
    }

    .tag-box {
        margin-top: 27px
    }

    .tag-box .tag {
        height: 33px;
        margin-right: 6px;
        margin-bottom: 6px;
        font-size: 14px
    }

    .tab-wrap.fixed,
    .link-wrap.fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 50;
        background-color: #fff;
        transition: .3s
    }

    .tab-wrap.fixed {
        top: 70px
    }

    .tab-wrap+.board-wrap {
        margin-top: 40px
    }

    .tab-wrap+.title-wrap4 {
        margin-top: 50px
    }

    .link-wrap.fixed {
        top: 126px;
        padding: 10px 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    .board-wrap.tab .link-wrap.fixed .link-select {
        margin-bottom: 0
    }

    .board-wrap.tab .link-wrap.fixed+.board-body {
        margin-top: 30px
    }

    .tab-type {
        position: relative;
        overflow: hidden;
        overflow-x: auto;
        padding: 0 5px;
        white-space: nowrap;
        text-align: center;
        border-bottom: 1px solid #d7d7d7
    }

    .tab-type::-webkit-scrollbar {
        display: none
    }

    .tab-type li {
        display: inline-block;
        position: relative
    }

    .tab-type li a {
        display: block;
        padding: 0 15px;
        background-color: #fff;
        font-size: 16px;
        color: #666;
        transition: .3s
    }

    .tab-type li a span {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 55px
    }

    .tab-type li a span::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) scale(0);
        width: 100%;
        height: 2px;
        background-color: #093389;
        transition: .3s
    }

    .tab-type li a .count {
        font-family: SpoqaHanSansNeo, sans-serif
    }

    .tab-type li.active a {
        color: #093389;
        font-weight: 700
    }

    .tab-type li.active a span::before {
        transform: translateX(-50%) scale(1)
    }

    .tab-type.col2 {
        display: flex;
        justify-content: space-around
    }

    .tab-type2 {
        flex-wrap: wrap
    }

    .tab-type2 li {
        width: 50%
    }

    .tab-type2 li:nth-child(n+3) {
        margin-top: -1px
    }

    .tab-type2 li a {
        justify-content: flex-start;
        height: 50px;
        padding: 0 12px;
        font-size: 15px
    }

    .tab-type2 li a [class^=ico-] {
        margin-right: 15px
    }

    .paging-wrap {
        margin-top: 60px
    }

    .paging-wrap button {
        min-width: 36px;
        height: 36px;
        margin: 0 2px;
        font-size: 14px
    }

    .paging-wrap .paging-box {
        margin: 0;
        font-size: 14px
    }

    .paging-wrap .paging-box span {
        margin: 0 5px
    }

    .paging-wrap .paging-box button {
        margin: 0;
        font-size: 14px
    }

    .paging-wrap .paging-box button.active {
        background-color: rgba(0, 0, 0, 0);
        color: #093389;
        font-weight: 700
    }

    .link-select {
        width: 100%
    }

    .link-select::after {
        right: 24px
    }

    .link-select a {
        height: 50px;
        font-size: 16px
    }

    .link-select .current {
        padding-left: 15px;
        padding-right: 30px
    }

    .link-select .list-select {
        padding: 10px 0
    }

    .link-select .list-select li a {
        height: 40px;
        padding: 0 15px
    }

    .link-select.v2 {
        width: 70px
    }

    .link-select.v2::after {
        right: 10px
    }

    .link-select.v2 a {
        height: 42px;
        font-size: 13px
    }

    .link-select.v2 .current {
        justify-content: center;
        padding-left: 0;
        padding-right: 10px
    }

    .link-select.v2 .list-select {
        background-color: #f4f5f7
    }

    .btn-share {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -40px;
        right: 0;
        width: 35px;
        height: 35px;
        border: 1px solid #d7d7d7;
        border-radius: 50%
    }

    .tab-type3 {
        display: block;
        overflow: hidden;
        overflow-x: auto;
        background-color: #fff;
        border-bottom: 1px solid #d7d7d7;
        white-space: nowrap;
        font-size: 0;
        text-align: center
    }

    .tab-type3 li {
        display: inline-block;
        min-width: auto;
        margin-left: 14px
    }

    .tab-type3 li:first-child {
        margin-left: 14px
    }

    .tab-type3 li a {
        height: 59px;
        padding: 0 0;
        background-color: #fff;
        font-size: 16px
    }

    .tab-type3 li a::before {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px
    }

    .tab-wrap2 {
        padding: 20px 0;
        margin-top: 60px
    }

    .tab-wrap2+.content-box {
        margin-top: 80px
    }

    .tab-wrap2 .tab-cont .cont-inner {
        flex-direction: column;
        padding: 38px 20px
    }

    .tab-wrap2 .tab-cont .img-box+.title-box {
        padding-top: 20px;
        padding-left: 0;
        text-align: center
    }

    .tab-wrap2 .tab-cont .img-box+.title-box .title::before {
        left: 50%;
        transform: translateX(-50%)
    }

    .tab-wrap2 .tab-cont .title-box {
        padding-top: 0
    }

    .tab-wrap2 .tab-cont .title-box .title {
        padding-bottom: 36px;
        font-size: 22px
    }

    .tab-wrap2 .tab-cont .title-box .title::before {
        bottom: 18px;
        width: 20px;
        background-color: #093389
    }

    .tab-wrap2 .tab-cont .title-box .desc {
        font-size: 16px;
        line-height: 1.4
    }

    .btn-zoom {
        display: block
    }
}

[class^=ico-] {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: 50% 50%;
    background-size: contain
}

.ico-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #00328e
}

.ico-circle.v2 {
    background-color: #2b9ada
}

.ico-circle.v3 {
    background-color: #b2cddc
}

.ico-circle.v4 {
    background-color: #015fb9
}

.ico-stock {
    width: 0;
    height: 0;
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 8px solid #fa0000;
    border-right: 8px solid rgba(0, 0, 0, 0);
    transform: rotate(-90deg) translateX(5px);
    transform-origin: 50% 50%
}

.ico-stock.down {
    border-left: 8px solid #015fb9;
    transform: rotate(90deg) translateX(2px)
}

.ico-required {
    min-width: 5px;
    width: 5px;
    height: 5px;
    margin-left: 8px;
    border-radius: 50%;
    background-color: #f80000;
    vertical-align: super
}

.ico-logo {
    width: 220px;
    height: 50px;
    background-image: url(../images/icon/logo.svg)
}

.ico-logo.white {
    background-image: url(../images/icon/logo_w.svg)
}

.ico-logo-korea {
    width: 216px;
    height: 60px;
    background-image: url(../images/icon/ci-korea.svg)
}

.ico-logo-kor {
    width: 198px;
    height: 88px;
    background-image: url(../images/icon/ci-kor.svg)
}

.ico-logo-eng {
    width: 198px;
    height: 77px;
    background-image: url(../images/icon/ci-eng.svg)
}

.ico-srch {
    width: 28px;
    height: 28px;
    background-image: url(../images/icon/search.svg)
}

.ico-top {
    width: 17px;
    height: 24px;
    background-image: url(../images/icon/top.svg)
}

.ico-more {
    width: 61px;
    height: 11px;
    background-image: url(../images/icon/more.svg)
}

.ico-gvrnn {
    width: 100px;
    height: 100px;
    background-image: url(../images/icon/gvrnn.svg)
}

.ico-env {
    width: 100px;
    height: 100px;
    background-image: url(../images/icon/env.svg)
}

.ico-social {
    width: 100px;
    height: 100px;
    background-image: url(../images/icon/social.svg)
}

.ico-arr-circle {
    width: 60px;
    height: 60px;
    background-image: url(../images/icon/circle_arrow.svg)
}

.ico-scroll {
    width: 25px;
    height: 42px;
    background-image: url(../images/icon/scroll.svg)
}

.ico-outer {
    width: 13px;
    height: 14px;
    background-image: url(../images/icon/outer.svg)
}

.ico-home {
    width: 19px;
    height: 21px;
    background-image: url(../images/icon/home.svg)
}

.ico-more2 {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/more2.svg)
}

.ico-exclam {
    width: 60px;
    height: 60px;
    background-image: url(../images/icon/exclam_mark.svg);
    background-color: #eceef0;
    border-radius: 50%
}

.ico-exclam2 {
    width: 60px;
    height: 60px;
    background-image: url(../images/icon/exclam_mark2.svg)
}

.ico-valid {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/valid.svg)
}

.ico-invalid {
    width: 21px;
    height: 18px;
    background-image: url(../images/icon/invalid.svg)
}

.ico-location {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/location.svg)
}

.ico-tel {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/tel.svg)
}

.ico-post {
    width: 26px;
    height: 28px;
    background-image: url(../images/icon/post.svg)
}

.ico-mail {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/mail.svg)
}

.ico-fax {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/fax.svg)
}

.ico-subject {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/subject.svg)
}

.ico-network {
    width: 85px;
    height: 85px;
    background-image: url(../images/icon/network.svg)
}

.ico-network2 {
    width: 85px;
    height: 85px;
    background-image: url(../images/icon/network2.svg)
}

.ico-network3 {
    width: 85px;
    height: 85px;
    background-image: url(../images/icon/network3.svg)
}

.ico-contact {
    width: 50px;
    height: 47px;
    background-image: url(../images/icon/contact.svg)
}

.ico-solution {
    width: 38px;
    height: 38px;
    background-image: url(../images/icon/solution.svg)
}

.ico-bulb {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/bulb.svg)
}

.ico-earth {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/earth.svg)
}

.ico-earth2 {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/earth2.svg)
}

.ico-earth3 {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/earth3.svg)
}

.ico-earth4 {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/earth4.svg)
}

.ico-renewable {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/renewable.svg)
}

.ico-doc {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/doc.svg)
}

.ico-air {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/air.svg)
}

.ico-energy {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/energy.svg)
}

.ico-waste {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/waste.svg)
}
.ico-glory {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/global.svg)
}
.ico-prohibition {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/prohibition.svg)
}

.ico-amends {
    width: 74px;
    height: 74px;
    background-image: url(../images/icon/amends.svg)
}

.ico-ethics01 {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon/ethics01.svg)
}

.ico-ethics02 {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon/ethics02.svg)
}

.ico-ethics03 {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon/ethics03.svg)
}

.ico-ethics04 {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon/ethics04.svg)
}

.ico-checkbox {
    width: 30px;
    height: 30px;
    background-image: url(../images/icon/checkbox.svg)
}

.ico-summary {
    width: 42px;
    height: 42px;
    background-image: url(../images/icon/summary.svg)
}

.ico-summary2 {
    width: 42px;
    height: 42px;
    background-image: url(../images/icon/summary2.svg)
}

.ico-summary3 {
    width: 42px;
    height: 42px;
    background-image: url(../images/icon/summary3.svg)
}

.ico-summary4 {
    width: 42px;
    height: 42px;
    background-image: url(../images/icon/summary4.svg)
}

.ico-summary5 {
    width: 42px;
    height: 42px;
    background-image: url(../images/icon/summary5.svg)
}

.ico-summary6 {
    width: 40px;
    height: 41px;
    background-image: url(../images/icon/summary6.svg)
}

.ico-summary7 {
    width: 35px;
    height: 33px;
    background-image: url(../images/icon/summary7.svg)
}

.ico-summary8 {
    width: 30px;
    height: 27px;
    background-image: url(../images/icon/summary8.svg)
}

.ico-summary9 {
    width: 35px;
    height: 30px;
    background-image: url(../images/icon/summary9.svg)
}

.ico-summary10 {
    width: 34px;
    height: 34px;
    background-image: url(../images/icon/summary10.svg)
}

.ico-summary11 {
    width: 36px;
    height: 26px;
    background-image: url(../images/icon/summary11.svg)
}

.ico-summary12 {
    width: 42px;
    height: 35px;
    background-image: url(../images/icon/summary12.svg)
}

.ico-newmarket {
    width: 108px;
    height: 108px;
    background-image: url(../images/icon/newmarket.svg)
}

.ico-newprod {
    width: 108px;
    height: 108px;
    background-image: url(../images/icon/newprod.svg)
}

.ico-newtech {
    width: 108px;
    height: 108px;
    background-image: url(../images/icon/newtech.svg)
}

.ico-facebook {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/facebook.svg)
}

.ico-twitter {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/twitter.svg)
}

.ico-url {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/url.svg)
}

.ico-refresh {
    width: 29px;
    height: 25px;
    background-image: url(../images/icon/refresh.svg)
}

.ico-site {
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/site.svg)
}

.ico-notice {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/notice.svg)
}

.ico-arr {
    position: relative;
    width: 14px;
    height: 14px;
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23231916' stroke-width='4' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A");
    transform: rotate(180deg)
}

.ico-arr.lft {
    transform: rotate(0)
}

.ico-arr.up {
    transform: rotate(90deg)
}

.ico-arr.down {
    transform: rotate(-90deg)
}

.ico-arr.dubble {
    background-image: url("data: image/svg+xml, %3Csvg width='51' height='54' viewBox='0 0 51 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23231916' stroke-width='4' fill='none' fill-rule='evenodd' %3E%3Cpath d='M28 53 2 27 28 1' /%3E%3Cpath d='M50 53 24 27 50 1' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-arr.v2 {
    width: 12px;
    height: 12px;
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23231916' stroke-width='6' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.ico-clear {
    width: 23px;
    height: 23px;
    background-image: url("data: image/svg+xml, %3Csvg width='34' height='35' viewBox='0 0 34 35' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square' %3E%3Cpath d='m9.222 9.722 15.556 15.556M24.778 9.722 9.222 25.278' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-product {
    width: 74px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='74px' height='80px' viewBox='0 0 74 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eico_Quick_01%3C/title%3E%3Cg id='ico_Quick_01' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cg id='Group-10' transform='translate(23.000000, 26.000000)' stroke='%23FFFFFF' stroke-width='1.4'%3E%3Cg id='Group' transform='translate(3.500000, 0.000000)'%3E%3Cline x1='1.5' y1='7' x2='1.5' y2='1' id='Stroke-1'%3E%3C/line%3E%3Cline x1='4.5' y1='7' x2='4.5' y2='1' id='Stroke-2'%3E%3C/line%3E%3Cline x1='7.5' y1='7' x2='7.5' y2='1' id='Stroke-3'%3E%3C/line%3E%3Cline x1='10.5' y1='7' x2='10.5' y2='1' id='Stroke-4'%3E%3C/line%3E%3Cline x1='10.5' y1='10.7' x2='10.5' y2='-8.7' id='Stroke-4' transform='translate(10.500000, 1.000000) rotate(90.000000) translate(-10.500000, -1.000000) '%3E%3C/line%3E%3Cline x1='13.5' y1='7' x2='13.5' y2='1' id='Stroke-4-Copy'%3E%3C/line%3E%3Cline x1='16.5' y1='7' x2='16.5' y2='1' id='Stroke-5'%3E%3C/line%3E%3Cline x1='19.5' y1='7' x2='19.5' y2='1' id='Stroke-5-Copy'%3E%3C/line%3E%3C/g%3E%3Cpolyline id='Stroke-7' points='0 31 0 16 28 16 28 31'%3E%3C/polyline%3E%3Cpolyline id='Stroke-9' points='3 16 3 7 25 7 25 16'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.ico-global {
    width: 74px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='74px' height='80px' viewBox='0 0 74 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eico_Quick_02%3C/title%3E%3Cdefs%3E%3Cpolygon id='path-1' points='0 0.235456481 29.7721667 0.235456481 29.7721667 31 0 31'%3E%3C/polygon%3E%3Cpolygon id='path-3' points='0.208960656 0.235456481 16.8408131 0.235456481 16.8408131 31 0.208960656 31'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='ico_Quick_02' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-13' transform='translate(22.000000, 24.000000)'%3E%3Cg id='Group-3'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Clip-2'%3E%3C/g%3E%3Cpath d='M14.8860556,1.67064167 C7.44355556,1.67064167 1.38883333,7.92718796 1.38883333,15.6177713 C1.38883333,23.3080676 7.44355556,29.5649009 14.8860556,29.5649009 C22.3285556,29.5649009 28.3832778,23.3080676 28.3832778,15.6177713 C28.3832778,7.92718796 22.3285556,1.67064167 14.8860556,1.67064167 M14.8860556,31.0000861 C6.67772222,31.0000861 -5.55555556e-05,24.0994287 -5.55555556e-05,15.6177713 C-5.55555556e-05,7.13582685 6.67772222,0.235456481 14.8860556,0.235456481 C23.0943889,0.235456481 29.7721667,7.13582685 29.7721667,15.6177713 C29.7721667,24.0994287 23.0943889,31.0000861 14.8860556,31.0000861' id='Fill-1' fill='%23FFFFFF' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3Cg id='Group-6' transform='translate(6.000000, 0.000000)'%3E%3Cmask id='mask-4' fill='white'%3E%3Cuse xlink:href='%23path-3'%3E%3C/use%3E%3C/mask%3E%3Cg id='Clip-5'%3E%3C/g%3E%3Cpath d='M8.52502623,1.67064167 C4.77248525,1.67064167 1.60240328,8.05750278 1.60240328,15.6177713 C1.60240328,23.1777528 4.77248525,29.5649009 8.52502623,29.5649009 C12.2772885,29.5649009 15.4473705,23.1777528 15.4473705,15.6177713 C15.4473705,8.05750278 12.2772885,1.67064167 8.52502623,1.67064167 M8.52502623,31.0000861 C3.86200984,31.0000861 0.208960656,24.2432343 0.208960656,15.6177713 C0.208960656,6.99230833 3.86200984,0.235456481 8.52502623,0.235456481 C13.1880426,0.235456481 16.8408131,6.99230833 16.8408131,15.6177713 C16.8408131,24.2432343 13.1880426,31.0000861 8.52502623,31.0000861' id='Fill-4' fill='%23FFFFFF' mask='url(%23mask-4)'%3E%3C/path%3E%3C/g%3E%3Cpath d='M14.75,31 C14.3357,31 14,30.6867886 14,30.3002426 L14,1.69975742 C14,1.31321142 14.3357,1 14.75,1 C15.1643,1 15.5,1.31321142 15.5,1.69975742 L15.5,30.3002426 C15.5,30.6867886 15.1643,31 14.75,31' id='Fill-7' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M27.3701482,11.5 L1.62985182,11.5 C1.28200247,11.5 1,11.1643 1,10.75 C1,10.3357 1.28200247,10 1.62985182,10 L27.3701482,10 C27.7179975,10 28,10.3357 28,10.75 C28,11.1643 27.7179975,11.5 27.3701482,11.5' id='Fill-9' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M27.3701482,21.5 L1.62985182,21.5 C1.28200247,21.5 1,21.1643 1,20.75 C1,20.3357 1.28200247,20 1.62985182,20 L27.3701482,20 C27.7179975,20 28,20.3357 28,20.75 C28,21.1643 27.7179975,21.5 27.3701482,21.5' id='Fill-11' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.ico-catalog {
    width: 74px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='74px' height='80px' viewBox='0 0 74 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eico_Quick_03%3C/title%3E%3Cdefs%3E%3Cpolygon id='path-1' points='0 0.0853218182 34 0.0853218182 34 26.0853218 0 26.0853218'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='ico_Quick_03' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-16' transform='translate(20.000000, 26.000000)'%3E%3Cpath d='M4.5434303,7.60907818 L13.0016562,7.60907818 C14.017535,7.60907818 14.0207196,6.07598727 13.0016562,6.07598727 L4.5434303,6.07598727 C3.52755152,6.07598727 3.52436694,7.60907818 4.5434303,7.60907818' id='Fill-1' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M4.5434303,12.9922964 L13.0016562,12.9922964 C14.017535,12.9922964 14.0207196,11.4592055 13.0016562,11.4592055 L4.5434303,11.4592055 C3.52755152,11.4592055 3.52436694,12.9922964 4.5434303,12.9922964' id='Fill-3' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M13.0013377,16.8414964 L4.54311185,16.8414964 C3.52723306,16.8414964 3.52404848,18.3745873 4.54311185,18.3745873 L13.0013377,18.3745873 C14.0172165,18.3745873 14.0204011,16.8414964 13.0013377,16.8414964' id='Fill-5' fill='%23FFFFFF'%3E%3C/path%3E%3Cg id='Group-9' transform='translate(0.000000, 0.914678)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Clip-8'%3E%3C/g%3E%3Cpath d='M1.55801922,1.75860585 L12.8976349,1.75860585 C14.7100887,1.75860585 16.1832964,3.34080385 16.1832964,5.28734595 L16.1832964,23.5382867 L15.9068736,23.2414137 C14.8200296,22.0741631 13.3719512,21.4298138 11.832779,21.4298138 L1.55801922,21.4298138 L1.55801922,1.75860585 Z M17.8167036,5.28734595 C17.8167036,3.34080385 19.2899113,1.75860585 21.1023651,1.75860585 L32.4419808,1.75860585 L32.4419808,21.4298138 L22.1640798,21.4298138 C20.6280488,21.4298138 19.1799704,22.0741631 18.0931264,23.2414137 L17.8167036,23.5382867 L17.8167036,5.28734595 Z M11.832779,23.1030979 C12.9573171,23.1030979 14.0127494,23.5720222 14.8043237,24.425532 L16.063932,25.7749546 C16.2524021,25.977368 16.5005543,26.0853218 16.7581301,26.0853218 C16.8398004,26.0853218 16.9183296,26.0718276 17,26.0482127 C17.0785292,26.0718276 17.1601996,26.0853218 17.2418699,26.0853218 C17.4963045,26.0853218 17.7475979,25.977368 17.936068,25.7749546 L19.1925351,24.425532 C19.9872506,23.5720222 21.0426829,23.1030979 22.1640798,23.1030979 L32.5707687,23.1030979 C33.3592018,23.1030979 34,22.4148923 34,21.5681297 L34,1.61691647 C34,0.773527346 33.3592018,0.0853218182 32.5707687,0.0853218182 L21.1023651,0.0853218182 C19.3747228,0.0853218182 17.8575388,1.06027965 17,2.52440317 C16.1424612,1.06027965 14.6252772,0.0853218182 12.8976349,0.0853218182 L1.42609017,0.0853218182 C0.640798226,0.0853218182 0,0.773527346 0,1.61691647 L0,21.5681297 C0,22.4148923 0.640798226,23.1030979 1.42609017,23.1030979 L11.832779,23.1030979 Z' id='Fill-7' fill='%23FFFFFF' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3Cpath d='M21.4697543,7.60907818 L29.9279802,7.60907818 C30.943859,7.60907818 30.9470435,6.07598727 29.9279802,6.07598727 L21.4697543,6.07598727 C20.4538755,6.07598727 20.4506909,7.60907818 21.4697543,7.60907818' id='Fill-10' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M21.4697543,12.9922964 L29.9279802,12.9922964 C30.943859,12.9922964 30.9470435,11.4592055 29.9279802,11.4592055 L21.4697543,11.4592055 C20.4538755,11.4592055 20.4506909,12.9922964 21.4697543,12.9922964' id='Fill-12' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M21.4697543,18.3755145 L29.9279802,18.3755145 C30.943859,18.3755145 30.9470435,16.8424236 29.9279802,16.8424236 L21.4697543,16.8424236 C20.4538755,16.8424236 20.4506909,18.3755145 21.4697543,18.3755145' id='Fill-14' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.ico-catalog.v2 {
    background-image: url("data: image/svg+xml, %3Csvg width='36' height='28' viewBox='0 0 36 28' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23FFF' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Cpath d='M21.819 1c-2.106 0-3.82 1.889-3.82 4.213C18 2.889 16.287 1 14.181 1H1v23.482h11.947c1.785 0 3.468.77 4.732 2.163l.32.355.322-.355c1.264-1.393 2.947-2.163 4.732-2.163H35V1H21.819z' /%3E%3Cpath stroke-linecap='square' d='M18 4.591v21.502M4.5 7.5h9M22.5 7.5h9M4.5 12.5h9M22.5 12.5h9M4.5 17.5h9M22.5 17.5h9' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-inquiry {
    width: 74px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='74px' height='80px' viewBox='0 0 74 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eico_Quick_04%3C/title%3E%3Cg id='ico_Quick_04' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' transform='translate(20.000000, 25.000000)'%3E%3Ccircle id='Oval' stroke='%23FFFFFF' stroke-width='1.4' cx='24.6' cy='11.5' r='9.8'%3E%3C/circle%3E%3Ctext id='%3F' font-family='SpoqaHanSansNeo-Bold, Spoqa Han Sans Neo' font-size='14' font-weight='bold' letter-spacing='-0.233333333' fill='%23FFFFFF'%3E%3Ctspan x='21.1373333' y='17'%3E%3F%3C/tspan%3E%3C/text%3E%3Cpath d='M21.6,2 C20.6,1 18.1,0 14.6,0 C11.1,0 8.6,1 6.6,3 C4.6,5 3.1,8 3.1,9.5 C3.1,11 3.1,13 2.6,14 C2.58554481,14.0289104 1.75221148,15.3622437 0.1,18 C-0.233333333,19.3333333 0.266666667,20 1.6,20 C3.6,20 3.1,20.5 3.1,23 C3.1,25.5 4.6,26.5 5.6,26.5 C6.26666667,26.5 7.1,26.5 8.1,26.5 C8.43333333,26.5 8.6,26.8333333 8.6,27.5 C8.6,28.5 8.1,30 11.6,30 C13.9333333,30 15.6,30 16.6,30 L20.6,30 C21.9333333,29.6666667 22.6,29 22.6,28 C22.6,27 22.6,25.3333333 22.6,23 C22.6,22.3333333 22.7666667,21.8333333 23.1,21.5' id='Path-6' stroke='%23FFFFFF' stroke-width='1.4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.ico-inquiry.v2 {
    background-image: url("data: image/svg+xml, %3Csvg width='32' height='29' viewBox='0 0 32 29' xmlns='http://www.w3.org/2000/svg' %3E%3Cg transform='translate(.5 1)' stroke='%23FFF' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Cpath d='M25.5 22.007V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v12.916a2 2 0 0 0 2 2h4.622' /%3E%3Cpath d='M26 21.5a5 5 0 0 0 0-10M5 21.5a5 5 0 0 1 0-10' stroke-linecap='square' /%3E%3Crect x='12.5' y='23' width='8' height='4' rx='2' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-success {
    width: 32px;
    height: 35px;
    background-image: url("data: image/svg+xml, %3Csvg width='32' height='29' viewBox='0 0 32 29' xmlns='http://www.w3.org/2000/svg' %3E%3Cg transform='translate(.5 1)' stroke='%23FFF' fill='none' fill-rule='evenodd' %3E%3Cpath d='M25.5 22.007V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v12.916a2 2 0 0 0 2 2h4.622' /%3E%3Cpath d='M26 21.5a5 5 0 0 0 0-10M5 21.5a5 5 0 0 1 0-10' stroke-linecap='square' /%3E%3Crect x='12.5' y='23' width='8' height='4' rx='2' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-down {
    width: 21px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M1 13.55v4h18v-4M5 8.5l5 5 5-5'/%3E%3Cpath stroke-linecap='square' d='M10 .5v12'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-share {
    width: 24px;
    height: 28px;
    background-image: url("data: image/svg+xml, %3Csvg width='24' height='28' viewBox='0 0 24 28' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23000' stroke-width='1.5' fill='none' fill-rule='evenodd' %3E%3Ccircle cx='20' cy='4' r='3.25' /%3E%3Ccircle cx='20' cy='24' r='3.25' /%3E%3Ccircle cx='4' cy='14' r='3.25' /%3E%3Cpath stroke-linecap='square' d='m8.5 13.5 8-7M8.5 14.5l8 7' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-product2 {
    width: 30px;
    height: 36px;
    background-image: url("data: image/svg+xml, %3Csvg width='24' height='30' viewBox='0 0 24 30' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23aaa' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Cpath d='M6 14.688h7.2M6 19.063h12M6 23.438h12M15.387.5 23.5 8.951V29.5H.5V.5h14.887z' /%3E%3Cpath d='M23.28 8.75H15.6v-8' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-invest {
    width: 36px;
    height: 36px;
    background-image: url("data: image/svg+xml, %3Csvg width='46' height='48' viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23aaa' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Cpath d='M39 13h6v34h-6zM28 23h6v24h-6zM17 31h6v16h-6zM6 41h6v6H6zM6.001 37.107V25H1.015v-1.974L24.385 2 35 11.196' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-employ {
    width: 36px;
    height: 36px;
    background-image: url("data: image/svg+xml, %3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23aaa' stroke-width='2' fill='none' fill-rule='evenodd' %3E%3Ccircle cx='22' cy='22' r='21' /%3E%3Cpath stroke-linecap='square' d='m37.5 37.5 9 9' /%3E%3Cg transform='translate(13 12)' %3E%3Ccircle cx='9' cy='6' r='5' /%3E%3Cpath d='M18 20a9 9 0 0 0-18 0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-etc {
    width: 34px;
    height: 34px;
    background-image: url("data: image/svg+xml, %3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd' %3E%3Ccircle cx='22' cy='22' r='21' stroke='%23aaa' stroke-width='2' /%3E%3Ccircle fill='%23aaa' cx='14' cy='22' r='2' /%3E%3Ccircle fill='%23aaa' cx='22' cy='22' r='2' /%3E%3Ccircle fill='%23aaa' cx='30' cy='22' r='2' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.ico-motion-arr {
    width: 15px;
    min-width: 15px;
    height: 11px;
    margin-left: 4px;
    background-image: url(../images/icon/long_arr_unhover_b.svg)
}

a:hover .ico-motion-arr {
    width: 61px;
    min-width: 61px;
    background-image: url(../images/icon/long_arr_hover_b.svg)
}

@media all and (min-width: 768px)and (max-width: 1024px) {
    .ico-facebook {
        width: 60px;
        height: 60px
    }

    .ico-twitter {
        width: 60px;
        height: 60px
    }

    .ico-url {
        width: 60px;
        height: 60px
    }
}

@media all and (max-width: 767px) {
    .ico-circle {
        width: 9px;
        height: 9px
    }

    .ico-stock {
        border-bottom: 3px solid rgba(0, 0, 0, 0);
        border-top: 3px solid rgba(0, 0, 0, 0);
        border-left: 6px solid #fa0000;
        border-right: 6px solid rgba(0, 0, 0, 0)
    }

    .ico-stock.down {
        border-left: 6px solid #015fb9
    }

    .ico-required {
        min-width: 4px;
        width: 4px;
        height: 4px;
        margin-left: 4px
    }

    .ico-logo {
        width: 147px;
        height: 30px
    }

    .ico-logo-korea {
        width: 107px;
        height: 30px
    }

    .ico-logo-kor {
        width: 99px;
        height: 43px
    }

    .ico-logo-eng {
        width: 99px;
        height: 38.5px
    }

    .ico-top {
        width: 10.5px;
        height: 13.5px
    }

    .ico-exclam {
        width: 36px;
        height: 36px
    }

    .ico-exclam2 {
        width: 51px;
        height: 51px
    }

    .ico-gvrnn {
        width: 60px;
        height: 60px
    }

    .ico-env {
        width: 60px;
        height: 60px
    }

    .ico-social {
        width: 60px;
        height: 60px
    }

    .ico-valid {
        width: 15px;
        height: 15px
    }

    .ico-invalid {
        width: 15px;
        height: 13px
    }

    .ico-location {
        width: 15px;
        height: 15px
    }

    .ico-tel {
        width: 15px;
        height: 15px
    }

    .ico-post {
        width: 18px;
        height: 21px
    }

    .ico-mail {
        width: 15px;
        height: 15px
    }

    .ico-fax {
        width: 15px;
        height: 15px
    }

    .ico-subject {
        width: 15px;
        height: 15px
    }

    .ico-network {
        width: 55px;
        height: 55px
    }

    .ico-network2 {
        width: 55px;
        height: 55px
    }

    .ico-network3 {
        width: 55px;
        height: 55px
    }

    .ico-contact {
        width: 30px;
        height: 30px
    }

    .ico-solution {
        width: 30px;
        height: 30px
    }

    .ico-checkbox {
        width: 20px;
        height: 20px
    }

    .ico-newmarket {
        width: 40px;
        height: 40px
    }

    .ico-newprod {
        width: 50px;
        height: 50px
    }

    .ico-newtech {
        width: 50px;
        height: 50px
    }

    .ico-bulb {
        width: 55px;
        height: 55px
    }

    .ico-earth {
        width: 55px;
        height: 55px
    }

    .ico-renewable {
        width: 55px;
        height: 55px
    }

    .ico-doc {
        width: 55px;
        height: 55px
    }

    .ico-air {
        width: 49px;
        height: 42px
    }

    .ico-energy {
        width: 48px;
        height: 40px
    }

    .ico-waste {
        width: 44px;
        height: 38px
    }

    .ico-prohibition {
        width: 55px;
        height: 55px
    }

    .ico-amends {
        width: 55px;
        height: 55px
    }

    .ico-ethics01 {
        width: 35px;
        height: 35px
    }

    .ico-ethics02 {
        width: 35px;
        height: 35px
    }

    .ico-ethics03 {
        width: 35px;
        height: 35px
    }

    .ico-ethics04 {
        width: 35px;
        height: 35px
    }

    .ico-facebook {
        width: 51px;
        height: 51px
    }

    .ico-twitter {
        width: 51px;
        height: 51px
    }

    .ico-url {
        width: 51px;
        height: 51px
    }

    .ico-site {
        width: 15px;
        height: 15px
    }

    .ico-notice {
        width: 15px;
        height: 15px
    }

    .ico-arr.v2 {
        background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23231916' stroke-width='6' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
    }

    .ico-product {
        width: 55px;
        height: 55px
    }

    .ico-global {
        width: 55px;
        height: 55px
    }

    .ico-catalog {
        width: 55px;
        height: 55px
    }

    .ico-catalog.v2 {
        width: 37px;
        height: 28px
    }

    .ico-inquiry {
        width: 55px;
        height: 55px
    }

    .ico-inquiry.v2 {
        width: 36px;
        height: 33px
    }

    .ico-success {
        width: 32.5px;
        height: 32.5px
    }

    .ico-down {
        width: 20px;
        height: 16px
    }

    .ico-share {
        width: 15px;
        height: 18px
    }

    .ico-product2 {
        width: 20px;
        height: 24px;
        background-image: url("data: image/svg+xml, %3Csvg width='24' height='30' viewBox='0 0 24 30' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23666' stroke-width='1' fill='none' fill-rule='evenodd' %3E%3Cpath d='M6 14.688h7.2M6 19.063h12M6 23.438h12M15.387.5 23.5 8.951V29.5H.5V.5h14.887z' /%3E%3Cpath d='M23.28 8.75H15.6v-8' /%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .ico-invest {
        width: 23px;
        height: 24px;
        background-image: url("data: image/svg+xml, %3Csvg width='46' height='48' viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23666' stroke-width='1' fill='none' fill-rule='evenodd' %3E%3Cpath d='M39 13h6v34h-6zM28 23h6v24h-6zM17 31h6v16h-6zM6 41h6v6H6zM6.001 37.107V25H1.015v-1.974L24.385 2 35 11.196' /%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .ico-employ {
        width: 24px;
        height: 24px;
        background-image: url("data: image/svg+xml, %3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='%23666' stroke-width='1' fill='none' fill-rule='evenodd' %3E%3Ccircle cx='22' cy='22' r='21' /%3E%3Cpath stroke-linecap='square' d='m37.5 37.5 9 9' /%3E%3Cg transform='translate(13 12)' %3E%3Ccircle cx='9' cy='6' r='5' /%3E%3Cpath d='M18 20a9 9 0 0 0-18 0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .ico-etc {
        width: 22px;
        height: 22px;
        background-image: url("data: image/svg+xml, %3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd' %3E%3Ccircle cx='22' cy='22' r='21' stroke='%23000' stroke-width='1' /%3E%3Ccircle fill='%23666' cx='14' cy='22' r='2' /%3E%3Ccircle fill='%23000' cx='22' cy='22' r='2' /%3E%3Ccircle fill='%23000' cx='30' cy='22' r='2' /%3E%3C/g%3E%3C/svg%3E%0A")
    }

    a:hover .ico-motion-arr {
        width: 15px;
        background-image: url(../images/icon/long_arr_unhover_b.svg)
    }
}

[class^=title-wrap] {
    position: relative
}

[class^=title-wrap] p {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.7;
    color: #000
}

[class^=title-wrap] p .focus {
    font-size: 24px
}

[class^=title-wrap] .title-type {
    display: inline-block;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 700
}

[class^=title-wrap] .title-type .focus {
    color: #e30011
}

[class^=title-wrap] .title-type .focus2 {
    color: #093389
}

[class^=title-wrap] .side-box {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 18px;
    color: #666;
    text-align: right;
    line-height: 1.45
}

[class^=title-wrap] .side-box.btn-box {
    bottom: -10px
}

[class^=title-wrap] .btn-share {
    display: none
}

[class^=title-wrap] .tag-box,
[class^=title-wrap] .category-box {
    justify-content: center
}

[class^=title-wrap] .category-box {
    margin-bottom: 20px
}

[class^=title-wrap] .tag-box {
    margin-top: 40px
}

[class^=title-wrap] .btn-type {
    border-color: #d7d7d7
}

[class^=title-wrap].t-c {
    text-align: center
}

.title-wrap {
    margin-bottom: 100px;
    text-align: center
}

.title-wrap .title-type {
    font-size: 46px
}

.title-wrap P {
    margin-top: 22px
}

.title-wrap+.content-box:not(.bg) {
    margin-top: 0
}

.title-wrap.v2 {
    margin-bottom: 90px
}

.title-wrap.v2 .title-type {
    font-size: 38px
}

.title-wrap.v2 .side-box {
    bottom: auto;
    top: 15px
}

.title-wrap.v3 {
    margin-bottom: 90px
}

.title-wrap.v3 .title-type {
    font-size: 54px
}

.title-wrap.v3 .title-type .sub {
    display: block;
    font-size: 38px;
    line-height: 1.8;
}

.title-wrap.v3 P {
    margin-top: 34px
}

.title-wrap:only-child {
    margin-bottom: 0
}

.title-wrap2 {
    margin-bottom: 20px
}

.title-wrap2 .title-type {
    font-size: 32px
}

.title-wrap3 {
    margin-bottom: 22px
}

.title-wrap3 .title-type {
    font-size: 24px
}

.title-wrap4 {
    margin-bottom: 70px;
    text-align: center
}

.title-wrap4 .title-type {
    position: relative;
    color: #093389;
    font-size: 32px;
    letter-spacing: 0
}

.title-wrap4 .title-type::before {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin: 0 auto 20px;
    background-color: #093389
}

.title-wrap4 p {
    margin-top: 22px;
    color: #303030
}

.title-wrap4 .btn-type {
    justify-content: space-between;
    min-width: 230px;
    padding-left: 28px;
    padding-right: 28px;
    border-color: #000
}

.title-wrap4+.btn-wrap {
    margin-top: -20px
}

.guide-box {
    margin-top: 30px
}

.guide-box dl {
    display: flex;
    align-items: flex-start
}

.guide-box dl dt {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-right: 34px;
    font-size: 16px;
    color: #303030
}

.guide-box .ico-exclam {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-color: #303030
}

[class^=list-type] li [class^=list-type] {
    margin-top: 10px
}

.scroll-box {
    padding-left: 20px
}

.scroll-box .inner-box {
    overflow-x: auto;
    padding-bottom: 77px
}

.scroll-box img {
    max-width: auto
}

.scroll-box ::-webkit-scrollbar {
    display: block;
    width: 3px;
    height: 3px
}

.scroll-box ::-webkit-scrollbar-track {
    background: #d7d7d7
}

.scroll-box ::-webkit-scrollbar-thumb {
    background: #e30011
}

.content-wrap .content-box .inner-box .content-img .scroll-box img {
    max-width: auto;
    width: auto
}

.list-type {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5;
    color: #666
}

.list-type:first-child {
    margin-top: 0
}

.list-type li {
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    letter-spacing: -0.5px
}

.list-type li:first-child {
    margin-top: 0
}

.list-type li::before {
    content: "";
    position: absolute;
    top: .6em;
    left: 0;
    width: .18em;
    height: .18em;
    background-color: #666;
    border-radius: 50%
}

.list-type.t-c {
    display: flex;
    flex-direction: column;
    align-items: center
}

.list-type.v2 {
    font-size: 20px;
    color: #000
}

.list-type.v2 li {
    padding-left: 13px;
    margin-top: 6px
}

.list-type.v2 li:first-child {
    margin-top: 0
}

.list-type.v2 li::before {
    top: .55em;
    width: .25em;
    height: .25em;
    background-color: #093389
}

.list-type.v2 li .btn {
    display: inline-flex;
    position: relative;
    padding-left: 14px;
    margin-left: 14px;
    align-items: center
}

.list-type.v2 li .btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #666
}

.list-type.v2 li .btn .ico-arr {
    margin-left: 4px;
    vertical-align: -1px
}

.list-type.v3 li,
.list-type.v4 li {
    margin-top: 6px;
    padding-left: 8px
}

.list-type.v3 li:first-child,
.list-type.v4 li:first-child {
    margin-top: 0
}

.list-type.v3 li::before,
.list-type.v4 li::before {
    display: none
}

.list-type.v3 li::after,
.list-type.v4 li::after {
    content: "*";
    position: absolute;
    top: 0;
    left: 0
}

.list-type.v4 li {
    padding-left: 12px
}

.list-type.v4 li::after {
    content: "-"
}

.list-info li {
    margin-top: 20px
}

.list-info li:first-child {
    margin-top: 0
}

.list-info li dl {
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    line-height: 1.5
}

.list-info li dl dt {
    display: flex;
    align-items: center;
    min-width: 320px;
    font-weight: 700
}

.list-info li dl dt [class^=ico-] {
    margin-right: 14px
}

.list-info li dl dd {
    width: calc(100% - 120px);
    color: #666
}

.list-info li dl dd a:hover {
    text-decoration: underline;
    text-underline-position: under
}

.list-info li dl dd a:not(.btn-map)>.ico-outer {
    margin-left: 10px
}

.list-info li dl dd .btn-map {
    display: inline-block;
    padding: 0 10px
}

.list-info li dl dd .btn-map .ico-outer {
    background-image: url(../images/icon/outer_g.svg);
    vertical-align: baseline
}

.download-box {
    margin-top: -60px;
    padding: 60px 60px;
    background-color: #f4f5f7
}

.download-box dl {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.download-box dl dt {
    font-size: 24px;
    font-weight: 500
}

.download-box dl dt span {
    position: relative;
    color: #093389;
    padding-right: 20px;
    margin-right: 20px
}

.download-box dl dt span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #d7d7d7
}

.list-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -16px;
    margin-top: -16px
}

.list-summary li {
    display: flex;
    align-items: center;
    width: calc(33.333% - 16px);
    min-height: 150px;
    padding: 20px;
    margin-left: 16px;
    margin-top: 16px;
    background-color: #ffffff;
    border: 1px solid #cacaca;
}

.list-summary li .icon-img {
    margin-bottom: 0px
}

.list-summary li .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 66px;
    height: 66px;
    margin-right: 18px;
    background-color: #fff;
    border-radius: 50%
}


.list-summary li dl dt {
    margin-top: 35px;
    line-height: 1.6;
    display: block;
    text-align: center;
    font-size: 22px;
}

.list-summary li dl dt strong{
    font-weight: 500;
}

.list-summary li dl dd {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.55;
    color: #666
}

.list-summary li dl dd strong {
    display: block;
    font-size: 24px;
    color: #000
}

.list-summary li.col2 {
    width: calc(66.666% - 16px)
}

.list-summary li.col {
    width: calc(50% - 16px)
}

.list-summary li.col2 dl dd strong {
    font-size: 20px
}

.list-summary.v2 {
    margin-top: -26px;
    margin-left: -26px
}

.list-summary.v2 li {
    width: calc(25% - 26px);
    min-height: 140px;
    margin-left: 26px;
    margin-top: 26px
}

.list-summary.v2 li:first-child {
    margin-left: 26px
}

.list-summary.v2.col3 li {
    width: calc(33.333% - 26px)
}

.list-summary.v3 {
    flex-wrap: nowrap;
    margin-top: 120px
}

.list-summary.v3 li {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height: 312px;
    margin-left: 26px
}

.list-summary.v3 li:first-child {
    margin-left: 0
}

.list-summary.v3 li .icon-box {
    width: 100px;
    height: 100px;
    margin-right: 0;
    margin-bottom: 32px
}

.list-summary.v3 li dl dd {
    font-size: 18px;
    color: #000;
    line-height: 1.25
}

.list-summary.v3 li dl dd span {
    display: inline-block
}

.list-summary.v3 li dl dd strong {
    display: inline-block;
    font-size: 42px
}

.category-box {
    display: flex;
    font-size: 20px;
    color: #666
}

.category-box span {
    position: relative;
    padding: 0 10px
}

.category-box span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    transform: translateY(-50%);
    background-color: #d7d7d7
}

.category-box span:first-child {
    padding-left: 0
}

.category-box span:first-child::before {
    display: none
}

.focus-box {
    display: block;
    position: relative;
    width: 730px;
    margin: 0 auto;
    background-color: #015fb9;
    border: 24px solid #e5eff8;
    border-radius: 90px;
    font-size: 28px;
    color: #fff;
    text-align: center
}

.focus-box .focus-text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px;
    border-radius: 80px;
    border: 3px solid #fff;
    font-weight: 500
}

.text-form {
    display: flex;
    align-items: center
}

.text-form:first-child {
    margin-top: 0
}

.text-form .img-flex {
    width: 57%;
    padding-bottom: 30%
}

.text-form .text-box {
    position: relative;
    width: 53%;
    margin-left: 60px;
    font-size: 20px;
    line-height: 1.6
}

.text-form .text-box .title-type {
    margin-bottom: 30px;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -1px
}

.text-form.v2 .text-box {
    order: -1;
    margin-right: 60px;
    margin-left: 0
}

.text-form+.text-form {
    margin-top: 100px
}

.list-detail>li {
    display: flex;
    margin-top: 14px;
    padding: 42px 100px;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.list-detail>li:first-child {
    margin-top: 0
}

.list-detail>li .title-box {
    display: flex;
    align-items: center;
    min-width: 240px;
    line-height: 1.6
}

.list-detail>li .title-box .title {
    font-size: 24px
}

.list-detail>li .desc-box {
    display: flex;
    position: relative;
    width: 100%;
    padding-left: 50px;
    font-size: 20px;
    line-height: 1.6;
    color: #303030
}

.list-detail>li .desc-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 68px;
    background-color: #d7d7d7
}

.list-detail>li .desc-box .box {
    display: flex;
    align-items: center;
    width: 100%
}

.list-detail>li .desc-box .title-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 114px;
    height: 114px;
    margin-right: 28px;
    background-color: #eceef0;
    border-radius: 50%;
    text-align: center
}

.list-detail>li .list-type {
    font-size: 18px
}

.list-detail.v2>li .desc-box {
    padding-left: 10px
}

.list-detail.v2>li .desc-box::before {
    display: none
}

.list-detail.v3>li {
    padding: 0;
    margin-top: 28px
}

.list-detail.v3>li:first-child {
    margin-top: 0
}

.list-detail.v3>li:last-child .title-box::before {
    display: none
}

.list-detail.v3>li .title-box {
    justify-content: center;
    position: relative;
    min-width: 300px;
    background-color: #093389;
    color: #fff
}

.list-detail.v3>li .title-box::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-top: 18px solid #093389;
    border-left: 18px solid rgba(0, 0, 0, 0);
    border-right: 18px solid rgba(0, 0, 0, 0)
}

.list-detail.v3>li .desc-box {
    padding: 30px 52px
}

.list-detail.v4 {
    margin-top: 80px
}

.list-detail.v4>li {
    margin-top: 100px;
    padding: 0;
    border: 0
}

.list-detail.v4>li:first-child {
    margin-top: 0
}

.list-detail.v4>li .title-box {
    width: 270px;
    min-width: 270px;
    align-items: flex-start
}

.list-detail.v4>li .desc-box {
    justify-content: space-between
}

.list-detail.v4>li .desc-box::before {
    display: none
}

.list-detail2 {
    display: flex;
    justify-content: center
}

.list-detail2>li {
    position: relative;
    max-width: 290px;
    min-width: 280px;
    margin-left: 29px;
    padding: 0 30px 55px
}

.list-detail2>li:first-child {
    margin-left: 0
}

.list-detail2>li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 85%;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.list-detail2>li .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background-color: #06477c;
    border-radius: 50%
}

.list-detail2>li .icon-box>strong {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
    color: #fff
}

.list-detail2>li .title-box {
    margin-top: 35px;
    font-size: 20px;
    line-height: 1.6
}

.list-detail2>li .title-box .title {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 500
}

.list-detail2>li .title-box p {
    color: #303030
}

.list-detail2>li .desc-box {
    margin-top: 20px
}

.list-detail2>li .list-type {
    color: #303030
}

.list-detail2.v2 {
    flex-direction: column;
    width: 100%
}

.list-detail2.v2>li {
    max-width: none;
    min-width: auto;
    margin-left: 100px;
    margin-top: 42px;
    padding: 62px 70px 70px 160px;
    background-color: #f4f5f7
}

.list-detail2.v2>li:first-child {
    margin-top: 0
}

.list-detail2.v2>li::before {
    display: none
}

.list-detail2.v2>li .icon-box {
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
    width: 200px;
    height: 200px
}

.list-detail2.v2>li .title-box {
    margin-top: 0
}

.list-detail2.v2>li .title-box .title {
    font-size: 24px;
    text-align: left
}

.list-detail2.v2>li .title-box p {
    margin-top: 6px
}

.list-detail2.v2>li .desc-box {
    margin-top: 30px
}

.list-detail2.v3>li {
    max-width: 330px;
    margin-left: 29px;
    padding: 0 30px 55px
}

.list-detail2.v3>li::before {
    height: 80%
}

.list-detail2.v3>li .icon-box {
    width: 200px;
    height: 200px
}

.list-detail2.v3>li .title-box {
    margin-top: 35px;
    font-size: 20px
}

.list-detail2.v3>li .title-box .title {
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.list-detail2.v3>li .desc-box {
    margin-top: 20px
}

.list-detail3 {
    margin: 0 120px;
    border-top: 1px solid #000
}

.list-detail3>li {
    display: flex;
    align-items: center;
    padding: 40px;
    border-bottom: 1px solid #d7d7d7;
    font-size: 20px;
    line-height: 1.6;
    color: #303030
}

.list-detail3>li strong {
    padding-right: 30px;
    color: #093389;
    font-size: 24px
}

.list-detail4 {
    display: flex
}

.list-detail4>li {
    width: calc(100% - 7px);
    margin-left: 14px;
    border: 1px solid #d7d7d7;
    font-size: 20px
}

.list-detail4>li:first-child {
    margin-left: 0
}

.list-detail4>li .title-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background-color: #f4f5f7;
    text-align: center
}

.list-detail4>li .title-box strong {
    font-weight: 500
}

.list-detail4>li .desc-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 40px;
    text-align: center;
    color: #303030;
    line-height: 1.5
}

.list-detail4>li .desc-box p {
    text-align: center
}

.list-detail4>li .desc-box .list-type {
    width: 100%;
    text-align: left
}

.list-detail5 {
    display: flex;
    justify-content: center
}

.list-detail5>li {
    position: relative;
    width: calc(100% - 100px);
    max-width: 314px;
    margin-left: 100px
}

.list-detail5>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    width: 0;
    height: 0;
    border-bottom: 30px solid rgba(0, 0, 0, 0);
    border-top: 30px solid rgba(0, 0, 0, 0);
    border-left: 30px solid #6ab8e5;
    border-right: 30px solid rgba(0, 0, 0, 0)
}

.list-detail5>li .title-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    padding-left: 40px;
    font-size: 24px;
    color: #fff
}

.list-detail5>li .title-box .title {
    font-weight: 500
}

.list-detail5>li .desc-box {
    padding: 24px 0 24px 35px
}

.list-detail5>li .list-type {
    color: #303030
}

.list-detail5>li:nth-child(1) {
    margin-left: 0
}

.list-detail5>li:nth-child(1) .title-box {
    background-color: #6ab8e5
}

.list-detail5>li:nth-child(2)::before {
    border-left-color: #55aee1
}

.list-detail5>li:nth-child(2) .title-box {
    background-color: #55aee1
}

.list-detail5>li:nth-child(3)::before {
    border-left-color: #2b9ada
}

.list-detail5>li:nth-child(3) .title-box {
    background-color: #2b9ada
}

.list-detail6>li {
    display: flex;
    align-items: center;
    margin-top: 13px;
    border: 1px solid #d7d7d7;
    background-color: #eceef0
}

.list-detail6>li:first-child {
    margin-top: 0
}

.list-detail6>li .title-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 30%;
    padding: 0 10px;
    font-size: 20px;
    text-align: center
}

.list-detail6>li .title-box .title {
    font-weight: 500
}

.list-detail6>li .title-box .btn {
    display: block;
    position: relative;
    padding-left: 14px;
    margin-left: 14px
}

.list-detail6>li .title-box .btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #666
}

.list-detail6>li .title-box .btn .ico-arr {
    margin-left: 4px;
    vertical-align: -1px
}

.list-detail6>li .desc-box {
    width: 70%;
    padding: 30px 32px;
    background-color: #fff;
    border-left: 1px solid #d7d7d7;
    font-size: 18px;
    color: #303030;
    line-height: 1.6
}

.list-detail6>li .list-type {
    color: #303030;
    font-size: 18px
}

.list-detail7 {
    display: flex;
    justify-content: center
}

.list-detail7>li {
    width: 280px;
    padding: 0 20px
}

.list-detail7>li .title-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background-color: #2b9ada;
    border-radius: 50%;
    color: #fff
}

.list-detail7>li .title-box .title {
    font-weight: 500;
    font-size: 24px
}

.list-detail7>li .title-box::before {
    content: "";
    position: absolute;
    top: calc(100% - 7px);
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background-color: #2b9ada;
    border-radius: 50%;
    border: 3px solid #fff
}

.list-detail7>li .title-box::after {
    content: "";
    position: absolute;
    top: calc(100% + 20px);
    left: calc(50% - 1px);
    width: 1px;
    height: 34px;
    border: 1px dashed #d7d7d7
}

.list-detail7>li .desc-box {
    margin-top: 70px;
    font-size: 20px;
    line-height: 1.6;
    color: #303030;
    text-align: center
}

.list-detail8 {
    display: flex;
    align-items: center;
    justify-content: center
}

.list-detail8>li {
    display: flex;
    align-self: normal;
    width: 430px;
    min-height: 200px;
    margin: 0 15px;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.list-detail8>li .title-box {
    width: 100px;
    padding: 36px 10px;
    background-color: #2b9ada;
    font-size: 24px;
    text-align: center;
    color: #fff
}

.list-detail8>li .title-box .title {
    font-weight: 500
}

.list-detail8>li .desc-box {
    width: calc(100% - 100px);
    padding: 34px 32px 32px 49px
}

.list-detail8>li .list-type {
    color: #303030;
    font-size: 20px
}

.text-type {
    margin: 75px 0 90px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 1.55
}

.text-type.v2 {
    margin: 90px 0 70px;
    font-size: 20px;
    font-weight: 400;
    color: #303030
}

.img-type {
    overflow: hidden;
    position: relative;
    margin-top: 80px;
    background-color: #f4f5f7;
    color: #fff;
    font-size: 32px;
    font-weight: 500
}

.img-type .img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}

.img-type .text {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 138px;
    line-height: 1.5
}

.list-prd {
    display: flex;
    justify-content: center;
    margin-top: 60px
}

.list-prd>li {
    width: 330px
}

.list-prd .img-box {
    width: 200px;
    height: 200px;
    margin: 0 auto
}

.list-prd .img-box img {
    -o-object-fit: cover;
    object-fit: cover
}

.list-prd .title {
    display: block;
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 500
}

.list-box2 {
    display: flex
}

.list-box2 li {
    width: 50%;
    min-height: 144px;
    margin-left: 28px;
    padding: 26px 30px;
    background-color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6
}

.list-box2 li:first-child {
    margin-left: 0
}

.info-text {
    position: relative;
    display: inline-block;
    margin-top: 26px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    text-align: center
}

.info-text .ico-notice {
    position: absolute;
    top: 2px;
    left: 0
}

@media all and (max-width: 1024px) {
    br.pc-br {
        display: none
    }
}

@media all and (min-width: 1025px) {
    br.mo-br {
        display: none
    }
}

@media all and (min-width: 768px)and (max-width: 1439px) {
    [class^=title-wrap] .side-box.btn-box {
        position: initial;
        margin-top: 30px;
        text-align: center
    }
}

@media all and (min-width: 768px)and (max-width: 1024px) {
    [class^=title-wrap] .btn-share {
        display: flex
    }

    [class^=title-wrap] .side-box.btn-box {
        position: initial;
        margin-top: 30px;
        text-align: center
    }

    .list-box2 {
        flex-wrap: wrap
    }

    .list-box2 li {
        width: calc(33.333% - 28px);
        margin-top: 28px
    }

    .list-box2 li:first-child {
        margin-left: 28px
    }

    .list-summary {
        margin-left: 0;
        margin-top: 0
    }

    .list-summary,
    .list-summary.v2,
    .list-summary.v3 {
        flex-wrap: wrap
    }

    .list-summary li,
    .list-summary.v2 li,
    .list-summary.v3 li {
        width: calc(50% - 26px)
    }

    .list-summary li,
    .list-summary li:first-child,
    .list-summary.v2 li,
    .list-summary.v2 li:first-child,
    .list-summary.v3 li,
    .list-summary.v3 li:first-child {
        margin-left: 26px
    }

    .list-summary li.col2,
    .list-summary.v2 li.col2,
    .list-summary li.col {
        width: calc(50% - 26px)
    }

    .list-summary.v2.col3 li {
        width: calc(50% - 26px)
    }

    .list-summary.v3 li {
        width: calc(33.333% - 26px)
    }

    .list-detail2:not(.v2) {
        flex-wrap: wrap;
        margin-top: -29px;
        margin-left: -29px
    }

    .list-detail2:not(.v2)>li {
        margin-top: 29px
    }

    .list-detail2:not(.v2)>li:first-child {
        margin-left: 29px
    }

    .list-detail3 {
        margin: 0
    }

    .list-detail4 {
        flex-direction: column
    }

    .list-detail4>li {
        margin-left: 0;
        margin-top: 14px
    }

    .list-detail4>li:first-child {
        margin-top: 0
    }

    .list-detail5 {
        flex-direction: column
    }

    .list-detail5>li {
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .list-detail5>li:first-child {
        margin-top: 0
    }

    .list-prd .img-box {
        width: 150px;
        height: 150px
    }

    .img-type .img {
        height: 300px
    }

    .img-type .text {
        padding: 0 50px
    }
}

@media all and (max-width: 767px) {
    [class^=title-wrap] p {
        font-size: 16px
    }

    [class^=title-wrap] p span {
        display: block
    }

    [class^=title-wrap] p .focus {
        font-size: 18px
    }

    [class^=title-wrap] p+.btn-box {
        margin-top: 20px
    }

    [class^=title-wrap] .side-box {
        font-size: 14px;
        text-align: right
    }

    [class^=title-wrap] .side-box.btn-box {
        display: block;
        position: initial;
        margin-top: 20px;
        text-align: center
    }

    [class^=title-wrap] .side-box.btn-box .btn-type {
        border-color: #000
    }

    [class^=title-wrap] .btn-share {
        display: flex
    }

    [class^=title-wrap] .category-box {
        margin-bottom: 6px
    }

    [class^=title-wrap] .tag-box {
        margin-top: 22px
    }

    .title-wrap {
        margin-bottom: 40px
    }

    .title-wrap .title-type {
        font-size: 30px
    }

    .title-wrap.v2 {
        margin-bottom: 75px
    }

    .title-wrap.v2 .title-type {
        font-size: 26px
    }

    .title-wrap.v3 {
        margin-bottom: 35px !important
    }

    .title-wrap.v3 .title-type {
        font-size: 30px !important
    }

    .title-wrap.v3 .title-type .sub {
        font-size: 18px !important;
        line-height: 1.8;
    }

    .title-wrap.v3 p {
        margin-top: 20px
    }

    .title-wrap2 {
        margin-bottom: 13px
    }

    .title-wrap2 .title-type {
        font-size: 22px
    }

    .title-wrap2 p {
        font-size: 16px
    }

    .title-wrap3 {
        margin-bottom: 14px
    }

    .title-wrap3 .title-type {
        font-size: 18px
    }

    .title-wrap4 {
        margin-bottom: 30px
    }

    .title-wrap4 .title-type {
        font-size: 22px
    }

    .title-wrap4 .title-type::before {
        width: 25px;
        height: 3px;
        margin: 0 auto 15px
    }

    .title-wrap4 p {
        margin-top: 6px
    }

    .focus-box,
    .list-detail2 {
        width: 100%
    }

    .guide-box {
        margin-top: 20px
    }

    .guide-box dl {
        flex-wrap: wrap;
        flex-direction: column
    }

    .guide-box dl dt {
        margin-bottom: 15px;
        padding-right: 0;
        font-size: 15px
    }

    .guide-box .ico-exclam {
        width: 15px;
        height: 15px;
        margin-right: 6px
    }

    [class^=list-type] li [class^=list-type] {
        margin-top: 5px
    }

    .list-type {
        font-size: 14px
    }

    .list-type li,
    .list-type.v2 li {
        margin-top: 2px;
        padding-left: 10px
    }

    .list-type.v2 {
        font-size: 15px;
        color: #000
    }

    .list-type.v2 li .btn {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0
    }

    .list-type.v2 li .btn:before {
        display: none
    }

    .list-info li {
        margin-top: 8px
    }

    .list-info li dl {
        align-items: flex-start;
        font-size: 15px;
        line-height: 1.6
    }

    .list-info li dl dt {
        min-width: 85px
    }

    .list-info li dl dt [class^=ico-] {
        margin-right: 6px
    }

    .list-info li dl dd {
        min-width: calc(100% - 85px)
    }

    .download-box {
        padding: 28px 0;
        margin: 0
    }

    .download-box dl {
        flex-direction: column
    }

    .download-box dl dt {
        margin-bottom: 26px;
        font-size: 18px
    }

    .download-box dl dt span {
        padding-right: 0;
        margin-right: 0;
        color: #000
    }

    .download-box dl dt span::before {
        display: none
    }

    .list-summary {
        margin-left: 0;
        margin-top: 0
    }

    .list-summary li,
    .list-summary.v2 li,
    .list-summary.v3 li,
    .list-summary li.col {
        width: 100%;
        min-height: 105px;
        margin-left: 0;
        margin-top: 13px
    }

    .list-summary li .icon-img,
    .list-summary.v2 li .icon-img,
    .list-summary.v3 li .icon-img {
        margin-bottom: 0;
        margin-right: 15px
    }

    .list-summary li .icon-box,
    .list-summary.v2 li .icon-box,
    .list-summary.v3 li .icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 65px;
        height: 65px;
        margin-right: 15px
    }

    .list-summary li dl dt,
    .list-summary.v2 li dl dt {
        font-size: 15px
    }

    .list-summary li dl dd,
    .list-summary.v2 li dl dd {
        margin-top: 4px;
        font-size: 14px
    }

    .list-summary li dl dd strong,
    .list-summary.v2 li dl dd strong {
        font-size: 18px
    }

    .list-summary li.col2,
    .list-summary.v2 li.col2 {
        width: 100%
    }

    .list-summary li.col2 dl dd strong,
    .list-summary.v2 li.col2 dl dd strong {
        font-size: 16px
    }

    .list-summary.v2 {
        margin-left: 0
    }

    .list-summary.v2 li:first-child {
        margin-left: 0
    }

    .list-summary.v2 li dl dd strong {
        font-size: 22px
    }

    .list-summary.v2.col3 {
        margin: 0
    }

    .list-summary.v2.col3 li {
        width: 100%
    }

    .list-summary.v3 {
        flex-wrap: wrap;
        margin-top: 75px
    }

    .list-summary.v3 li {
        justify-content: flex-start;
        flex-direction: row;
        text-align: left
    }

    .list-summary.v3 li .icon-box {
        margin-bottom: 0
    }

    .list-summary.v3 li dl {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .list-summary.v3 li dl dt>span,
    .list-summary.v3 li dl dd>span {
        display: block
    }

    .list-summary.v3 li dl dt {
        font-size: 16px;
        margin: 15px 17px 10px 0px;
    }
    .list-summary.v3 li dl dt>span {
        text-align: left
    }

    .list-summary.v3 li dl dd {
        font-size: 16px
    }

    .list-summary.v3 li dl dd>span {
        text-align: right
    }

    .list-summary.v3 li dl dd strong {
        font-size: 26px
    }

    .category-box {
        font-size: 15px
    }

    .category-box span::before {
        height: 13px
    }

    .text-form {
        flex-direction: column
    }

    .text-form:first-child {
        margin-top: 0
    }

    .text-form .img-flex {
        width: 100%;
        padding-bottom: 60%
    }

    .text-form .text-box {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
        font-size: 16px;
        line-height: 1.5
    }

    .text-form.v2 .text-box {
        order: 0;
        margin-right: 0;
        margin-left: 0
    }

    .text-form+.text-form {
        margin-top: 35px
    }

    .list-detail>li {
        flex-direction: column;
        padding: 32px 24px
    }

    .list-detail>li:first-child {
        margin-top: 0
    }

    .list-detail>li .title-box {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 14px
    }

    .list-detail>li .title-box .title {
        font-size: 18px
    }

    .list-detail>li .desc-box {
        flex-direction: column;
        padding-left: 0;
        font-size: 15px
    }

    .list-detail>li .desc-box::before {
        display: none
    }

    .list-detail>li .desc-box .box {
        margin-top: 20px
    }

    .list-detail>li .desc-box .box:first-child {
        margin-top: 0
    }

    .list-detail>li .desc-box .title-circle {
        min-width: 100px;
        height: 100px;
        margin-right: 14px;
        font-weight: 500
    }

    .list-detail>li .list-type {
        font-size: 15px
    }

    .list-detail.v2>li .desc-box {
        padding-left: 0
    }

    .list-detail.v3>li {
        flex-direction: row;
        padding: 0;
        margin-top: 20px
    }

    .list-detail.v3>li:first-child {
        margin-top: 0
    }

    .list-detail.v3>li:last-child .title-box::before {
        display: none
    }

    .list-detail.v3>li .title-box {
        justify-content: flex-start;
        align-items: center;
        max-width: 100px;
        min-width: auto;
        width: 100%;
        padding: 26px 0;
        margin-bottom: 0
    }

    .list-detail.v3>li .title-box::before {
        border-width: 10px
    }

    .list-detail.v3>li .desc-box {
        padding: 26px 20px
    }

    .list-detail.v4 {
        margin-top: 40px
    }

    .list-detail.v4>li {
        margin-top: 40px
    }

    .list-detail.v4>li:first-child {
        margin-top: 0
    }

    .list-detail.v4>li .title-box {
        width: 100%;
        min-width: auto;
        margin-bottom: 8px
    }

    .list-detail2 {
        flex-wrap: wrap;
        margin-left: -7px;
        margin-top: -30px
    }

    .list-detail2>li {
        width: calc(50% - 14px);
        max-width: none;
        min-width: auto;
        margin-top: 30px;
        padding: 0 15px 15px
    }

    .list-detail2>li,
    .list-detail2>li:first-child {
        margin-left: 14px
    }

    .list-detail2>li::before {
        height: 83.5%
    }

    .list-detail2>li .icon-box {
        width: 105px;
        height: 105px
    }

    .list-detail2>li .title-box {
        margin-top: 15px
    }

    .list-detail2>li .title-box .title {
        font-size: 18px;
        letter-spacing: -0.5px
    }

    .list-detail2>li .desc-box {
        margin-top: 10px
    }

    .list-detail2.v2 {
        margin: 0
    }

    .list-detail2.v2>li {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-top: 30px;
        padding: 50px 20px
    }

    .list-detail2.v2>li .icon-box {
        position: initial;
        transform: translateY(0);
        width: 130px;
        height: 130px
    }

    .list-detail2.v2>li .icon-box>strong {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -1px
    }

    .list-detail2.v2>li .title-box {
        margin-top: 27px;
        font-size: 16px;
        line-height: 1.4
    }

    .list-detail2.v2>li .title-box .title {
        font-size: 18px
    }

    .list-detail2.v2>li .title-box p {
        margin-top: 6px
    }

    .list-detail2.v2>li .desc-box {
        margin-top: 20px
    }

    .list-detail2.v3 {
        flex-direction: column;
        margin-left: 0;
        margin-top: 20px
    }

    .list-detail2.v3>li {
        max-width: none;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        padding: 25px 25px 25px 95px
    }

    .list-detail2.v3>li:first-child {
        margin-top: 0
    }

    .list-detail2.v3>li::before {
        bottom: 0;
        left: auto;
        right: 0;
        width: calc(100% - 42px);
        height: 100%
    }

    .list-detail2.v3>li .icon-box {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-65%);
        width: 65px;
        height: 65px
    }

    .list-detail2.v3>li .icon-box>strong {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px;
        color: #000;
        white-space: nowrap
    }

    .list-detail2.v3>li .title-box {
        margin-top: 0
    }

    .list-detail2.v3>li .title-box .title {
        text-align: left;
        font-size: 16px;
        line-height: 1.4
    }

    .list-detail2.v3>li .desc-box {
        margin-top: 10px
    }

    .list-detail3 {
        margin: 0
    }

    .list-detail3>li {
        align-items: flex-start;
        padding: 20px;
        font-size: 15px;
        line-height: 1.4
    }

    .list-detail3>li strong {
        padding-right: 12px;
        font-size: 18px
    }

    .list-detail4 {
        flex-direction: column
    }

    .list-detail4>li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-left: 0;
        margin-top: 13px;
        border: 1px solid #d7d7d7;
        background-color: #f4f5f7;
        font-size: 16px
    }

    .list-detail4>li:first-child {
        margin-top: 0
    }

    .list-detail4>li .title-box {
        justify-content: flex-start;
        width: 45%;
        height: 100%;
        padding: 15px
    }

    .list-detail4>li .desc-box {
        justify-content: flex-start;
        width: 55%;
        height: 100%;
        padding: 12px 15px;
        border: 0;
        border-left: 1px solid #d7d7d7;
        background-color: #fff
    }

    .list-detail4>li .desc-box p {
        text-align: left
    }

    .list-detail5 {
        padding: 0 20px;
        flex-direction: column
    }

    .list-detail5>li {
        width: calc(100% - 25px);
        max-width: none;
        margin-left: 0;
        margin-top: 10px
    }

    .list-detail5>li:first-child {
        margin-top: 0
    }

    .list-detail5>li::before {
        border-bottom: 25px solid rgba(0, 0, 0, 0);
        border-top: 25px solid rgba(0, 0, 0, 0);
        border-left: 25px solid #6ab8e5;
        border-right: 25px solid rgba(0, 0, 0, 0)
    }

    .list-detail5>li .title-box {
        height: 50px;
        padding-left: 20px;
        font-size: 18px
    }

    .list-detail5>li .desc-box {
        padding: 16px 0 16px 20px
    }

    .list-detail6>li .title-box {
        width: 45%;
        padding: 0 14px;
        font-size: 16px
    }

    .list-detail6>li .title-box .btn {
        display: block;
        padding-left: 0;
        margin-left: 0
    }

    .list-detail6>li .title-box .btn::before {
        display: none
    }

    .list-detail6>li .title-box .btn .ico-arr {
        margin-left: 4px;
        vertical-align: -1px
    }

    .list-detail6>li .desc-box {
        width: 55%;
        padding: 24px 15px;
        font-size: 15px
    }

    .list-detail6>li .list-type {
        font-size: 15px
    }

    .list-detail7 {
        flex-direction: column
    }

    .list-detail7>li {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
        margin-top: 20px
    }

    .list-detail7>li:first-child {
        margin-top: 0
    }

    .list-detail7>li .title-box {
        min-width: 130px;
        width: 130px;
        height: 130px;
        margin: 0
    }

    .list-detail7>li .title-box .title {
        font-size: 18px
    }

    .list-detail7>li .title-box::before,
    .list-detail7>li .title-box::after {
        display: none
    }

    .list-detail7>li .desc-box {
        margin-top: 0;
        padding-left: 20px;
        font-size: 16px;
        line-height: 1.4;
        text-align: left
    }

    .list-detail8 {
        flex-direction: column
    }

    .list-detail8>li {
        width: 100%;
        min-height: auto;
        margin: 15px 0 0;
        border: 1px solid #d7d7d7
    }

    .list-detail8>li:first-child {
        margin-top: 0
    }

    .list-detail8>li .title-box {
        width: 90px;
        padding: 25px 0;
        font-size: 18px
    }

    .list-detail8>li .desc-box {
        width: calc(100% - 90px);
        padding: 20px
    }

    .list-detail8>li .list-type {
        font-size: 16px
    }

    .focus-box {
        width: 100%;
        border: 24px solid #e5eff8;
        font-size: 19px
    }

    .focus-box .focus-text {
        padding: 20px
    }

    .text-type {
        margin: 35px 0 45px;
        font-size: 18px;
        line-height: 1.4
    }

    .text-type.v2 {
        margin: 45px 0 35px;
        font-size: 16px;
        line-height: 1.45
    }

    .img-type {
        margin-top: 50px;
        font-size: 18px
    }

    .img-type .img {
        height: 200px
    }

    .img-type .text {
        padding: 0 25px
    }

    .list-prd {
        flex-wrap: wrap;
        margin-top: 20px
    }

    .list-prd>li {
        width: 50%;
        margin-top: 25px
    }

    .list-prd .img-box {
        width: 125px;
        height: 125px
    }

    .list-prd .title {
        margin-top: 15px;
        font-size: 16px
    }

    .list-box2 {
        overflow: hidden;
        overflow-x: auto;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -50px;
        padding: 0 20px 50px
    }

    .list-box2 li {
        min-width: 177px;
        height: auto;
        min-height: 99px;
        margin-left: 15px;
        padding: 20px;
        font-size: 16px
    }

    .info-text {
        margin-top: 12px;
        padding-left: 20px;
        font-size: 14px;
        text-align: left;
        color: #999
    }
}

.form-group {
    margin-bottom: 80px;
    border-top: 1px solid #000
}

.form-group~.form-group {
    margin-bottom: 120px
}

.form-group:last-child {
    margin-bottom: 0
}

.form-group .input-type,
.form-group .select-type {
    width: 380px
}

.form-group .form-box {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #d7d7d7
}

.form-group .form-box .form-label {
    min-width: 280px;
    width: 280px;
    padding: 45px 50px 0;
    font-weight: 700;
    background-color: #f4f5f7;
    font-size: 18px
}

.form-group .form-box .form-item {
    width: calc(100% - 280px);
    padding: 30px
}

.check-box {
    display: inline-block;
    margin-left: 24px;
    text-align: left
}

.check-box:first-child {
    margin-left: 0
}

.check-box input[type=checkbox],
.check-box input[type=radio] {
    display: none
}

.check-box label {
    vertical-align: middle;
    font-size: 18px
}

.check-box label>strong {
    margin-left: 4px;
    color: #999;
    font-weight: 500
}

.check-box .checkbox {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 34px;
    margin-right: 7px;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.check-box input[type=checkbox]+.checkbox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    background-image: url("../images/icon/check.svg");
    background-size: cover
}

.check-box input[type=checkbox]:checked~.checkbox {
    border-color: #000
}

.check-box input[type=checkbox]:checked~.checkbox:after {
    background-image: url("../images/icon/check_b.svg")
}

.check-box input[type=radio]+.checkbox {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.check-box input[type=radio]+.checkbox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: .3s
}

.check-box input[type=radio]:checked~.checkbox:after {
    transform: translate(-50%, -50%) scale(1)
}

.check-box.selected input[type=radio]+.checkbox:after {
    transform: translate(-50%, -50%) scale(1)
}

.check-box.invalid .checkbox {
    border-color: #f73636
}

.check-box.invalid .checkbox {
    border-color: #f73636
}

.select-type {
    display: inline-block;
    margin-left: 10px
}

.select-type:first-child {
    margin-left: 0
}

.select-type .nice-select {
    width: 100%;
    height: 59px;
    border-color: #d7d7d7;
    line-height: 59px;
    font-size: 18px
}

.select-type .nice-select:focus {
    border-color: #000
}

.select-type .nice-select:after {
    border-width: 2px;
    border-color: #000
}

.select-type .nice-select .list {
    left: -1px;
    right: -1px;
    width: auto;
    border: 1px solid #d7d7d7;
    box-shadow: none
}

.select-type .nice-select.open .list {
    border-color: #000
}

.select-type.up .nice-select .list {
    top: auto;
    bottom: 100%;
    transform-origin: 50% 100%;
    transform: translateY(21px)
}

.select-type.up .nice-select.open .list {
    transform: translateY(0)
}

.select-type.invalid .nice-select {
    border-color: #f73636
}

.input-type {
    position: relative;
    width: 100%
}

.input-type::after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 21px;
    height: 18px;
    background-image: url(../images/icon/valid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 100%
}

.input-type .msg {
    display: none;
    position: absolute;
    top: calc(100% - 10px);
    left: 15px;
    padding: 0 6px;
    background-color: #fff;
    font-size: 14px;
    letter-spacing: -0.5px
}

.input-type.valid input,
.input-type.invalid input {
    padding-right: 50px
}

.input-type.valid::after {
    display: block
}

.input-type.invalid input,
.input-type.invalid input:focus {
    border: 1px solid #f73636
}

.input-type.invalid .msg {
    display: inline-block;
    color: #f73636
}

.input-type.invalid::after {
    display: block;
    background-image: url(../images/icon/invalid.svg)
}

.textarea-type {
    position: relative
}

.textarea-type::after {
    content: "";
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 18px;
    background-image: url(../images/icon/valid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 100%
}

.textarea-type textarea {
    padding-right: 40px;
    padding-bottom: 40px;
    line-height: 1.5
}

.textarea-type .msg {
    display: none;
    position: absolute;
    top: calc(100% - 10px);
    left: 15px;
    padding: 0 6px;
    background-color: #fff;
    font-size: 14px;
    letter-spacing: -0.5px
}

.textarea-type .count {
    position: absolute;
    bottom: 18px;
    right: 20px;
    background-color: #fff;
    font-size: 16px;
    color: #999
}

.textarea-type .count em {
    color: #000;
    font-weight: 500
}

.textarea-type .placeholder-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 25px;
    font-size: 18px;
    color: #aaa
}

.textarea-type .placeholder-box>strong {
    font-weight: 500
}

.textarea-type .placeholder-box .list-type {
    font-size: 18px;
    color: #aaa
}

.textarea-type .placeholder-box .list-type li::before {
    background-color: #aaa
}

.textarea-type.valid::after {
    display: block
}

.textarea-type.invalid textarea {
    border-color: #f73636
}

.textarea-type.invalid .msg {
    display: inline-block;
    color: #f73636
}

.textarea-type.invalid .count em {
    color: #f73636
}

.textarea-type.invalid::after {
    display: block;
    background-image: url(../images/icon/invalid.svg)
}

.file-type {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-top: 30px
}

.file-type:first-child {
    margin-top: 0
}

.file-type label {
    margin-right: 10px
}

.file-type input[type=file] {
    display: none;
    width: 300px;
    height: 60px;
    padding-right: 50px;
    background-color: #f4f5f7;
    line-height: 60px;
    font-weight: 500
}

.file-type input[type=file]::-webkit-file-upload-button {
    display: none
}

.file-type input[type=file]::file-selector-button {
    display: none
}

.file-type .btn-type {
    min-width: 150px;
    height: 60px
}

.file-type .btn-clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.file-type.img input[type=file] {
    display: none
}

.file-type.img .img-box {
    display: none;
    overflow: hidden;
    width: 94px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #d7d7d7
}

.file-type.img .btn-clear {
    top: -6px;
    right: -6px;
    transform: translateY(0)
}

.file-type.add input[type=file] {
    display: block
}

.file-form {
    display: flex;
    margin-top: 30px
}

.file-form:first-child {
    margin-top: 0
}

.file-form .file-btn label {
    margin-right: 10px
}

.file-form .file-btn input[type=file] {
    display: none
}

.file-form .file-btn input[type=file]::-webkit-file-upload-button {
    display: none
}

.file-form .file-btn input[type=file]::file-selector-button {
    display: none
}

.file-form .file-btn .btn-type {
    min-width: 150px;
    height: 60px
}

.file-form .file-list {
    display: flex;
    flex-wrap: wrap
}

.file-form .file-list .btn-clear {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.file-form .file-list .file {
    display: flex;
    align-items: center;
    position: relative;
    width: 200px;
    height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 20px 50px 20px 20px;
    background-color: #f4f5f7;
    border: 1px solid #d7d7d7;
    font-weight: 500
}

.file-form .file-list .file .file-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 19px;
    white-space: initial;
    height: 19px;
    display: block
}

.file-form .file-list .img {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px
}

.file-form .file-list .img img {
    overflow: hidden;
    width: 94px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #d7d7d7
}

.file-form .file-list .img .btn-clear {
    top: -6px;
    right: -6px;
    transform: translateY(0)
}

.search-box {
    width: 750px;
    margin: 0 auto
}

.search-box .title-wrap2 {
    margin-bottom: 55px;
    text-align: center
}

.search-box .select-type:nth-child(n+2) {
    margin-left: 40px
}

.search-box .select-type .nice-select {
    min-width: 230px;
    height: 60px;
    padding-bottom: 20px;
    padding-left: 10px;
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #000;
    font-size: 24px;
    line-height: 45px
}

.search-box .select-type .nice-select::after {
    right: 7px;
    margin-top: -12px;
    border-color: #000
}

.search-box .select-type .nice-select .option {
    line-height: 40px
}

.search-box .select-type+.search-form {
    margin-left: 40px
}

.search-box .search-form {
    display: flex;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #000
}

.search-box .search-form .input-type {
    height: 48px;
    line-height: 48px;
    border: 0;
    padding: 0 30px 0 10px;
    font-size: 24px
}

.search-box .search-form .btn-search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-left: 10px
}

.search-box .search-form .btn-clear {
    position: absolute;
    top: calc(50% - 16px);
    right: 45px
}

.search-box .search-form.active {
    border-color: #093389
}

.search-box .recomn-box {
    margin-top: 48px;
    text-align: center
}

.search-box .recomn-box .title {
    display: block;
    font-size: 18px
}

.search-box .recomn-box .tag-box {
    margin-top: 15px;
    justify-content: center
}

.search-box.v2 {
    display: flex;
    justify-content: flex-end;
    width: 720px
}

.search-box.v2 .select-type .nice-select {
    font-size: 18px;
    line-height: 48px
}

.search-box.v2 .select-type .nice-select .option {
    line-height: 40px
}

.search-box.v2 .search-form .input-type {
    font-size: 18px
}

@media all and (max-width: 1024px) {
    .form-group .select-type {
        margin-left: 0;
        margin-top: 10px
    }

    .form-group .select-type:first-child {
        margin-top: 0
    }
}

@media all and (min-width: 768px)and (max-width: 1439px) {
    .form-group .form-box {
        flex-wrap: wrap
    }

    .form-group .form-box .form-label,
    .form-group .form-box .form-item {
        border-top: 1px solid #d7d7d7
    }

    .form-group .form-box .form-label:nth-child(-n+2),
    .form-group .form-box .form-item:nth-child(-n+2) {
        border-top: 0
    }

    .textarea-type .placeholder-box {
        padding: 20px
    }

    .file-type {
        flex-direction: column;
        align-items: flex-start
    }

    .file-type input[type=file] {
        margin-top: 10px
    }

    .file-type .btn-clear {
        right: 20px;
        bottom: 20px;
        top: auto;
        transform: translateY(0)
    }

    .search-box,
    .search-box.v2 {
        width: 100%
    }
}

@media all and (max-width: 767px) {
    .form-group {
        margin-bottom: 35px
    }

    .form-group~.form-group {
        margin-bottom: 55px
    }

    .form-group .input-type,
    .form-group .select-type {
        width: 100%
    }

    .form-group .form-box {
        flex-wrap: wrap
    }

    .form-group .form-box .form-label,
    .form-group .form-box .form-item {
        border-top: 1px solid #d7d7d7
    }

    .form-group .form-box .form-label:nth-child(-n+2),
    .form-group .form-box .form-item:nth-child(-n+2) {
        border-top: 0
    }

    .form-group .form-box .form-label {
        min-width: 110px;
        width: 110px;
        padding: 26px 0 0 8px;
        font-size: 15px;
        letter-spacing: -0.5px
    }

    .form-group .form-box .form-item {
        width: calc(100% - 110px);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 0
    }

    .form-group .form-box .form-item .list-type {
        margin-top: 10px
    }

    .check-box {
        margin-left: 14px
    }

    .check-box:first-child {
        margin-left: 0
    }

    .check-box label {
        font-size: 15px
    }

    .check-box label>strong {
        margin-left: 2px
    }

    .check-box .checkbox {
        width: 24px;
        height: 24px;
        margin-right: 4px
    }

    .check-box input[type=radio]+.checkbox {
        width: 24px;
        height: 24px
    }

    .check-box input[type=checkbox]+.checkbox:after {
        width: 24px;
        height: 24px
    }

    .select-type {
        margin-left: 0;
        margin-top: 5px
    }

    .select-type:first-child {
        margin-top: 0
    }

    .select-type .nice-select {
        height: 45px;
        padding-left: 10px;
        line-height: 45px;
        font-size: 15px
    }

    .select-type .nice-select::after {
        right: 14px;
        border-width: 1px
    }

    .input-type::after {
        right: 10px;
        width: 15px;
        height: 13px
    }

    .input-type input {
        height: 45px;
        line-height: 45px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px
    }

    .input-type .msg {
        top: calc(100% - 6px);
        left: 7px;
        padding: 0 2px;
        font-size: 11px
    }

    .input-type.valid input,
    .input-type.invalid input {
        padding-right: 30px
    }

    .textarea-type::after {
        top: 15px;
        right: 10px;
        width: 15px;
        height: 13px
    }

    .textarea-type textarea {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 30px;
        padding-bottom: 30px;
        font-size: 14px
    }

    .textarea-type .msg {
        top: calc(100% - 6px);
        left: 7px;
        padding: 0 2px;
        font-size: 11px
    }

    .textarea-type .count {
        bottom: 8px;
        right: 10px;
        font-size: 11px
    }

    .textarea-type .placeholder-box {
        padding: 10px;
        font-size: 15px
    }

    .textarea-type .placeholder-box .list-type {
        font-size: 15px
    }

    .file-type {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 30px
    }

    .file-type label {
        margin-right: 0
    }

    .file-type input[type=file] {
        width: 100%;
        height: 40px;
        margin-top: 10px;
        padding-right: 30px;
        padding-left: 10px;
        line-height: 40px;
        font-size: 14px
    }

    .file-type .btn-type {
        min-width: 125px;
        height: 40px
    }

    .file-type .btn-clear {
        right: 10px;
        bottom: 9px;
        top: auto;
        transform: translateY(0)
    }

    .file-type.img .img-box {
        width: 94px;
        height: 70px
    }

    .file-type.img .btn-clear {
        bottom: 52px;
        left: 75px;
        top: auto;
        right: auto
    }

    .file-form {
        flex-direction: column
    }

    .file-form .file-list .file {
        width: 100%;
        margin-top: 10px
    }

    .search-box {
        width: 100%
    }

    .search-box .title-wrap2 {
        margin-bottom: 40px
    }

    .search-box .select-type .nice-select {
        width: auto;
        min-width: 103px;
        height: 46px;
        padding-bottom: 16px;
        padding-left: 5px;
        font-size: 16px;
        line-height: 35px
    }

    .search-box .select-type .nice-select::after {
        right: 3px;
        margin-top: -10px
    }

    .search-box .select-type .nice-select .option {
        line-height: 30px
    }

    .search-box .select-type:nth-child(n+2),
    .search-box .select-type+.search-form {
        margin-left: 13px
    }

    .search-box .search-form {
        width: 100%;
        padding-bottom: 6px;
        border-bottom: 2px solid #000
    }

    .search-box .search-form .input-type {
        height: 38px;
        line-height: 38px;
        padding: 0 30px 0 5px;
        font-size: 16px
    }

    .search-box .search-form .btn-search {
        width: 38px;
        height: 38px;
        margin-left: 10px
    }

    .search-box .search-form .btn-search .ico-srch {
        width: 22px;
        height: 22px
    }

    .search-box .search-form .btn-clear {
        top: calc(50% - 16px);
        right: 35px
    }

    .search-box .recomn-box {
        margin-top: 38px
    }

    .search-box .recomn-box .title {
        font-size: 16px
    }

    .search-box .recomn-box .tag-box {
        margin-top: 15px
    }

    .search-box.v2 {
        width: 100%
    }

    .search-box.v2 .select-type .nice-select {
        font-size: 16px;
        line-height: 38px
    }

    .search-box.v2 .select-type .nice-select .option {
        line-height: 30px
    }

    .search-box.v2 .search-form {
        min-width: calc(100% - 103px - 13px)
    }

    .search-box.v2 .search-form .input-type {
        font-size: 16px
    }
}

.swiper-button-next,
.swiper-button-prev {
    background: none;
    width: 28px;
    height: 56px;
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23000000' stroke-width='1.5' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.swiper-button-next {
    transform: rotate(180deg)
}

.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: #d7d7d7;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet:only-child {
    visibility: hidden
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000
}

.main-swiper-button {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    width: 1440px
}

.main-swiper-button .swiper-pagination {
    position: initial;
    text-align: left;
    color: #fff
}

.main-swiper-button .swiper-pagination .swiper-pagination-bullet {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: auto;
    margin-right: 18px;
    background: none;
    opacity: .7;
    font-size: 19px;
    font-weight: 400
}

.main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar {
    display: none;
    position: relative;
    width: 150px;
    height: 2px;
    margin-left: 23px;
    margin-right: 6px;
    background-color: rgba(255, 255, 255, .4)
}

.main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar .progress-inner {
    display: block;
    min-width: 100%;
    height: 100%;
    background-color: #fa0000;
    transform: scaleX(0);
    transform-origin: 0%;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.main-swiper-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.main-swiper-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-bar {
    display: block
}

.main-swiper-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-bar .progress-inner {
    -webkit-animation-name: progress;
    animation-name: progress;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

@-webkit-keyframes progress {
    100% {
        transform: scaleX(1)
    }
}

@keyframes progress {
    100% {
        transform: scaleX(1)
    }
}

.main-swiper-button .swiper-player-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: url(../images/icon/pause.svg) 50% 50% no-repeat
}

.main-swiper-button .swiper-player-button.active {
    background-image: url(../images/icon/play.svg)
}

.swiper-button-box {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
}

.swiper-button-box .button-next,
.swiper-button-box .button-prev {
    display: inline-flex;
    align-items: center;
    position: relative;
    min-width: 46px;
    height: 46px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    background-color: #fff;
    transition: border .3s
}

.swiper-button-box .button-next::before,
.swiper-button-box .button-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -6px;
    margin-top: -6px;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    transform-origin: 66% 66%;
    transform: rotate(135deg)
}

.swiper-button-box .button-next:hover:not(.swiper-button-disabled),
.swiper-button-box .button-prev:hover:not(.swiper-button-disabled) {
    border-color: #000
}

.swiper-button-box .button-next.swiper-button-disabled,
.swiper-button-box .button-prev.swiper-button-disabled {
    opacity: .5
}

.swiper-button-box .button-next {
    order: 3
}

.swiper-button-box .button-next::before {
    transform: rotate(-45deg)
}

.swiper-button-box .fraction-pagination {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    font-size: 18px;
    color: #666;
    line-height: 46px
}

.swiper-button-box .fraction-pagination .swiper-pagination-current {
    color: #000;
    font-weight: 500
}

.swiper-button-box .swiper-pagination-lock,
.swiper-button-box .swiper-button-lock {
    display: none
}

.full-swiper {
    overflow: hidden;
    position: relative;
    padding: 100px 0 140px;
    margin-top: 100px;
    background-color: #f4f5f7
}

.full-swiper .swiper-slide {
    transform: scale(0.9);
    opacity: .5;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    transition: .3s;
    max-width: 1198px;
    margin: 0 auto
}

.full-swiper .swiper-slide.swiper-slide-active {
    transform: scale(1);
    filter: blur(0);
    -webkit-filter: blur(0);
    opacity: 1
}

.full-swiper .swiper-pagination {
    bottom: 80px
}

.full-swiper .swiper-button-box {
    display: none
}

.full-swiper .swiper-button-prev {
    left: 80px
}

.full-swiper .swiper-button-next {
    right: 80px
}

.full-swiper .img-flex {
    max-width: 1198px;
    margin: 0 auto
}

.full-swiper .img-flex::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../images/business/dimd.png) no-repeat;
    background-size: 100%
}

.full-swiper .text-box {
    position: absolute;
    bottom: 42px;
    left: 50px;
    z-index: 3;
    color: #fff
}

.full-swiper .text-box .category-box {
    margin-bottom: 38px;
    font-size: 26px;
    color: #fff
}

.full-swiper .text-box .category-box span::before {
    height: 19px
}

.full-swiper .text-box .title {
    font-size: 36px
}

.thumbs-gallery {
    position: relative;
    width: 950px;
    margin: 0 auto
}

.thumbs-gallery .swiper-slide .img-box {
    background-color: #f4f5f7
}

.thumbs-gallery .swiper-slide img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.thumbs-gallery .view-swiper .swiper-slide .img-flex {
    padding-bottom: 66.6%;
    background-color: #fff
}

.thumbs-gallery .view-swiper .swiper-slide .desc {
    padding: 20px 0;
    text-align: center;
    font-size: 18px
}

.thumbs-gallery .view-swiper .swiper-button-prev,
.thumbs-gallery .view-swiper .swiper-button-next {
    margin-top: -90px;
    background-image: url("data: image/svg+xml, %3Csvg width='29' height='54' viewBox='0 0 29 54' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M28 53 2 27 28 1' stroke='%23231916' stroke-width='1' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E%0A")
}

.thumbs-gallery .view-swiper .swiper-button-prev {
    left: -80px
}

.thumbs-gallery .view-swiper .swiper-button-next {
    right: -80px
}

.thumbs-gallery .thumbs-swiper {
    margin-top: 20px
}

.thumbs-gallery .thumbs-swiper .swiper-slide {
    width: 86px
}

.thumbs-gallery .thumbs-swiper .img-box img {
    height: 57px
}

@media all and (max-width: 1024px) {
    .swiper-button-box {
        display: flex;
        position: initial;
        justify-content: center;
        margin-top: 30px
    }

    .full-swiper {
        padding: 100px 0
    }

    .full-swiper .swiper-slide {
        opacity: .5
    }

    .full-swiper .swiper-slide.swiper-slide-prev {
        transform: scale(0.6) translateX(80px)
    }

    .full-swiper .swiper-slide.swiper-slide-next {
        transform: scale(0.6) translateX(-80px)
    }

    .full-swiper .swiper-pagination {
        display: none
    }

    .full-swiper .swiper-button-next,
    .full-swiper .swiper-button-prev {
        display: none
    }

    .full-swiper .swiper-button-box {
        display: flex
    }
}

@media all and (min-width: 768px)and (max-width: 1439px) {
    .swiper-button-box {
        right: 50px
    }

    .main-swiper-button {
        justify-content: flex-start;
        left: 0;
        transform: translateX(0);
        width: 100%;
        padding-left: 50px
    }

    .thumbs-gallery {
        overflow: hidden;
        width: 100%
    }
}

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

    .swiper-button-next,
    .swiper-button-prev {
        width: 14px;
        height: 28px;
        margin-top: -14px
    }

    .main-swiper-button {
        justify-content: center;
        left: 0;
        bottom: 32px;
        transform: translateX(0);
        width: 100%
    }

    .main-swiper-button .swiper-pagination .swiper-pagination-bullet {
        margin-right: 3px;
        margin-left: 7px;
        font-size: 15px
    }

    .main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar {
        width: 60px;
        margin-left: 9px
    }

    .swiper-button-box {
        position: initial;
        justify-content: center;
        margin-top: 30px
    }

    .swiper-button-box .button-next,
    .swiper-button-box .button-prev {
        min-width: 36px;
        height: 36px
    }

    .swiper-button-box .button-next::before,
    .swiper-button-box .button-prev::before {
        width: 10px;
        height: 10px;
        margin-left: -6px;
        margin-top: -6px;
        border-width: 1px
    }

    .swiper-button-box .button-next:hover:not(.swiper-button-disabled),
    .swiper-button-box .button-prev:hover:not(.swiper-button-disabled) {
        border-color: #d7d7d7
    }

    .swiper-button-box .fraction-pagination {
        padding: 0 15px;
        font-size: 14px;
        line-height: 36px
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0 3px
    }

    .full-swiper {
        padding: 70px 0 60px;
        margin-top: 40px
    }

    .full-swiper .text-box {
        bottom: 20px;
        left: 20px
    }

    .full-swiper .text-box .category-box {
        margin-bottom: 15px;
        font-size: 15px
    }

    .full-swiper .text-box .category-box span::before {
        height: 19px
    }

    .full-swiper .text-box .title {
        font-size: 18px
    }

    .thumbs-gallery {
        width: 100%
    }

    .thumbs-gallery .view-swiper .swiper-slide .desc {
        padding: 10px 0;
        font-size: 15px
    }

    .thumbs-gallery .view-swiper .swiper-button-next,
    .thumbs-gallery .view-swiper .swiper-button-prev {
        display: none
    }

    .thumbs-gallery .thumbs-swiper {
        margin-top: 10px
    }

    .thumbs-gallery .thumbs-swiper .swiper-slide {
        width: auto;
        height: auto
    }

    .thumbs-gallery .thumbs-swiper .swiper-slide .img-box {
        width: 61px
    }

    .thumbs-gallery .thumbs-swiper .swiper-slide .img-box img {
        height: 41px
    }
}

.img-flex {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 58%
}

.img-flex img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .5s
}

.img-flex iframe {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    transition: .5s
}

a:hover .img-flex img {
    transform: scale(1.1)
}

.img-flex.v2 {
    padding-bottom: 100%
}

.board-wrap~.board-wrap {
    margin-top: 65px
}

.board-wrap+.table-wrap {
    margin-top: 70px
}

.board-wrap.view {
    width: 1200px;
    margin: 0 auto
}

.board-wrap .title-wrap2 {
    margin-bottom: 20px
}

.board-wrap .board-top .search-box {
    margin: 0 0 80px auto
}

.board-wrap .board-top .board-title {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 70px;
    border-bottom: 2px solid #000;
    text-align: center
}

.board-wrap .board-top .board-title .date {
    font-weight: 500;
    font-size: 20px;
    color: #999
}

.board-wrap .board-top .board-title .title {
    order: -1;
    display: block;
    margin-bottom: 27px;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.5px
}

.board-wrap .board-top .board-title .btn-share {
    display: none
}

.board-wrap .board-top.v2 {
    display: flex
}

.board-wrap .board-top.v2 .info-text {
    width: 100%;
    text-align: left
}

.board-wrap .board-body.gallery-swiper .swiper-wrapper {
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 0
}

.board-wrap .board-body.gallery-swiper .swiper-wrapper li {
    width: 100%;
    margin: 0
}

.board-wrap .board-body.gallery-swiper .swiper-button-next {
    right: -60px
}

.board-wrap .board-body.gallery-swiper .swiper-button-prev {
    left: -60px
}

.board-wrap .board-body.gallery-swiper .swiper-button-box {
    display: none;
    position: initial;
    justify-content: center;
    margin-top: 30px
}

.board-wrap .board-body+.swiper-button-box {
    display: none;
    position: initial;
    justify-content: center;
    margin-top: 30px
}

.board-wrap .board-body .list-item {
    display: block
}

.board-wrap .board-body .list-board {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #aaa
}

.board-wrap .board-body .list-board li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-top: 1px solid #d7d7d7
}

.board-wrap .board-body .list-board li:first-child {
    border-top: 0
}

.board-wrap .board-body .list-board li .list-item {
    display: flex;
    align-items: center;
    width: calc(100% - 200px);
    padding: 44px 26px;
    transition: .3s
}

.board-wrap .board-body .list-board li .list-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f4f5f7;
    opacity: 0;
    transition: .3s
}

.board-wrap .board-body .list-board li .list-item .date {
    min-width: 140px;
    padding-right: 50px;
    font-size: 18px;
    color: #999;
    white-space: nowrap
}

.board-wrap .board-body .list-board li .list-item .title {
    flex-grow: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 20px;
    font-weight: 500
}

.board-wrap .board-body .list-board li .list-item:not(div):hover::before {
    opacity: 1
}

.board-wrap .board-body .list-board li .btn-type {
    height: 50px;
    margin-right: 20px
}

.board-wrap .board-body .list-board2 li {
    border-bottom: 1px solid #d7d7d7
}

.board-wrap .board-body .list-board2 li .list-item {
    display: flex;
    padding: 30px;
    transition: .3s
}

.board-wrap .board-body .list-board2 li .list-item:not(div):hover {
    background-color: #f4f5f7
}

.board-wrap .board-body .list-board2 li .list-item .img-flex {
    width: 24%;
    padding-bottom: 14%
}

.board-wrap .board-body .list-board2 li .list-item .title-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 76%;
    padding: 0 20px 0 48px
}

.board-wrap .board-body .list-board2 li .list-item .title-box .title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
    font-weight: 500
}

.board-wrap .board-body .list-board2 li .list-item .title-box .desc {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 32px;
    white-space: initial;
    max-height: 64px;
    padding-right: 140px;
    margin-top: 15px;
    font-size: 18px;
    color: #303030
}

.board-wrap .board-body .list-board2 li .list-item .date {
    white-space: nowrap;
    font-size: 18px;
    color: #999
}

.board-wrap .board-body .list-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -70px 0 0 -38px
}

.board-wrap .board-body .list-gallery li {
    display: flex;
    align-items: center;
    width: calc(33.333% - 16px);
    min-height: 150px;
    padding: 20px;
    margin-left: 16px;
    margin-top: 16px;
    background-color: #ffffff;
    border: 1px solid #cacaca;
}

.board-wrap .board-body .list-gallery li>a .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 36px;
    white-space: initial;
    max-height: 72px
}

.board-wrap .board-body .list-gallery li .img-flex {
    margin-bottom: 32px
}

.board-wrap .board-body .list-gallery li .img-flex:only-child {
    margin-bottom: 0
}

.board-wrap .board-body .list-gallery li .img-flex .title {
    display: none
}

.board-wrap .board-body .list-gallery li .date {
    display: block;
    margin-bottom: 18px;
    font-size: 18px;
    color: #999
}

.board-wrap .board-body .list-gallery li .title {
    display: block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.5px
}

.board-wrap .board-body .list-gallery li .title .ico-arr {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    vertical-align: baseline
}

.board-wrap .board-body .list-gallery li .title.t-c {
    text-align: center
}

.board-wrap .board-body .list-gallery li .sub {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: -0.5px
}

.board-wrap .board-body .list-gallery li .desc {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.8;
    color: #666;
    letter-spacing: -0.5px
}

.board-wrap .board-body .list-gallery li .desc.v2 {
    margin-top: 10px;
    font-size: 20px;
    color: #303030
}

.board-wrap .board-body .list-gallery li .btn-type2 {
    justify-content: flex-start;
    margin-left: 0;
    margin-bottom: 10px
}

.board-wrap .board-body .list-gallery li .btn-box {
    margin-top: 20px
}

.board-wrap .board-body .list-gallery.v2 .img-flex {
    padding-bottom: 68%
}

.board-wrap .board-body .list-gallery.col4 li {
    width: calc(25% - 38px)
}

.webzine .board-wrap .board-body .list-gallery li {
    position: relative
}

.webzine .board-wrap .board-body .list-gallery li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 1920px;
    height: calc(100% - 32px - 36px);
    background: repeating-linear-gradient(#fff, #f4f5f7)
}

.board-wrap .board-body .list-store>li {
    display: flex;
    position: relative;
    padding: 56px 0;
    border-bottom: 1px solid #d7d7d7;
    letter-spacing: -0.3px
}

.board-wrap .board-body .list-store>li .title-box {
    display: flex;
    align-items: flex-start;
    align-content: baseline;
    flex-wrap: wrap;
    width: 37%;
    padding-right: 40px;
    padding-left: 28px;
    font-size: 24px;
    font-weight: 500
}

.board-wrap .board-body .list-store>li .title-box .category {
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
    color: #093389
}

.board-wrap .board-body .list-store>li .title-box .category::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #d7d7d7
}

.board-wrap .board-body .list-store>li .title-box .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    height: 30px;
    padding: 0 10px;
    margin-right: 25px;
    margin-bottom: 6px;
    border: 1px solid #bbb;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #303030;
    white-space: nowrap
}

.board-wrap .board-body .list-store>li .title-box .label.v2 {
    border-color: #ca570a;
    color: #e66d0b
}

.board-wrap .board-body .list-store>li .title-box .label.v3 {
    border-color: #9b40e6;
    color: #7427b2
}

.board-wrap .board-body .list-store>li .title-box .label.v4 {
    border-color: #5d6fcc;
    color: #5d6fcc
}

.board-wrap .board-body .list-store>li .title-box .label.v5 {
    border-color: #028f37;
    color: #028f37
}

.board-wrap .board-body .list-store>li .title-box .title {
    font-weight: 500
}

.board-wrap .board-body .list-store>li .list-info {
    width: 73%;
    padding-top: 8px
}

.board-wrap .board-body .list-store>li .list-info .desc {
    color: #303030;
    line-height: 1.7;
    font-size: 18px
}

.board-wrap .board-body .list-store>li .btn-detail {
    position: absolute;
    bottom: 56px;
    right: 0;
    font-size: 18px
}

.board-wrap .board-body .list-store>li .btn-detail .ico-arr {
    margin-left: 8px;
    vertical-align: baseline
}

.board-wrap .board-body .list-certify {
    display: flex;
    flex-wrap: wrap;
    margin-left: -34px
}

.board-wrap .board-body .list-certify li {
    width: calc(25% - 34px);
    margin-left: 34px;
    margin-bottom: 60px
}

.board-wrap .board-body .list-certify li .list-item {
    position: relative
}

.board-wrap .board-body .list-certify li .list-item:not(div):hover .img-flex {
    border-color: #000;
    box-shadow: 0 0 16px rgba(0, 0, 0, .16)
}

.board-wrap .board-body .list-certify li .list-item:not(div):hover .title-box .btn-box {
    opacity: 1
}

.board-wrap .board-body .list-certify li .img-flex {
    display: block;
    padding-bottom: 95%;
    border: 1px solid #d7d7d7;
    transition: .3s
}

.board-wrap .board-body .list-certify li .title-box {
    margin-top: 30px
}

.board-wrap .board-body .list-certify li .title-box .title {
    display: block;
    font-size: 24px;
    font-weight: 500
}

.board-wrap .board-body .list-certify li .title-box .desc {
    margin-top: 20px;
    font-size: 18px;
    color: #303030;
    line-height: 1.6
}

.board-wrap .board-body .list-certify li .title-box .btn-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 95%;
    opacity: 0;
    transition: .3s
}

.board-wrap .board-body .list-certify li .title-box .btn-box .btn-type {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.board-wrap .board-body .list-certify.v2 li .img-flex,
.board-wrap .board-body .list-certify.v2 li .btn-box {
    padding-bottom: 138%
}

.board-wrap .board-body .list-certify.v2 li .title-box .title {
    text-align: center
}

.board-wrap .board-body .board-detail {
    padding: 80px 0
}

.board-wrap .board-body .file-box {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    background-color: #f4f5f7;
    font-size: 18px
}

.board-wrap .board-body .file-box dl {
    display: flex;
    width: calc(100% - 150px);
    font-weight: 500
}

.board-wrap .board-body .file-box dl dt {
    white-space: nowrap;
    color: #666
}

.board-wrap .board-body .file-box dl dd {
    padding-left: 42px;
    flex-grow: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.5px
}

.board-wrap .board-body .file-box .btn {
    display: flex;
    align-items: center;
    padding-left: 28px;
    border-left: 1px solid #d7d7d7
}

.board-wrap .board-body .file-box .btn .ico-down {
    margin-left: 16px
}

.board-wrap .board-body .category-box {
    margin-bottom: 20px
}

.board-wrap .board-body .tag-box {
    margin-top: 0
}

.board-wrap .board-body .brochure-wrap {
    padding-bottom: 110px
}

.board-wrap .board-bottom {
    margin-top: 95px
}

.board-wrap .board-bottom [class^=page] {
    display: flex;
    padding: 28px 30px;
    border-top: 1px solid #d7d7d7;
    font-size: 18px
}

.board-wrap .board-bottom [class^=page]:last-child {
    border-bottom: 1px solid #d7d7d7
}

.board-wrap .board-bottom [class^=page] .btn {
    font-weight: 500;
    color: #666;
    white-space: nowrap
}

.board-wrap .board-bottom [class^=page] .title {
    flex-grow: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px;
    font-weight: 500
}

.board-wrap .board-bottom [class^=page] .date {
    white-space: nowrap;
    color: #999
}

.board-wrap .board-bottom [class^=page] .ico-arr {
    margin-right: 10px
}

.board-wrap .board-bottom [class^=page] .ico-arr::before {
    border-color: #999;
    border-width: 2px;
    width: 10px;
    height: 10px
}

.board-wrap.tab .side-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
    left: 0;
    float: left;
    width: 360px;
    padding-right: 60px
}

.board-wrap.tab .side-tab>ul>li {
    margin-top: 30px
}

.board-wrap.tab .side-tab>ul>li:first-child {
    margin-top: 0
}

.board-wrap.tab .side-tab>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    white-space: nowrap;
    font-size: 32px;
    font-weight: 500;
    color: #aaa;
    transition: .3s
}

.board-wrap.tab .side-tab>ul>li>a::after {
    content: "";
    width: 100%;
    height: 1px;
    transform: scale(0);
    transform-origin: 0;
    margin-left: 20px;
    background-color: #000;
    background-color: #000;
    transition: .3s
}

.board-wrap.tab .side-tab>ul>li a:hover,
.board-wrap.tab .side-tab>ul>li.active>a {
    color: #000
}

.board-wrap.tab .side-tab>ul>li a:hover::after,
.board-wrap.tab .side-tab>ul>li.active>a::after {
    transform: scale(1)
}

.board-wrap.tab .side-tab>ul>li>ul {
    margin-top: 10px;
    margin-left: 10px
}

.board-wrap.tab .side-tab>ul>li>ul li a {
    display: block;
    padding: 8px 0;
    font-size: 22px;
    color: #aaa;
    transition: .3s
}

.board-wrap.tab .side-tab>ul>li>ul li a:hover,
.board-wrap.tab .side-tab>ul>li>ul li.active>a {
    color: #000
}

.board-wrap.tab .link-select {
    display: none
}

.board-wrap.tab .board-body {
    width: calc(100%);
    min-height: 300px;
    margin-left: auto
}

.board-wrap.tab .board-body~.board-body {
    padding-top: 60px;
    border-top: 1px solid #aaa
}

.board-wrap.tab .board-body .title-wrap2:not(.active) {
    display: none
}

.nodata-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    font-size: 20px
}

.nodata-box .ico-exclam {
    margin-bottom: 30px
}

.nodata-box p {
    color: #666
}

.nodata-box.v2 {
    font-size: 32px
}

.nodata-box.v2 p strong {
    color: #000;
    font-weight: 500
}

@media all and (min-width: 768px)and (max-width: 1439px) {
    .board-wrap.view {
        width: 100%
    }

    .board-wrap .board-body .list-gallery li {
        width: calc(50% - 38px)
    }

    .board-wrap .board-body .list-certify li {
        width: calc(33.333% - 34px)
    }

    .board-wrap .board-body.gallery-swiper .swiper-button-next,
    .board-wrap .board-body.gallery-swiper .swiper-button-prev {
        display: none
    }

    .board-wrap .board-body.gallery-swiper .swiper-button-box,
    .board-wrap .board-body.gallery-swiper+.swiper-button-box {
        display: flex
    }
}

@media all and (max-width: 1024px) {
    .board-wrap.view {
        width: 100%
    }

    .board-wrap .board-body.gallery-swiper {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 60px 0 20px
    }
}

@media all and (min-width: 768px)and (max-width: 1024px) {
    .board-wrap .board-top .board-title .btn-share {
        display: flex
    }

    .board-wrap .board-top.v2 {
        flex-direction: column
    }

    .board-wrap .board-top.v2 .info-text {
        margin-top: 0;
        margin-bottom: 20px
    }

    .board-wrap .board-body .list-store>li {
        flex-direction: column
    }

    .board-wrap .board-body .list-store>li .title-box {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .board-wrap .board-body .list-store>li .list-info {
        padding-top: 30px
    }
}

@media all and (max-width: 767px) {
    a:hover .img-flex img {
        transform: scale(1)
    }

    .board-wrap~.board-wrap {
        margin-top: 40px
    }

    .board-wrap+.table-wrap {
        margin-top: 40px
    }

    .board-wrap .board-top .search-box {
        margin-bottom: 30px
    }

    .board-wrap .board-top .search-box .select-type {
        width: 100%
    }

    .board-wrap .board-top .search-box .select-type .nice-select {
        width: 100%
    }

    .board-wrap .board-top .board-title {
        padding-top: 2px;
        padding-bottom: 34px;
        border-width: 1px
    }

    .board-wrap .board-top .board-title .date {
        font-size: 15px
    }

    .board-wrap .board-top .board-title .title {
        margin-bottom: 12px;
        font-size: 26px
    }

    .board-wrap .board-top .board-title .btn-share {
        display: flex
    }

    .board-wrap .board-top.v2 {
        flex-direction: column
    }

    .board-wrap .board-top.v2 .info-text {
        margin-top: 0;
        margin-bottom: 10px
    }

    .board-wrap .board-body.gallery-swiper {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 60px 0 20px
    }

    .board-wrap .board-body.gallery-swiper .swiper-wrapper .swiper-slide {
        padding: 0;
        opacity: .5;
        transition: .3s
    }

    .board-wrap .board-body.gallery-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
        opacity: 1
    }

    .board-wrap .board-body.gallery-swiper .swiper-button-next,
    .board-wrap .board-body.gallery-swiper .swiper-button-prev {
        display: none
    }

    .board-wrap .board-body.gallery-swiper .swiper-button-box,
    .board-wrap .board-body.gallery-swiper+.swiper-button-box {
        display: flex
    }

    .board-wrap .board-body .list-board li .list-item {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 70px);
        padding: 25px 10px
    }

    .board-wrap .board-body .list-board li .list-item .date {
        min-width: auto;
        padding-right: 0;
        font-size: 15px
    }

    .board-wrap .board-body .list-board li .list-item .title {
        margin-top: 10px;
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 23px;
        white-space: initial;
        max-height: 46px
    }

    .board-wrap .board-body .list-board li .btn-type {
        height: 50px;
        margin-right: 10px
    }

    .board-wrap .board-body .list-gallery {
        flex-direction: column;
        margin: 0
    }

    .board-wrap .board-body .list-gallery li {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid #d7d7d7
    }

    .board-wrap .board-body .list-gallery li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0
    }

    .board-wrap .board-body .list-gallery li>a {
        display: flex;
        flex-direction: column
    }

    .board-wrap .board-body .list-gallery li>a .title {
        height: auto;
        max-height: 50px;
        line-height: 25px
    }

    .board-wrap .board-body .list-gallery li .img-flex {
        margin-bottom: 22px
    }

    .board-wrap .board-body .list-gallery li .img-flex .title {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 13px 15px;
        background: rgba(255, 255, 255, .6)
    }

    .board-wrap .board-body .list-gallery li .date {
        order: 3;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 15px
    }

    .board-wrap .board-body .list-gallery li .title {
        font-size: 18px
    }

    .board-wrap .board-body .list-gallery li .title .ico-arr {
        width: 12px;
        height: 12px;
        margin-left: 4px
    }

    .board-wrap .board-body .list-gallery li .sub {
        font-size: 16px
    }

    .board-wrap .board-body .list-gallery li .desc {
        margin-top: 15px;
        line-height: 1.5;
        font-size: 16px
    }

    .board-wrap .board-body .list-gallery li .desc.v2 {
        margin-top: 5px;
        font-size: 15px
    }

    .board-wrap .board-body .list-gallery.v2,
    .board-wrap .board-body .list-gallery.col4 {
        flex-direction: row;
        margin-left: -15px
    }

    .board-wrap .board-body .list-gallery.v2 li,
    .board-wrap .board-body .list-gallery.col4 li {
        width: calc(50% - 15px);
        margin-left: 15px
    }

    .board-wrap .board-body .list-gallery.v2 li:nth-child(2),
    .board-wrap .board-body .list-gallery.col4 li:nth-child(2) {
        margin-top: 0
    }

    .board-wrap .board-body .list-gallery.v2 li .title,
    .board-wrap .board-body .list-gallery.col4 li .title {
        text-align: center
    }

    .webzine .board-wrap .board-body .list-gallery li::before {
        height: calc(100% - 22px - 25px)
    }

    .webzine .board-wrap .board-body .list-gallery li:nth-child(2) {
        padding-top: 0;
        border-top: 0
    }

    .board-wrap .board-body .list-board2 li {
        /* padding-top: 40px */
    }

    .board-wrap .board-body .list-board2 li:first-child {
        padding-top: 0
    }

    .board-wrap .board-body .list-board2 li .list-item {
        position: relative;
        flex-direction: column;
        padding: 0 0 40px
    }

    .board-wrap .board-body .list-board2 li .list-item:not(div):hover {
        background: none
    }

    .board-wrap .board-body .list-board2 li .list-item .img-flex {
        width: 100%;
        padding-bottom: 58%
    }

    .board-wrap .board-body .list-board2 li .list-item .title-box {
        width: 100%;
        padding: 24px 0 34px
    }

    .board-wrap .board-body .list-board2 li .list-item .title-box .title {
        font-size: 18px
    }

    .board-wrap .board-body .list-board2 li .list-item .title-box .desc {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 23px;
        white-space: initial;
        max-height: 92px;
        padding-right: 0;
        margin-top: 15px;
        font-size: 16px
    }

    .board-wrap .board-body .list-board2 li .list-item .date {
        position: absolute;
        bottom: 40px;
        left: 0;
        font-size: 15px
    }

    .board-wrap .board-body .list-store>li {
        flex-direction: column;
        padding: 25px 0
    }

    .board-wrap .board-body .list-store>li .title-box {
        display: flex;
        align-items: center;
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .board-wrap .board-body .list-store>li .title-box .label {
        min-width: 60px;
        height: 25px;
        margin-right: 18px
    }

    .board-wrap .board-body .list-store>li .title-box .title {
        font-size: 22px
    }

    .board-wrap .board-body .list-store>li .list-info {
        width: 100%;
        padding-top: 20px
    }

    .board-wrap .board-body .list-store>li .list-info .desc {
        padding-bottom: 20px;
        font-size: 15px
    }

    .board-wrap .board-body .list-store>li .btn-detail {
        position: initial;
        margin-left: auto;
        font-size: 15px
    }

    .board-wrap .board-body .list-store>li .btn-detail .ico-arr {
        width: 12px;
        height: 12px;
        margin-left: 4px
    }

    .board-wrap .board-body .list-certify {
        flex-wrap: wrap;
        margin-left: 0
    }

    .board-wrap .board-body .list-certify li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px
    }

    .board-wrap .board-body .list-certify li .list-item {
        display: flex;
        align-items: center
    }

    .board-wrap .board-body .list-certify li .img-flex {
        width: 48%;
        padding-bottom: 48%
    }

    .board-wrap .board-body .list-certify li .title-box {
        width: 60%;
        padding-left: 10px;
        margin-top: 0
    }

    .board-wrap .board-body .list-certify li .title-box .title {
        font-size: 18px
    }

    .board-wrap .board-body .list-certify li .title-box .desc {
        display: none
    }

    .board-wrap .board-body .list-certify li .title-box .btn-box {
        position: initial;
        transform: translate(0, 0);
        height: auto;
        padding-bottom: 0;
        margin-top: 25px;
        opacity: 1
    }

    .board-wrap .board-body .list-certify li .title-box .btn-box .btn-type {
        position: initial;
        transform: translate(0, 0);
        height: 40px;
        margin-left: 0
    }

    .board-wrap .board-body .list-certify.v2 li .img-flex {
        padding-bottom: 66%
    }

    .board-wrap .board-body .list-certify.v2 li .title-box .title {
        text-align: left
    }

    .board-wrap .board-body .board-detail {
        padding: 35px 0
    }

    .board-wrap .board-body .file-box {
        padding: 18px 20px;
        font-size: 14px
    }

    .board-wrap .board-body .file-box dl {
        width: calc(100% - 40px)
    }

    .board-wrap .board-body .file-box dl dd {
        padding-left: 10px
    }

    .board-wrap .board-body .file-box .btn {
        padding-left: 0;
        border-left: 0
    }

    .board-wrap .board-body .file-box .btn>span {
        overflow: hidden;
        position: absolute;
        clip: rect(0, 0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0);
        width: 1px;
        height: 1px;
        margin: -1px
    }

    .board-wrap .board-body .file-box .btn .ico-down {
        margin-left: 16px
    }

    .board-wrap .board-body .category-box {
        margin-bottom: 15px
    }

    .board-wrap .board-body .brochure-wrap {
        padding-bottom: 55px;
        padding-top: 40px
    }

    .board-wrap .board-bottom {
        margin-top: 30px
    }

    .board-wrap .board-bottom [class^=page] {
        padding: 16px 0;
        font-size: 15px
    }

    .board-wrap .board-bottom [class^=page] .title {
        padding: 0 12px
    }

    .board-wrap.tab .side-tab {
        display: none
    }

    .board-wrap.tab .link-select {
        display: flex;
        width: 100%;
        margin-bottom: 30px
    }

    .board-wrap.tab .board-body {
        display: block;
        width: 100%;
        min-height: auto
    }

    .board-wrap.tab .board-body~.board-body {
        padding-top: 40px
    }

    .board-wrap.tab .board-body .title-wrap2:not(.active) {
        display: block
    }

    .nodata-box {
        height: 150px;
        font-size: 16px
    }

    .nodata-box .ico-exclam {
        margin-bottom: 20px
    }

    .nodata-box.v2 {
        font-size: 18px;
        text-align: center
    }

    .nodata-box.v2 p strong {
        display: block;
        margin-bottom: 10px
    }
}

table {
    border-top: 2px solid #000
}

table .col-type {
    width: 280px
}

table th,
table td {
    padding: 24px 10px;
    border-left: 1px solid #d7d7d7;
    background-color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 1.6
}

table th:first-child,
table td:first-child {
    border-left: 0
}

table th:first-child[rowspan],
table td:first-child[rowspan] {
    border-right: 1px solid #d7d7d7
}

table th.t-r,
table th.t-l,
table td.t-r,
table td.t-l {
    padding-left: 26px;
    padding-right: 26px
}

table th.t-r,
table td.t-r {
    text-align: right
}

table th.t-l,
table td.t-l {
    text-align: left
}

table th.bg,
table td.bg {
    background-color: #eceef0
}

table th .focus,
table td .focus {
    color: #e30011
}

table th .focus2,
table td .focus2 {
    color: #093389
}

table tr.division th,
table tr.division td {
    border-bottom: 1px solid #000;
    font-weight: 500;
    color: #093389
}

table tr.division.v2 th,
table tr.division.v2 td {
    color: #000
}

table thead {
    border-bottom: 1px solid #000
}

table thead th {
    font-weight: 700
}

table tbody th,
table tbody td {
    border-bottom: 1px solid #d7d7d7
}

table tbody td {
    color: #666
}

table [class^=ico-] {
    vertical-align: baseline
}

table .ico-circle {
    margin-right: 18px
}

table .ico-stock {
    margin-right: 8px
}

table .stock-up {
    color: #fa0000
}

table .ico-required {
    vertical-align: super
}

table .stock-down {
    color: #015fb9
}

table [class^=list-type] li {
    font-size: 18px;
    color: #303030
}

table.v2 thead {
    border-color: #d7d7d7
}

table.v2 th,
table.v2 td {
    vertical-align: middle
}

table.v2 th {
    font-weight: 700
}

table.v2 td {
    color: #000
}

table.v2 tbody th.t-l {
    padding-left: 48px
}

table.v2 tbody td.t-l {
    padding-left: 38px
}

.table-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 80px
}

.table-wrap:last-child {
    margin-bottom: 0
}

.table-wrap [class^=title-wrap] {
    width: 100%
}

.table-wrap .chart-box {
    order: 1;
    width: 30%;
    max-width: 400px
}

.table-wrap .chart-box+.table-type {
    width: calc(70% - 160px);
    margin-right: 160px
}

.table-wrap .scroll-wrap {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%
}

@media all and (min-width: 1025px) {
    .table-wrap.type2 {
        flex-wrap: nowrap;
        align-items: flex-start;
        position: relative;
        margin-top: 90px
    }

    .table-wrap.type2 .title-wrap3 {
        position: initial;
        width: 300px
    }

    .table-wrap.type2 .title-wrap3 .side-box {
        position: absolute;
        top: -40px;
        bottom: auto
    }
}

@media all and (max-width: 1024px) {
    .table-wrap .chart-box {
        order: 0;
        width: 100%;
        margin: 20px auto 0
    }

    .table-wrap .chart-box+.table-type {
        width: 100%;
        margin-right: 0;
        margin-top: 50px
    }
}

@media all and (max-width: 767px) {
    table .col-type {
        width: 25%
    }

    table th,
    table td {
        padding: 16px 10px;
        font-size: 14px;
        vertical-align: middle
    }

    table th.t-r,
    table th.t-l,
    table td.t-r,
    table td.t-l {
        padding-left: 10px;
        padding-right: 10px
    }

    table .ico-circle {
        margin-right: 5px
    }

    table .ico-stock {
        margin-right: 5px
    }

    table [class^=list-type] li {
        font-size: 14px
    }

    table.v2 tbody th.t-l {
        padding-left: 10px
    }

    table.v2 tbody td.t-l {
        padding-left: 15px
    }

    .table-wrap {
        margin-top: 35px;
        margin-bottom: 70px
    }

    .table-wrap .chart-box {
        order: 0;
        width: 100%;
        max-width: 282.5px;
        margin: 20px auto 0
    }

    .table-wrap .chart-box+.table-type {
        width: 100%;
        margin-right: 0;
        margin-top: 50px
    }
}

/* 서브페이지 헤더 기본 스타일 (마우스 오버 전) */
.header-wrap.sub-header {
    background: #fff;              /* 배경을 투명도가 없는 완전한 흰색으로 설정 */
    border-bottom: 1px solid #d7d7d7; /* 하단에 회색 라인을 추가하여 콘텐츠와 구분 */
    color: #000;                   /* 텍스트 색상 검정 */
}

/* 서브페이지 로고 설정 (검정색 로고) */
.header-wrap.sub-header .logo-box .ico-logo {
    background-image: url(../images/icon/logo.svg);
}

/* 서브페이지 검색 아이콘 (검정색) */
.header-wrap.sub-header .btn-box .ico-srch {
    background-image: url(../images/icon/search.svg);
}

/* 서브페이지 햄버거 메뉴 아이콘 (검정색) */
.header-wrap.sub-header .btn-box .btn-menu i {
    background-color: #000;
}

/* 서브페이지 언어/링크 선택 화살표 (검정색) */
.header-wrap.sub-header .btn-box .link-select::after {
    border-color: #000;
}


/*# sourceMappingURL=common.css.map */