@charset "UTF-8";
/* content start */
html.modal-view,
html.modal-view body {
    position: relative;
    overflow: hidden;
}
.container {
    position: relative;
    min-width: 1205px;
    min-height: 100%;
    width: 100%;
    padding-bottom: 245px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container > .content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container .content .section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container .content .section .section-inner {
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
@media screen and (max-width: 768px) {
    .container {min-width: 0;padding-bottom:353px;}
    .container .content .section .section-inner {
        width: auto;
    }
    .container:not(.main-page) .content .section .section-inner {
        margin-left: 15px;
        margin-right: 15px;
    }
}
/* content end */
/* skip navi start */
#skip_navi {
    position: relative;
    z-index: 9999;
}
#skip_navi a {
    position: absolute;
    display: block;
    width: 100%;
    top: -500px;
    left: 0;
    padding: 5px 0;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    text-align: center;
}
#skip_navi a:hover,
#skip_navi a:active,
#skip_navi a:visited,
#skip_navi a:focus {
    top: 0;
}
/* skip navi end */
/* gnb start */
.gnb {
    position: fixed;
    width: 100%;
    z-index: 100;
    outline: none;
    -webkit-overflow-scrolling: auto !important;
}
.gnb + .content {
    padding-top: 141px;
}
.gnb.simple + .content {
    padding-top: 81px;
}
.gnb .gnb-wrap {
    border-bottom: 1px solid #999;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnb .gnb-wrap.wrap-top {
    height: 81px;
    padding-bottom: 20px;
}
.gnb .gnb-wrap.wrap-top.year {
    background: url(../images/common/gnb/large/bg_gnb_p.png), url(../images/common/gnb/large/bg_gnb_p_.png);
    background-repeat: no-repeat, repeat-x;
    background-size: auto 80px, 1px 80px;
    background-position: center;
    border-color: #fff;
    background-color: #fff;
}
.gnb .gnb-wrap.wrap-top.special {background: url(../images/common/gnb/large/bg_gnb_special_day.png), url(../images/common/gnb/large/bg_gnb_special_day_.png);background-repeat: no-repeat, repeat-x;background-size: auto 80px, 1px 80px;background-position: center;border-color:#1b2430;}
@media screen and (max-width:1150px) {
    .gnb .gnb-wrap.wrap-top.special {background-position:left -390px center;}
}
.gnb .gnb-wrap.wrap-bottom {
    min-width: 1140px;
    height: 60px;
}
.gnb .gnb-inner {
    position: relative;
    max-width: 1140px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnb .gnb-wrap.wrap-bottom .gnb-inner {
    max-width: none;
}
.gnb .link-home {
    position: absolute;
    display: inline-block;
    left: 50px;
    bottom: 0;
}
.gnb .year .link-home {
    bottom: -20px;
    left: 50px;
}
.gnb .link-home img {
    width: 99px;
    height: 38px;
    vertical-align: top;
}
.gnb .gnb-inner .menu {
    width: 1140px;
    height: 59px;
    margin: 0 auto;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    text-align: center;
}
.gnb .gnb-inner .menu li {
    position: relative;
    display: inline-block;
    text-align: center;
}
.gnb .gnb-inner .menu li + li {
    margin-left: 100px;
}
.gnb .gnb-inner .menu a {
    display: inline-block;
    height: 49px;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
}
.gnb .gnb-inner .menu > li.on:after {
    content: '';
    position: absolute;
    display: inline-block;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e51937;
    z-index: 1;
}
.gnb .gnb-inner .menu a img {
    height: 147px;
    vertical-align: top;
}
.gnb .gnb-inner .menu a:hover img,
.gnb .gnb-inner .menu a.selected img {
    margin-top: -49px;
}
/*.gnb:not(.expanded) .gnb-wrap.wrap-bottom:hover {*/
    /*background-color: #f2f2f2;*/
/*}*/
.gnb .gnb-inner .gnb-link {
    position: absolute;
    font-size: 0;
    overflow: hidden;
    right: 50px;
    bottom: 0;
}
.gnb .gnb-inner .gnb-link li {
    position: relative;
    display: inline-block;
    float: left;
}
.gnb .gnb-inner .gnb-link li.divider {
    padding-right: 20px;
}
.gnb .gnb-inner .gnb-link li.divider:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #e6e6e6;
    vertical-align: top;
}
.gnb .year .gnb-inner .gnb-link li.divider:after {
    background-color: #fff;
}
.gnb .gnb-inner .gnb-link li + li {
    margin-left: 20px;
}
.gnb .gnb-inner .gnb-link a {
    display: inline-block;
    height: 36px;
}
.gnb .gnb-inner .gnb-link img {
    height: 11px;
    margin-top: 12px;
    vertical-align: top;
}
.gnb .gnb-inner .gnb-link a.link-5g img {
    height: 29px;
    margin-top: 3px;
}
.gnb .gnb-wrap.wrap-top.reverse .eng .black {display: none !important;}
.gnb .gnb-wrap.wrap-top .eng .white {display: none !important;}
.gnb .gnb-wrap.wrap-top.reverse .eng .white.img-large {display: inline-block !important;}
.gnb .gnb-inner .gnb-link .btn-hamburger-menu {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 4px 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnb .gnb-inner .gnb-link .btn-hamburger-menu > div {
    position: relative;
}
.gnb .gnb-inner .gnb-link .btn-hamburger-menu span {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #141414;
    opacity: 1;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.gnb .reverse .gnb-inner .gnb-link .btn-hamburger-menu span {
    background-color: #fff;
}
.gnb .gnb-inner .gnb-link .btn-hamburger-menu span.ham-top {
    top: 0;
}
.gnb .gnb-inner .gnb-link .btn-hamburger-menu span.ham-middle,
.gnb .gnb-inner .gnb-link .btn-hamburger-menu span.ham-hidden {
    top: 8px;
}
.gnb .gnb-inner .gnb-link .btn-hamburger-menu span.ham-bottom {
    top: 16px;
}
.gnb.expanded .gnb-inner .gnb-link .btn-hamburger-menu span.ham-top,
.gnb.expanded .gnb-inner .gnb-link .btn-hamburger-menu span.ham-bottom {
    top: 8px;
    width: 0;
    left: 50%;
    opacity: 0;
}
.gnb.expanded .gnb-inner .gnb-link .btn-hamburger-menu span.ham-middle {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.gnb.expanded .gnb-inner .gnb-link .btn-hamburger-menu span.ham-hidden {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.gnb.expanded .gnb-menu-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
}
.gnb .sub-menu {
    position: relative;
    display: none;
    min-width: 1140px;
    height: 0;
    background-color: #f0f0f0;
    border-bottom: 1px solid #cfcfcf;
    outline: none;
    opacity: 0;-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-ms-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;
}
.gnb .sub-menu-inner {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.gnb .sub-menu-inner > ul {
    font-size: 0;
    text-align: center;
}
.gnb .sub-menu-contents {
    position: relative;
    margin-top: 35px;
    padding: 0 28px;
    overflow: hidden;
    z-index: 2;
}
.gnb .sub-menu-contents.item-type-2 {
    padding-left: 36px;
    padding-right: 0;
}
.gnb .sub-menu-contents > ul {
    overflow: hidden;
}
.gnb .sub-menu-contents > ul > .menu-link-wrap + .menu-link-wrap {
    margin-top: 10px;
}
.gnb .sub-menu-contents > ul > .menu-link-wrap.menu-tree + .menu-link-wrap {
    margin-top: 20px;
}
.gnb.expanded .sub-menu {display: block;opacity: 1;}
.gnb .sub-menu .sub-menu-item {
    position: relative;
    display: inline-block;
    height: 375px;
    padding-bottom: 50px;
    font-size: 0;
    text-align: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnb .sub-menu .sub-menu-item + .sub-menu-item:before {
    content: '';
    position: absolute;
    width: 1px;
    top: 35px;
    bottom: 50px;
    background-color: #e2e2e2;
}
.gnb .sub-menu .sub-menu-item.focus:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
}
.gnb .sub-menu .sub-menu-item.item-01 { /*width: 156px;*/width: 154px;}
.gnb .sub-menu .sub-menu-item.item-02 {width: 238px;}
.gnb .sub-menu .sub-menu-item.item-03 { /*width: 168px;*/width:200px;}
.gnb .sub-menu .sub-menu-item.item-04 { /*width: 162px;*/width: 148px;}
.gnb .sub-menu .sub-menu-item.item-05 { /*width: 162px;*/width: 148px;}
.gnb .sub-menu .sub-menu-item.item-06 { /*width: 154px;*/width: 152px;}
.gnb .sub-menu .sub-menu-item.item-02 .sub-menu-contents > ul {
    float: left;
}
.gnb .sub-menu .sub-menu-item.item-02 .sub-menu-contents > ul + ul {
    margin-left: 30px;
}
.gnb .sub-menu .sub-menu-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gnb .sub-menu .sub-menu-title img {
    width: auto;
    height: 50px;
    vertical-align: top;
}
.gnb .sub-menu .menu-link-wrap > a,
.gnb .sub-menu .menu-link-wrap > .menu-tree-title {
    display: inline-block;
    font-size: 14px;
    color: #141414;
    font-weight: bold;
    letter-spacing: -0.05em;
}
.gnb .sub-menu .menu-link-wrap > .menu-tree-title {
    margin-bottom: 12px;
}
.gnb .sub-menu .menu-link-wrap > ul > li + li {
    margin-top: 8px;
}
.gnb .sub-menu .menu-link-wrap > ul a {
    font-size: 12px;
    color: #141414;
    letter-spacing: -0.03em;
}
.gnb .sub-menu .menu-link-wrap a:hover {color: #e51937 !important;}
.gnb .sub-menu .btn-wrap {
    text-align: right;
}
.gnb .sub-menu .btn-sub-menu-close {
    width: 36px;
    height: 36px;
    margin-bottom: 18px;
    border: none;
}
@media screen and (max-width: 768px) {
    .gnb {
        position: relative;
    }
    .gnb + .content,
    .gnb.simple + .content {
        padding-top: 0;
    }
    .gnb .gnb-wrap.wrap-top {
        height: 51px;
        padding: 0 15px;
    }
    .gnb .gnb-wrap.wrap-top.year {
        background: url(../images/common/gnb/small/bg_gnb_p.png) left center no-repeat;
        background-size: auto 50px;
        border-color: #fff;
    }
    .gnb .gnb-wrap.wrap-top.special {background: url(../images/common/gnb/small/bg_gnb_special_day.png) left center no-repeat;background-size: auto 50px;}
    .gnb .gnb-wrap.wrap-top.reverse .eng .white.img-large {display: none !important;}
    .gnb .gnb-wrap.wrap-top.reverse .eng .white.img-small {display: inline-block !important;}
    .gnb .gnb-inner {
        width: 100%;
    }
    .gnb .link-home {
        top: 11px;
        left: 0;
        bottom: auto;
    }
    .gnb .year .link-home {
        top: 11px;
        left: -2px;
    }
    .gnb .link-home img {
        width: 71px;
        height: auto;
    }
    .gnb .gnb-inner .gnb-link {
        top: 11px;
        right: 0;
        bottom: auto;
    }
    .gnb .gnb-inner .gnb-link li.divider {
        padding-right: 12px;
    }
    .gnb .gnb-inner .gnb-link li.divider:after {
        top: 7px;
        height: 13px;
    }
    .gnb .gnb-inner .gnb-link li + li {
        margin-left: 12px;
    }
    .gnb .gnb-inner .gnb-link a {
        height: 28px;
    }
    .gnb .gnb-inner .gnb-link img {
        margin-top: 9px;
        height: 10px;
    }
    .gnb .gnb-inner .gnb-link a.link-5g img {
        height: 20px;
        margin-top: 4px;
    }
    .gnb .sub-menu {
        min-width: 0;
        height: auto !important;
        background-color: #fff;
        opacity: 1 !important;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .gnb .sub-menu:before {
        content: none;
    }
    .gnb .sub-menu-inner {
        width: 100%;
        padding: 0;
    }
    .gnb .sub-menu .sub-menu-item {
        display: block;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 0;
    }
    .gnb .sub-menu .sub-menu-item.item-02 .sub-menu-contents > ul {
        width: 100%;
    }
    .gnb .sub-menu .sub-menu-item.item-02 .sub-menu-contents > ul + ul {
        margin-left: 0;
    }
    .gnb .sub-menu-contents {
        display: none;
        margin: 0;
        padding: 0 15px !important;
    }
    .gnb .sub-menu-item.expanded .sub-menu-contents {
        display: block;
    }
    .gnb .sub-menu .menu-link-wrap {
        margin: 0 !important;
    }
    .gnb .sub-menu .sub-link {
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gnb .sub-menu-contents > ul > .menu-link-wrap.menu-tree + .sub-link {
        border-top: 1px solid #d7d7d7;
    }
    .gnb .sub-menu span,
    .gnb .sub-menu a {
        font-size: 16px;
        font-weight: normal;
    }
    .gnb .sub-menu .sub-menu-title {
        padding: 0 15px;
        background-color: #2f3033;
        text-align: left;
        cursor: pointer;
    }
    .gnb .sub-menu .sub-menu-title span {
        line-height: 55px;
        color: #fff;
        font-weight: bold;
        letter-spacing: -0.03em;
    }
    .gnb .sub-menu .menu-link-wrap > a,
    .gnb .sub-menu .menu-link-wrap > .menu-tree-title,
    .gnb .sub-menu .menu-link-wrap > ul a {
        font-size: 16px;
        font-weight: bold;
        color: #141414;
        margin: 0;
    }
    .gnb .sub-menu .menu-link-wrap > .menu-tree-title {
        width: 100%;
        line-height: 55px;
        color: #666;
        border-bottom: 1px solid #d7d7d7;
        letter-spacing: -0.03em;
    }
    .gnb .sub-menu .menu-link-wrap > ul > li + li {
        margin: 0;
    }
    .gnb .sub-menu .sub-menu-item + .sub-menu-item:before {
        content: none;
    }
    .gnb .sub-menu .sub-menu-item + .sub-menu-item .sub-menu-title {
        border-top: 1px solid #48494c;
    }
    .gnb .sub-menu .sub-menu-item:after {
        content: '';
        position: absolute;
        background-image: url(../images/common/gnb/small/submenu/icon_arrow_down.png);
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
        width: 15px;
        height: 9px;
        top: 23px;
        right: 15px;
    }
    .gnb .sub-menu .sub-menu-item.expanded:after {
        background-image: url(../images/common/gnb/small/submenu/icon_arrow_up.png);
    }
    .gnb .sub-menu .sub-link a {
        display: inline-block;
        width: 100%;
        line-height: 55px;
    }
    .gnb .sub-menu .sub-link a.multiline {line-height:22px;padding:6px 0;}
    .gnb .sub-menu .btn-sub-menu-close {
        display: none;
    }
}
/* gnb end */
/* footer start */
.footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer a,
.footer p,
.footer span {
    font-size: 13px;
    vertical-align: top;
}
.footer .footer-inner {
    position: relative;
    width: 1145px;
    height: 214px;
    margin: 0 auto;
    padding: 30px 0 25px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .btn-family-site-toggle {
    position: absolute;
    width: 121px;
    height: 32px;
    top: -33px;
    right: 0;
    padding: 2px 2px 0;
    border: none;
}
.footer .btn-family-site-toggle span {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    overflow: hidden;
}
.footer .btn-family-site-toggle img {
    width: 100%;
    vertical-align: top;
}
.family-site-open .footer .btn-family-site-toggle img {
    margin-top: -30px;
}
.footer .footer-inner > ul {
    height: 100%;
    overflow: hidden;
}
.footer .footer-inner > ul > li {
    position: relative;
    height: 100%;
    font-size: 0;
}
.footer .footer-inner > ul > li:first-child {float: left;width:810px;}
.footer .footer-inner > ul > li + li {float: right;text-align: right;width: 330px;}
.footer .footer-link {margin-top: 4px;}
.footer .footer-link:after {
    content: '';
    display: block;
    clear: both;
}
.footer .footer-link li {position: relative;float: left;margin-right: 8px;}
.footer .footer-link li:after {content: '';display: inline-block;width: 1px;height: 10px;margin-top: 5px;margin-left: 8px;background-color: #ccc;vertical-align: top;}
.footer .footer-link li.last-obj {margin-right:0;}
.footer .footer-link li.last-obj:after {
    content: none;
}
.footer .footer-link a {display: inline-block;color: #333;letter-spacing: -0.02em;line-height:20px;}
.footer .footer-link li:first-child a {
    color: #e51937;
}
.footer .text-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
}
.footer .footer-address,
.footer .footer-copyright {
    color: #666;
    letter-spacing: -0.02em;
}
.footer .footer-address span {
    display: inline-block;
    color: inherit;
    line-height:inherit;
}
.footer .footer-copyright {
    padding: 5px 0 15px 0;
}
.footer .footer-sns {
    display: inline-block;
    overflow: hidden;
}
.footer .footer-sns > * {
    float: left;
}
.footer .footer-sns > span {
    display: inline-block;
    color: #333;
    line-height: 28px;
}
.footer .footer-sns > ul {
    margin-left: 11px;
}
.footer .footer-sns > ul:after {
    content: '';
    display: block;
    clear: both;
}
.footer .footer-sns > ul li {
    float: left;
    font-size: 0;
}
.footer .footer-sns > ul li + li {
    margin-left: 5px;
}
.footer .footer-sns > ul li a {
    display: inline-block;
}
.footer .footer-sns > ul li img {
    width: 28px;
    height: 28px;
    vertical-align: top;
}
.footer .footer-ethics {
    position: absolute;
    right: 0;
    bottom: 0;
}
.footer .footer-ethics li {
    font-size: 1rem;
    float: left;
}
.footer .footer-ethics li + li {
    margin-left: 40px;
}
.footer .footer-ethics a {
    display: inline-block;
}
.footer .footer-ethics img {
    vertical-align: top;
}
/** footer family-site */
.footer .family-site {
    display: none;
    padding: 50px 0 40px 0;
    background-color: #ebebeb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.footer .family-site.expanded {
    display: block;
}
.footer .family-site-inner {
    width: 1040px;
    margin: 0 auto;
}
.footer .family-site-inner .family-site-index + .family-site-index {
    margin-top: 18px;
}
.footer .family-site-inner .family-site-index > ul {
    margin-top: 20px;
    font-size: 0;
    overflow: hidden;
}
.footer .family-site-inner .family-site-index > ul.menu-tree {
    padding-top: 8px;
}
.footer .family-site-inner .family-site-title {
    padding: 12px 8px;
    border-bottom: 1px solid #666;
}
.footer .family-site-inner .family-site-title img {
    width: auto;
    height: 18px;
    vertical-align: top;
}
.footer .family-site-inner .family-site-item {
    position: relative;
    float: left;
    padding: 8px 13px;
    font-size: 0;
    width: 16.6665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .family-site-inner .family-site-index.index-01 .family-site-item {
    padding-top: 0;
    padding-bottom: 0;
}
.footer .family-site-inner .family-site-index.index-01 .family-site-item + .family-site-item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 500px;
    top: 0;
    left: 0;
    background-color: #ccc;
}
.footer .family-site-inner .family-site-index.index-01 .family-site-item > ul li {
    padding: 8px 0;
    height: 72px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .family-site-inner .family-site-index.index-02 .family-site-item {
    height: 72px;
}
.footer .family-site-inner .family-site-item > span {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #e51937;
    letter-spacing: -0.03em;
}
.footer .family-site-inner .family-site-item a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #141414;
    letter-spacing: -0.03em;
}
.footer .family-site-inner .family-site-item .description {
    padding-top: 6px;
    font-size: 11px;
    line-height: 150%;
    color: #808080;
    letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
    .footer a, .footer p, .footer span {
        font-size: 11px;
    }
    .footer .footer-inner {
        width: 100%;
        height: auto !important;
        padding: 30px 15px 25px 15px;
    }
    .footer .footer-inner > ul > li {
        width: 100% !important;
        height: auto;
    }
    .footer .footer-link {
        margin-top: 0;
    }
    .footer .footer-link li {margin-right: 8px;line-height:20px;}
    .footer .footer-link li:after {
        margin-top: 2px;
        margin-left: 8px;
    }
    .footer .footer-link a {line-height:130%;}
    .footer .text-wrap {
        position: relative;
        margin-top: 8px;
    }
    .footer .footer-inner > ul > li + li {
        float: left;
        text-align: left;
        margin-top: 8px;
    }
    .footer .footer-address,
    .footer .footer-copyright {
        line-height: 150%;
    }
    .footer .footer-copyright {
        padding: 0;
    }
    .footer .footer-sns > ul {
        width: 100%;
        margin: 0;
    }
    .footer .footer-sns > span {
        line-height: 24px;
    }
    .footer .footer-ethics {
        position: relative;
        margin-top: 25px;
    }
    .footer .footer-ethics li {height:70px;}
    .footer .footer-ethics li + li {margin-left:20px;}
    .footer .footer-ethics img {width:auto !important;height:55px !important;}
    .footer .btn-family-site-toggle {
        width: 105px;
        height: 26px;
        top: -27px;
        padding: 0;
    }
    .family-site-open .footer .btn-family-site-toggle img {
        margin-top: -26px;
    }
    .footer .family-site-inner .family-site-item .description {
        display: none;
    }
    .footer .family-site {
        padding: 23px 15px;
    }
    .footer .family-site-inner {
        width: 100%;
    }
    .footer .family-site-inner .family-site-title {
        padding: 10px 0;
    }
    .footer .family-site-inner .family-site-title span {
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }
    .footer .family-site-inner .family-site-index + .family-site-index {
        margin-top: 28px;
    }
    .footer .family-site-inner .family-site-index > ul {
        padding-top: 0 !important;
        margin-top: 26px;
    }
    .footer .family-site-inner .family-site-index.index-02 > ul {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer .family-site-inner .family-site-item > span {
        margin-bottom: 23px;
    }
    .footer .family-site-inner .family-site-item + .family-site-item > span {
        margin-top: 16px;
    }
    .footer .family-site-inner .family-site-index.index-01 .family-site-item {
        width: 100%;
        padding: 0 10px 2px 10px;
    }
    .footer .family-site-inner .family-site-index.index-01 .family-site-item + .family-site-item {
        border-top: 1px solid #ccc;
    }
    .footer .family-site-inner .family-site-index.index-02 .family-site-item {
        display: inline-block;
        width: auto !important;
    }
    .footer .family-site-inner .family-site-index.index-01 .family-site-item > ul li,
    .footer .family-site-inner .family-site-index.index-02 .family-site-item {
        display: inline-block;
        height: auto !important;
        padding: 0 0 14px 0;
        margin-right: 8px;
    }
    .footer .family-site-inner .family-site-index.index-01 .family-site-item > ul li:after,
    .footer .family-site-inner .family-site-index.index-02 .family-site-item:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 10px;
        margin-top: 2px;
        margin-left: 8px;
        background-color: #ccc;
        vertical-align: top;
    }
    .footer .family-site-inner .family-site-index.index-01 .family-site-item > ul li.last-obj:after,
    .footer .family-site-inner .family-site-index.index-02 .family-site-item.last-obj:after,
    .footer .family-site-inner .family-site-index.index-01 .family-site-item > ul li:last-child:after,
    .footer .family-site-inner .family-site-index.index-02 .family-site-item:last-child:after {
        content: none;
    }
    .footer .family-site-inner .family-site-index.index-01 .family-site-item + .family-site-item:before {
        content: none;
    }
    .footer .family-site-inner .family-site-item > span {
        font-size: 10px;
    }
    .footer .family-site-inner .family-site-item a {
        font-size: 13px;
        line-height: 16px;
        vertical-align: top;
    }
}
@media screen and (max-width: 490px) {
    .footer .footer-address > span + span {
        display: block;
    }
}
@media screen and (max-width: 350px) {
    .footer .footer-address > span:first-child {
        display: block;
    }
}
/* footer end */
/* modal popup start */
.modal-popup-bg {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
    z-index: 1000;
    -webkit-transform: translateZ(0);
    overflow: auto;
}
html.device-type-mobile .modal-popup-bg,
html.device-type-tablet .modal-popup-bg {
    overflow: scroll;
}
html.modal-view .modal-popup-bg {
    display: block;
}
.modal-popup {
    position: absolute;
    display: none;
    width: 630px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    -webkit-transform: translateZ(0);
    visibility: hidden;
}
.modal-popup.show {
    display: block;
}
.modal-popup .popup-body {
    padding: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-popup .popup-body .title {
    font-size: 24px;
    line-height: 150%;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.05em;
    word-break: keep-all;
}
.modal-popup .popup-body .description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 185%;
    color: #333;
    letter-spacing: -0.03em;
    word-break: keep-all;
}
.modal-popup .popup-util {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    border-top: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-popup .popup-util a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    text-decoration: underline;
    letter-spacing: -0.05em;
    vertical-align: top;
    z-index: 1;
}
.modal-popup .popup-util .btn-popup-close {
    position: absolute;
    height: 36px;
    top: 11px;
    right: 15px;
    border: none;
}
.modal-popup .popup-util .btn-popup-close span {
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    color: #666;
    letter-spacing: -0.04em;
}
.modal-popup .popup-util .btn-popup-close span:after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: 9px;
    background-image: url(../images/connectivity/large/btn_popup_close.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    vertical-align: top;
}
.modal-popup .popup-util .carousel-count {
    position: absolute;
    height: 36px;
    top: 11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.modal-popup .popup-util .carousel-count > div {
    position: absolute;
    width: 158px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.modal-popup .popup-util .carousel-count > div button {
    width: 36px;
    height: 36px;
    top: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    text-indent: -99999px;
    white-space: nowrap;
    overflow: hidden;
}
.modal-popup .popup-util .carousel-count > div button.carousel-nav-left {
    left: 0;
    background-image: url(../images/connectivity/large/btn_popup_prev.png);
}
.modal-popup .popup-util .carousel-count > div button.carousel-nav-right {
    right: 0;
    background-image: url(../images/connectivity/large/btn_popup_next.png);
}
.device-type-desktop .modal-popup .popup-util .carousel-count > div button:hover,
.modal-popup .popup-util .carousel-count > div button:active {
    background-position: 0 -37px;
}
.modal-popup .popup-util .carousel-count > span {
    font-size: 16px;
    line-height: 36px;
    color: #666;
}
.modal-popup .popup-util .carousel-count > span.current {
    font-weight: bold;
}
.modal-popup.popup-normal .popup-header img {
    width: 100%;
}
.modal-popup.popup-video .popup-header {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.4%;
}
.modal-popup.popup-video .popup-header .video {
    position: absolute;
    top: 0;
    left: 0;
}
.modal-popup.popup-card .carousel {
    width: 100%;
}
.modal-popup.popup-card .carousel > ul {
    position: relative;
    width: 100%;
    font-size: 0;
    white-space: nowrap;
}
.modal-popup.popup-card .carousel > ul > li {
    display: inline-block;
    width: 100%;
}
.modal-popup.popup-card .carousel > ul > li img {
    width: 100%;
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    .modal-popup {
        width: 100%;
        max-width: 630px;
    }
    .modal-popup .popup-body {
        padding: 20px;
    }
    .modal-popup .popup-body .title {
        font-size: 14px;
    }
    .modal-popup .popup-body .description {
        margin-top: 10px;
        font-size: 11px;
    }
    .modal-popup .popup-util {
        height: 45px;
    }
    .modal-popup .popup-util a {
        font-size: 11px;
    }
    .modal-popup .popup-util .btn-popup-close {
        height: 32px;
        top: 5px;
    }
    .modal-popup .popup-util .btn-popup-close span {
        font-size: 11px;
        line-height: 32px;
    }
    .modal-popup .popup-util .btn-popup-close span:after {
        width: 32px;
        height: 32px;
        margin-left: 7px;
        background-image: url(../images/connectivity/small/btn_popup_close.png);
    }
    .modal-popup .popup-util .carousel-count {
        height: 32px;
        top: 5px;
    }
    .modal-popup .popup-util .carousel-count > div {
        width: 130px;
    }
    .modal-popup .popup-util .carousel-count > span {
        font-size: 12px;
        line-height: 32px;
    }
    .modal-popup .popup-util .carousel-count > div button {
        width: 32px;
        height: 32px;
    }
    .modal-popup .popup-util .carousel-count > div button.carousel-nav-left {
        background-image: url(../images/connectivity/small/btn_popup_prev.png);
    }
    .modal-popup .popup-util .carousel-count > div button.carousel-nav-right {
        background-image: url(../images/connectivity/small/btn_popup_next.png);
    }
    .device-type-desktop .modal-popup .popup-util .carousel-count > div button:hover,
    .modal-popup .popup-util .carousel-count > div button:active {
        background-position: 0 -33px;
    }
}
/* modal popup end */
/* content nav start */
.nav {
    position: fixed;
    width: 100%;
    height: 42px;
    top: 141px;
    left: 0;
    background-color: #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 90;
    -webkit-overflow-scrolling: auto !important;
}
.nav .nav-inner {
    position: relative;
    max-width: 1140px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav h5 {
    display: inline-block;
    height: 100%;
}
.nav h5 img {
    width: auto;
    height: 100%;
}
.nav .nav-inner > ul {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.nav .nav-inner > ul > li {
    position: relative;
    float: left;
    height: 100%;
}
.nav .nav-inner > ul > li + li {
    margin-left: 40px;
}
.nav .nav-inner > ul > li.active:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #e51937;
}
.nav .nav-inner > ul > li > button,
.nav .nav-inner > ul > li > a {
    height: 42px;
    border: none;
}
.nav .nav-inner > ul > li > button span {
    line-height: 18px;
}
.nav .nav-inner > ul > li > button span:after,
.nav .nav-inner > ul > li.sub-item > a:after {
    content: '';
    display: inline-block;
    margin-top: 7px;
    margin-left: 5px;
    border-top: 5px solid #232323;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: top;
}
.nav .nav-inner > ul > li.sub-item > a:after {
    margin-top: 19px;
}
.nav .nav-inner > ul > li > button span,
.nav .nav-inner > ul > li > a {
    display: inline-block;
    padding: 0 5px;
    font-size: 14px;
    color: #1a1a1a;
    letter-spacing: -0.08em;
}
.device-type-desktop .nav .nav-inner > ul > li > button:hover span,
.device-type-desktop .nav .nav-inner > ul > li > a:hover,
.nav .nav-inner > ul > li > button:focus span,
.nav .nav-inner > ul > li > a:focus,
.nav .nav-inner > ul > li.expanded > button span,
.nav .nav-inner > ul > li.expanded > a {
    color: #e51937;
}
.device-type-desktop .nav .nav-inner > ul > li > button:hover span:after,
.nav .nav-inner > ul > li > button:focus span:after,
.nav .nav-inner > ul > li.expanded > button span:after,
.device-type-desktop .nav .nav-inner > ul > li.sub-item > a:hover:after,
.nav .nav-inner > ul > li.sub-item.expanded > a:after,
.nav .nav-inner > ul > li.sub-item > a:focus:after {
    border-top: 5px solid #e51937;
}
.nav .nav-inner > ul > li > a {
    line-height: 42px;
}
.nav .nav-inner > ul .nav-sub-menu {
    display: none;
    position: absolute;
    min-width: 100%;
    width: auto;
    top: 41px;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav .nav-inner > ul .nav-sub-menu li {
    width: 100%;
}
.nav .nav-inner > ul .nav-sub-menu li + li {
    border-top: 1px solid #f0f0f0;
}
.nav .nav-inner > ul .nav-sub-menu li a {
    display: inline-block;
    width: 100%;
    padding: 0 12px;
    font-size: 13px;
    line-height: 38px;
    color: #141414;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.08em;
    white-space: nowrap;
}
.device-type-desktop .nav .nav-inner > ul .nav-sub-menu li a:hover,
.nav .nav-inner > ul .nav-sub-menu li a:focus {
    color: #e51937;
}
.nav .nav-inner > ul > li.expanded .nav-sub-menu {
    display: block;
}
.nav + #content_inner {
    margin-top: 42px;
}
@media screen and (max-width: 768px) {
    .nav {
        display: none;
    }
    .nav + #content_inner {
        margin-top: 0;
    }
}
/* content nav end */
/* content header start */
/* #content .content-header .section-inner {
    position: relative;
    padding-top: 55px;
    padding-bottom: 16px;
    border-bottom: 2px solid #8c8c8c;
}
#content .content-header h3 {
    display: inline-block;
    height: 35px;
    vertical-align: top;
}
#content .content-header h3 img {
    width: auto;
    height: 100%;
}
#content .content-header .breadcrumb {
    position: absolute;
    min-height: 18px;
    right: 0;
    bottom: 14px;
}
#content .content-header .breadcrumb.multiline {
    max-width: 450px;
}
#content .content-header .breadcrumb.multiline.dense {max-width:300px;}
#content .content-header .breadcrumb ul {
    font-size: 0;
    overflow: hidden;
}
#content .content-header .breadcrumb.multiline ul {
    text-align: right;
}
#content .content-header .breadcrumb ul li {
    display: inline-block;
    padding-right: 5px;
    vertical-align: top;
}
#content .content-header .breadcrumb ul li:last-child {
    padding-right: 0;
}
#content .content-header .breadcrumb ul li:after {content: '';display: inline-block;width: 5px;height: 18px;background: url(../images/common/component/breadcrumb_arrow.png) center no-repeat;-webkit-background-size: auto 8px;background-size: auto 8px;margin-left: 5px;}
#content .content-header .breadcrumb ul li:last-child:after {content:none;}
#content .content-header .breadcrumb ul li > * {
    vertical-align: top;
}
#content .content-header .breadcrumb span {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #1a1a1a;
    letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
    #content .content-header .section-inner {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #content .content-header.no-breadcrumb .section-inner {padding-top: 35px;}
    #content .content-header .section-inner.title-multiline h3 {
        height: 77px;
    }
    #content .content-header .breadcrumb {
        position: static;
        max-width: none !important;
        margin-bottom: 30px;
        right: auto;
        bottom: auto;
    }
    #content .content-header .breadcrumb.multiline ul {
        text-align: left;
    }
} */
/* content header end */
/* content paging start */
.paging-normal {
    margin-top: 50px;
    font-size: 0;
    text-align: center;
}
.paging-normal .box {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
    color: #666;
    border: 1px solid #e6e6e6;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.paging-normal .box + .box {
    margin-left: -1px;
}
.paging-normal span.box {
    color: #e51937;
}
.paging-normal .paging-prev,
.paging-normal .paging-next {
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    white-space: nowrap;
}
.paging-normal .paging-prev:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 14px;
    border-right: 8px solid #666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.paging-normal .paging-next:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 15px;
    border-left: 8px solid #666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.paging-normal span.paging-prev:before {
    border-right: 8px solid #ccc;
}
.paging-normal span.paging-next:before {
    border-left: 8px solid #ccc;
}
@media screen and (max-width: 768px) {
    .paging-normal {
        margin-top: 25px;
    }
}
@media screen and (min-width: 360px) and (max-width: 768px) {
    .paging-normal .box {
        width: 48px;
        height: 48px;
        font-size: 21px;
        line-height: 46px;
    }
    .paging-normal .paging-prev:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 16px;
        border-right: 10px solid #666;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .paging-normal .paging-next:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 18px;
        border-left: 10px solid #666;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .paging-normal span.paging-prev:before {
        border-right: 10px solid #ccc;
    }
    .paging-normal span.paging-next:before {
        border-left: 10px solid #ccc;
    }
}
/* content paging end */
/* content start */
/* mib2021 리뉴얼 삭제 // */
/* .container #content_inner .section.content-body h4 {
    position: relative;
    padding-top: 60px;
    padding-bottom: 16px;
}
.container #content_inner .section.content-body h4.type-txt {
    font-size: 28px;
    font-weight: bold;
    color: #141414;
    letter-spacing: -0.02em;
}
.container #content_inner .section.content-body h4 img {
    width: auto;
    height: 27px;
    vertical-align: top;
}
.container #content_inner .section.content-body h4.pc-multiline img {
    height: 63px;
}
.container #content_inner .section.content-body h4:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #e51937;
} */
/* // mib2021 리뉴얼 삭제 */
.tab-normal .tab-header .custom-select-wrap {
    display: none;
}
.tab-normal .tab-header ul {
    border-top: 1px solid #4c4c4c;
    border-bottom: 1px solid #4c4c4c;
    overflow: hidden;
}
.tab-normal .tab-header ul li {
    float: left;
    border-right: 1px solid #4c4c4c;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-normal .tab-header ul li:first-child,
.tab-normal .tab-header ul li.bdr-left-1 {
    border-left: 1px solid #4c4c4c;
}
.tab-normal .tab-header ul li.active {
    background-color: #1a1a1a;
}
.tab-normal .tab-header ul li a {display: inline-block;width: 100%;height: 43px;font-size: 18px;line-height: 43px;color: #141414;text-align: center;letter-spacing: -0.08em;box-sizing:border-box;}
.tab-normal .tab-header ul li.active a {color: #fff;}
.tab-normal .tab-body,
.tab-wrap-2 .tab-body-2 {
    outline: none;
}
.tab-normal .tab-body > .content-item ,
.tab-wrap-2 .tab-body-2 > .content-item {
    display: none;
}
.tab-red-point .tab-header ul,
.tab-red-point .tab-header ul li + li {
    border-color: #acacac;
}
.tab-red-point .tab-header ul li.active {
    background-color: #fff;
}
.tab-red-point .tab-header ul li a {
    height: 58px;
    line-height: 58px;
}
.tab-red-point .tab-header ul li.active a {
    font-weight: bold;
    color: #e51937;
}
.video-article-nor {
    height: 395px;
    overflow: hidden;
}
.image-article-nor {
    display: table;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image-article-nor,
.video-article-nor {
    border: 1px solid #e6e6e6;
}
.video-article-nor > div {
    float: left;
    height: 100%;
    vertical-align: top;
}
.image-article-nor > div {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}
.image-article-nor .img-wrap {
    vertical-align: middle;
}
.image-article-nor .img-wrap,
.video-article-nor .video-wrap {
    width: 648px;
    border-right: 1px solid #e6e6e6;
    background-color: #f9f9f9;
}
.image-article-nor .txt-wrap,
.video-article-nor .txt-wrap {
    margin-left: 1px;
    padding: 29px 34px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.video-article-nor .txt-wrap {
    width: 388px;
}
.image-article-nor .txt-wrap .title,
.video-article-nor .txt-wrap .title {
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
    color: #141414;
    letter-spacing: -0.02em;
}
.image-article-nor .txt-wrap .description,
.video-article-nor .txt-wrap .description {
    margin-top: 16px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
    /* mib2021 리뉴얼 삭제 // */
    /* .container #content_inner .section.content-body h4 {
        padding-top: 40px;
    }
    .container #content_inner .section.content-body h4.type-txt {
        font-size: 21px;
    }
    .container #content_inner .section.content-body h4 img {
        height: 20px;
    }
    .container #content_inner .section.content-body h4.mobile-multiline img {
        height: 46px;
    }
    .container #content_inner .section.content-body h4:after {
        width: 18px;
    } */
    /* // mib2021 리뉴얼 삭제 */
    .tab-normal .tab-header .custom-select-wrap {
        display: block;
    }
    .tab-normal .tab-header .custom-select-wrap + ul {
        display: none;
    }
    .tab-normal.not-select .tab-header ul {
        display: block !important;
    }
    .image-article-nor,
    .video-article-nor {
        height: auto !important;
        border: none;
        border-bottom: 1px solid #e6e6e6;
    }
    .image-article-nor > div,
    .video-article-nor > div {
        float: none;
    }
    .image-article-nor .img-wrap,
    .video-article-nor .video-wrap {
        border: 1px solid #e6e6e6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .image-article-nor .img-wrap {
        position: relative;
        width: 100%;
        height: auto;
    }
    .image-article-nor > div {
        display: block;
    }
    .video-article-nor .video-wrap {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 65%;
    }
    .video-article-nor .video-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
    }
    .image-article-nor .txt-wrap,
    .video-article-nor .txt-wrap {
        width: 100%;
        margin-left: 0;
        padding: 20px 0;
        border: none;
    }
    .image-article-nor .txt-wrap {
        height: auto;
    }
    .video-article-nor .txt-wrap {
        height: 215px !important;
    }
    .image-article-nor .txt-wrap .title,
    .video-article-nor .txt-wrap .title {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.05em;
    }
    .image-article-nor .txt-wrap .description,
    .video-article-nor .txt-wrap .description {
        margin-top: 10px;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: -0.03em;
    }
}
/* content end */
/* board start */
.board-list-type .content-body .section-inner {
    padding-top: 30px;
    padding-bottom: 80px;
}
.board-list-type.not-search .content-body .section-inner {
    padding-top: 0 !important;
}
.board-search {
    overflow: hidden;
}
.board-search form,
.board-search > div {
    position: relative;
    float: right;
    padding-left: 77px;
    font-size: 0;
}
.board-search form > *,
.board-search > div > * {
    vertical-align: top;
}
.board-search.not-select form,
.board-search.not-select > div {
    padding-left: 0;
}
.board-search.long-select form,
.board-search.long-select > div {
    padding-left: 175px;
}
.board-search .custom-select-wrap {
    position: absolute;
    display: inline-block;
    width: 72px;
    height: 27px;
    top: 0;
    left: 0;
}
.board-search.long-select .custom-select-wrap {
    width: 170px;
}
.board-search .custom-select-wrap select {
    font-size: 13px;
    padding: 2px 10px;
    color: #141414;
}
.board-search .custom-select-wrap select + svg {
    width: 28px;
    height: 23px;
}
.board-search .input-search-wrap {
    position: relative;
    display: block;
    padding-right: 70px;
    font-size: 0;
}
.board-search input {
    width: 224px;
    height: 27px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 25px;
    color: #141414;
    border: 1px solid #e6e6e6;
}
.board-search input::placeholder {
    color: #767676;
}
.board-search button,
.board-search a {
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 27px;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    background-color: #333;
    border: none;
    letter-spacing: 0.02em;
}
.board-search.not-input form,
.board-search.not-input > div {
    padding-left: 0;
    padding-right: 75px;
}
.board-search.not-btn form,
.board-search.not-btn > div {
    padding-right: 0 !important;
}
.board-search.not-input .custom-select-wrap {
    position: relative;
}
.board-list-type .board-list-wrap {
    margin-top: 30px;
}
.board-list-type .board-list-wrap ul {
    border-top: 1px solid #dadada;
}
.board-list-wrap ul .not-find-search {
    padding: 30px 15px;
    text-align: center;
}
.board-list-type .board-list-wrap ul li {
    border-bottom: 1px solid #dadada;
}
.board-list-type .board-list-wrap ul li > a {
    display: table;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    table-layout: fixed;
}
.device-type-desktop .board-list-type .board-list-wrap ul li > a:hover,
.board-list-type .board-list-wrap ul li > a:focus,
.device-type-desktop .board-list-type .board-list-wrap.list-download ul li:hover {
    background-color: #f7f7f7;
}
.board-list-type .board-list-wrap ul li > a > *,
.board-list-type .board-list-wrap.list-download ul li > * {
    display: table-cell;
    vertical-align: middle;
}
.board-list-type .board-list-wrap ul li > a > div {
    width: 922px;
    overflow: hidden;
}
.board-list-type .board-list-wrap.is-thumbnail ul li > a > .thumbnail-wrap + div {
    width: 772px;
}
.board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap {
    width: 150px;
}
.board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap img {
    width: 130px;
    height: 83px;
    border: 1px solid #e6e6e6;
    vertical-align: top;
}
.board-list-type .board-list-wrap .title,
.board-list-type .board-list-wrap .category,
.board-list-type .board-list-wrap .idx {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.board-list-type .board-list-wrap .title {
    font-weight: bold;
}
.board-list-type .board-list-wrap .summary {
    height: 40px;
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    letter-spacing: -0.02em;
    overflow: hidden;
}
.board-list-type .board-list-wrap .reg-date {
    font-size: 12px;
    line-height: 22px;
    color: #666;
    letter-spacing: 0;
    text-align: right;
}
.board-list-type.not-search .board-list-wrap {
    margin-top: 0;
}
.board-list-type.not-search .board-list-wrap ul {
    border-top: 0;
}
.board-list-type .board-list-wrap.list-only-title ul li > a {
    padding: 26px 20px;
}
.board-list-type .board-list-wrap.list-only-title .title,
.board-list-type .board-list-wrap.list-download .title,
.board-list-type .board-list-wrap.list-category .title {
    font-weight: normal;
    white-space: normal;
}
.board-list-type .board-list-wrap.list-download ul li {
    display: table;
    width: 100%;
    padding: 22px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed;
}
.board-list-type .board-list-wrap.list-download ul li .title-wrap {
    width: 600px;
}
.board-list-type .board-list-wrap.list-download ul li .download-wrap {
    font-size: 0;
    text-align: right;
}
.board-list-type .board-list-wrap.list-download ul li .download-wrap a + a {
    margin-left: 13px;
}
.board-list-type .board-list-wrap.list-download ul li .download-wrap a:last-child {
    margin-right: 0;
}
.board-list-type .board-list-wrap.list-category a {
    padding: 20px 25px;
    table-layout: fixed;
}
.board-list-type .board-list-wrap.list-category a .idx-wrap {
    width: 65px;
}
.board-list-type .board-list-wrap.list-category a .cate-wrap {
    width: 80px;
}
.board-list-type .board-list-wrap.list-category a .title-wrap {
    width: auto;
}
.board-detail-type .content-body {
    padding-bottom: 110px;
}
.board-detail-type .board-detail-header {
    position: relative;
    padding: 25px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
}
.board-detail-type .board-detail-header .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #141414;
}
.board-detail-type .board-detail-header .reg-date {
    display: inline-block;
    margin-top: 15px;
    font-size: 12px;
    color: #666;
}
.board-detail-type .board-detail-body {
    padding: 25px 20px 60px;
}
.board-detail-type .board-detail-thumbnail + .board-detail-body {
    padding-top: 40px;
}
.board-detail-type .board-detail-body * {
    font-size: 13px;
    line-height: 160%;
    color: #666;
}
.board-detail-type .board-detail-body img {height:auto !important;}
.board-detail-type .board-detail-body s {
    text-decoration: line-through;
}
.board-detail-type .board-detail-body u {
    text-decoration: underline;
}
.board-detail-type .board-detail-body a {color:#0782C1;text-decoration:underline;}
.board-detail-type .board-detail-body a * {color:inherit;}
.board-detail-type .board-detail-body em {font-style:italic;}
.board-detail-type .board-detail-body table th,
.board-detail-type .board-detail-body table td {padding:10px;}
.board-detail-type .bd-navi {
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
}
.board-detail-type .bd-navi li {
    position: relative;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.board-detail-type .bd-navi a {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.board-detail-type .bd-navi li + li {
    border-top: 1px solid #b8b8b8;
}
.board-detail-type .bd-navi .strong {
    position: absolute;
    display: inline-block;
    top: 14px;
    left: 20px;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    color: #141414;
}
.board-detail-type .bd-navi .title {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
}
.board-detail-type .bd-navi span.title {
    padding: 14px 0;
}
.device-type-desktop .board-detail-type .bd-navi a:hover .title,
.board-detail-type .bd-navi a:focus .title {
    text-decoration: underline;
}
.board-detail-type .bd-navi .reg-date {
    position: absolute;
    display: inline-block;
    top: 14px;
    right: 20px;
    font-size: 12px;
    line-height: 22px;
    color: #666;
}
.board-detail-type .board-detail-footer .btn-wrap {
    margin-top: 15px;
    text-align: right;
}
.board-detail-type .board-detail-footer .btn-wrap a {
    display: inline-block;
    width: 80px;
    height: 26px;
    border: 1px solid #999;
    text-align: center;
}
.board-detail-type .board-detail-footer .btn-wrap a span {
    display: inline-block;
    padding-left: 18px;
    font-size: 12px;
    line-height: 26px;
    color: #141414;
    background-repeat: no-repeat;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    background-position: 0 center;
    background-image: url(../images/common/component/icon_list.png);
    vertical-align: top;
}
.board-detail-type .board-detail-header .btn-print {
    position: absolute;
    display: inline-block;
    right: 10px;
    bottom: 15px;
    width: 80px;
    height: 26px;
    border: 1px solid #999;
    text-align: center;
}
.board-detail-type .board-detail-header .btn-print span {
    display: inline-block;
    padding-left: 18px;
    font-size: 12px;
    line-height: 26px;
    color: #141414;
    background-repeat: no-repeat;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    background-position: 0 center;
    background-image: url(../images/common/component/icon_print_s.png);
    vertical-align: top;
}
.board-detail-type .board-detail-sub-title {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 15px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.board-detail-type .board-detail-sub-title li {
    position: relative;
    padding-left: 15px;
}
.board-detail-type .board-detail-sub-title li + li {
    margin-top: 10px;
}
.board-detail-type .board-detail-sub-title li:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #e51937;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(../css/PIE.htc);
}
.board-detail-type .board-detail-sub-title li p {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    color: #4c4c4c;
}
.board-detail-type .board-detail-thumbnail {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.board-detail-type .board-detail-thumbnail ul {
    width: 1040px;
    margin-left: -20px;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}
.board-detail-type .board-detail-thumbnail ul li {
    float: left;
    width: 50%;
    padding: 25px 20px;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.board-detail-type .board-detail-thumbnail ul li > * {
    vertical-align: top;
}
.board-detail-type .board-detail-thumbnail a {
    position: relative;
    display: inline-block;
    border: 1px solid #e6e6e6;
}
.board-detail-type .board-detail-thumbnail img.thumbnail {
    width: 240px;
    height: 135px;
    vertical-align: top;
}
.board-detail-type .board-detail-thumbnail img.closeup {
    position: absolute;
    width: 33px;
    height: 33px;
    right: 0;
    bottom: 0;
}
.board-detail-type .board-detail-thumbnail p {
    display: inline-block;
    width: 214px;
    margin-left: 22px;
    font-size: 12px;
    line-height: 20px;
    color: #4c4c4c;
}
/* 231117 esg.scss 로 이동
.board-img-list-wrap {
    overflow: hidden;
}
.board-img-list-wrap > ul {
    position: relative;
    width: 1104px;
    bottom: -1px;
    margin-left: -32px;
    border-top: 1px solid #a5a5a5;
    overflow: hidden;
}
.board-img-list-wrap > ul > li {
    float: left;
    width: 368px;
    padding: 25px 32px 29px;
    border-bottom: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.board-img-list-wrap .img-wrap {
    position: relative;
}
.board-img-list-wrap .img-wrap img {
    position: relative;
    width: 120px;
    height: 140px;
    z-index: 1;
}
.board-img-list-wrap .img-wrap:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 4px;
    left: 4px;
    background-color: #e5e5e5;
}
.board-img-list-wrap .year {
    height: 25px;
    font-size: 30px;
    line-height: 120%;
    color: #141414;
}
.board-img-list-wrap .year img {
    width: auto;
    height: 100%;
    vertical-align: top;
}
.board-img-list-wrap .box-body {
    position: relative;
    margin-top: 15px;
}
.board-img-list-wrap .box-body > * {
    float: left;
}
.board-img-list-wrap .box-body span {
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    color: #141414;
    letter-spacing: -0.05em;
}
.board-img-list-wrap .box-body ul {
    position: absolute;
    left: 120px;
    bottom: 0;
}
.board-img-list-wrap .box-body ul li + li {
    margin-top: 9px;
}
.board-img-list-wrap .link-wrap {
    float: right;
    display: inline-block;
    width: 82px;
}
.board-img-list-wrap .link-wrap a + a {
    margin-top: 9px;
}
.board-img-list-wrap .float-box {
    width: 184px;
    padding-left: 12px;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.board-img-list-wrap .float-box > * {
    vertical-align: top;
} */
@media screen and (max-width: 768px) {
    .board-list-type .content-body .section-inner {
        padding-top: 10px;
        padding-bottom: 65px;
    }
    .board-list-type .board-list-wrap {
        margin-top: 10px;
    }
    .board-list-type .board-list-wrap ul li > a,
    .board-list-type .board-list-wrap.list-download ul li,
    .board-list-type .board-list-wrap.list-category a {
        padding: 16px 0;
    }
    .board-list-type .board-list-wrap.list-only-title ul li > a {
        padding: 12px 0;
    }
    .board-list-type .board-list-wrap ul li > a > *,
    .board-list-type .board-list-wrap.list-download ul li > * {
        display: block;
    }
    .board-list-type .board-list-wrap.list-category a .idx-wrap {
        display: table-cell;
        width: 60px;
    }
    .board-list-type .board-list-wrap.list-category a .cate-wrap {
        width: auto !important;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div,
    .board-list-type .board-list-wrap ul li > a > div {
        width: 100%;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a {
        position: relative;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap {
        position: absolute;
        top: 16px;
        left: 0;
        width: 146px;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap img {
        width: 100%;
        height: 96px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap + div {
        width: 100%;
        padding-left: 161px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .board-list-type .board-list-wrap.list-download ul li .title-wrap {
        width: 100% !important;
    }
    .board-list-type .board-list-wrap .title,
    .board-list-type .board-list-wrap .category,
    .board-list-type .board-list-wrap .idx {
        font-size: 15px;
    }
    .board-list-type .board-list-wrap.list-only-title .title,
    .board-list-type .board-list-wrap.list-download .title {
        font-weight: bold;
    }
    .board-list-type .board-list-wrap.list-category .title {
        color: #666;
    }
    .board-list-type .board-list-wrap .summary {
        margin-top: 8px;
        text-align: left;
    }
    .board-list-type .board-list-wrap.list-download ul li .download-wrap {
        text-align: left;
    }
    .board-list-type .board-list-wrap.list-download ul li .download-wrap a {
        margin-top: 8px;
        margin-left: 0 !important;
        margin-right: 12px;
    }
    .board-list-type .board-list-wrap .reg-date {
        margin-top: 8px;
        text-align: left;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap + div + .reg-date {
        margin-top: 4px;
        padding-left: 161px;
    }
    .board-list-type .board-list-wrap.list-only-title .reg-date {
        margin-top: 4px;
    }
    .board-search form,
    .board-search > div {
        float: none;
    }
    .board-search.long-select form,
    .board-search.long-select > div {
        padding-left: 0;
    }
    .board-search.not-input form,
    .board-search.not-input > div {
        padding-right: 45px;
    }
    .board-search.not-input form .custom-select-wrap,
    .board-search.not-input > div .custom-select-wrap {
        width: 100%;
    }
    .board-search .custom-select-wrap {
        height: 40px;
    }
    .board-search.long-select .custom-select-wrap {
        position: relative;
        width: 100%;
    }
    .board-search .custom-select-wrap select {
        padding: 8px 10px;
    }
    .board-search.long-select .custom-select-wrap select {
        padding: 8px 12px;
    }
    .board-search .custom-select-wrap select + svg {
        height: 36px;
    }
    .board-search.long-select .custom-select-wrap select + svg {
        width: 38px;
    }
    .board-search .input-search-wrap {
        padding-right: 40px;
    }
    .board-search.long-select .input-search-wrap {
        margin-top: 5px;
    }
    .board-search input {
        width: 100%;
        height: 40px;
        line-height: 38px;
    }
    .board-search.long-select input {
        padding: 0 16px;
    }
    .board-search button,
    .board-search a {
        width: 40px;
        height: 40px;
        text-indent: -99999px;
        overflow: hidden;
        white-space: nowrap;
        background-image: url(../images/common/component/btn_search.png);
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .board-detail-type .content-body {
        padding-bottom: 60px;
    }
    .board-detail-type .board-detail-header {
        padding: 20px 0;
    }
    .board-detail-type .board-detail-body {
        padding: 15px 0 45px;
    }
    .board-detail-type .board-detail-body * {
        font-size: 14px;
    }
    .board-detail-type .board-detail-body table {
        width: 100% !important;
    }
    .board-detail-type .board-detail-body table th,
    .board-detail-type .board-detail-body table td {width: auto !important;word-break: normal;padding:5px;}
    .board-detail-type .bd-navi li {
        padding: 29px 0 0;
    }
    .board-detail-type .bd-navi a,
    .board-detail-type .bd-navi span.title {
        padding: 13px 0;
    }
    .board-detail-type .bd-navi .strong {
        top: 13px;
        left: 0;
        font-size: 14px;
    }
    .board-detail-type .bd-navi .reg-date {
        top: 13px;
        right: 0;
    }
    .board-detail-type .board-detail-header .btn-print {
        right: 0;
    }
    .board-detail-type .board-detail-sub-title {
        width: 100%;
        padding: 15px 0;
    }
    .board-detail-type .board-detail-thumbnail ul {
        width: 100%;
        margin-left: 0;
        border-bottom: none;
    }
    .board-detail-type .board-detail-thumbnail ul li {
        float: none;
        width: 100%;
        padding: 17px 0;
        border-bottom: 1px solid #e8e8e8;
    }
    .board-detail-type .board-detail-thumbnail {
        width: auto;
    }
    .board-detail-type .board-detail-thumbnail a {
        width: 100%;
    }
    .board-detail-type .board-detail-thumbnail img.thumbnail {
        width: 100%;
        height: auto;
    }
    .board-detail-type .board-detail-thumbnail p {
        display: block;
        width: auto;
        margin: 17px 0 0;
        line-height: 18px;
    }
    .board-detail-type .board-detail-thumbnail img.closeup {
        width: 42px;
        height: 42px;
    }
    /* 231117 esg.scss 로 이동
    .board-img-list-wrap > ul {
        width: 100%;
        bottom: 0;
        margin-left: 0;
    }
    .board-img-list-wrap > ul > li {
        float: none;
        width: 100%;
        padding: 25px 0 29px;
    }
    .board-img-list-wrap .box-body {
        margin-top: 15px;
    }
    .board-img-list-wrap .box-body ul {
        left: auto;
        right: 0;
    }
    .board-img-list-wrap .img-wrap img {
        width: 144px;
        height: 168px;
    } */
}
@media screen and (max-width: 500px) {
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap + div {
        height: 66px;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap + div .title {
        white-space: normal;
        text-overflow: clip;
    }
    .board-list-type .board-list-wrap.is-thumbnail .thumbnail-wrap + div > .summary {
        display: none;
    }
    .board-list-type .board-list-wrap.is-thumbnail ul li > a > div.thumbnail-wrap + div + .reg-date {
        margin-top: 8px;
    }
}
@media screen and (max-width: 400px) {
    .board-list-type .board-list-wrap.list-download ul li .download-wrap a {
        margin-right: 6px;
    }
}
@media screen and (max-width: 359px) {
    /* 231117 esg.scss 로 이동
    .board-img-list-wrap .box-body {
        height: 140px;
    }
    .board-img-list-wrap .img-wrap img {
        width: 106px;
        height: auto;
    } */
}
@media screen and (max-width: 320px) {
    .board-list-type .board-list-wrap.list-download ul li .download-wrap a {
        margin-right: 12px;
    }
    /*.board-list-type .board-list-wrap.list-download ul li .download-wrap a.last-obj {*/
        /*margin-top: 8px;*/
    /*}*/
    /*.board-list-type .board-list-wrap.list-download ul li .download-wrap a.first-obj.last-obj {*/
        /*margin-top: 0 !important;*/
    /*}*/
}
/* board end */
/* board popup start */
.popup-page {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-page .popup-header {
    padding-bottom: 13px;
    border-bottom: 2px solid #8c8c8c;
}
.popup-page .popup-header h1 {
    height: 35px;
}
.popup-page .popup-header h1 img {
    width: auto;
    height: 100%;
}
.popup-page .popup-body {
    margin-top: 25px;
}
.popup-page .popup-body .title {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #141414;
}
.popup-page .popup-body .reg-date {
    display: inline-block;
    margin-top: 14px;
    font-size: 12px;
    color: #666;
}
.popup-page .popup-body .img-wrap {
    margin-top: 28px;
}
.popup-page .popup-body .img-wrap img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.popup-page .popup-body .btn-wrap {
    margin-top: 33px;
    font-size: 0;
    text-align: center;
}
.popup-page .popup-body .btn-wrap a {
    display: inline-block;
    width: 148px;
    height: 34px;
    text-align: center;
    border: 1px solid #4c4c4c;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.popup-page .popup-body .btn-wrap a span {
    display: inline-block;
    height: 34px;
    font-size: 15px;
    line-height: 34px;
    color: #1a1a1a;
    letter-spacing: -0.02em;
}
.popup-page .popup-body .btn-wrap .btn-popup-close {
    margin-right: 10px;
}
.device-type-desktop .popup-page .popup-body .btn-wrap .btn-popup-close {
    display: none;
}
.popup-page .popup-body .btn-wrap .btn-popup-print span {
    padding-left: 32px;
    background-image: url(../images/common/component/icon_print.png);
    background-repeat: no-repeat;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
    background-position: 0 center;
}
@media screen and (max-width: 768px) {
    .popup-page {
        padding: 15px;
    }
}
@media screen and (max-width: 320px) {
    .popup-page .popup-body .btn-wrap a {
        width: 138px;
    }
}
/* board popup end */
/* accordion start */
.accordion-wrap {
    border-top: 1px solid #8c8c8c;
}
.accordion-wrap > li {
    position: relative;
    border-bottom: 1px solid #d1d1d1;
}
.accordion-wrap > li:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 8px;
    top: 31px;
    right: 30px;
    background-image: url(../images/common/component/tab_arrow.png);
    background-position: 0 0;
    -webkit-background-size: 13px auto;
    background-size: 13px auto;
    pointer-events: none;
}
.accordion-wrap > li.expanded:after {
    background-position: 0 -9px;
}
.accordion-wrap .accordion-header {
    padding-left: 75px;
    background-image: url(../images/common/component/question.png);
    background-position: 25px 27px;
    background-repeat: no-repeat;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}
.accordion-wrap .accordion-header a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 24px 70px 24px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion-wrap.accor-wrap-cate .accordion-header a {
    padding-left: 165px;
}
.accordion-wrap .accordion-header a p,
.accordion-wrap .cate {
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    letter-spacing: -0.02em;
}
.accordion-wrap .cate {
    position: absolute;
    top: 24px;
    left: 0;
}
.accordion-wrap li.expanded .accordion-header a p,
.accordion-wrap li.expanded .cate {
    font-weight: bold;
}
.accordion-wrap .accordion-body {
    display: none;
    padding: 40px 70px 40px 75px;
    border-top: 1px solid #ededed;
    background-image: url(../images/common/component/answer.png);
    background-position: 25px 44px;
    background-repeat: no-repeat;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}
.accordion-wrap.accor-wrap-cate .accordion-body {
    padding-left: 240px;
}
@media screen and (max-width: 768px) {
    .accordion-wrap .accordion-header {
        padding-left: 50px;
        background-position: 0 24px;
    }
    .accordion-wrap .accordion-header a {
        padding: 20px 30px 20px 0;
    }
    .accordion-wrap.accor-wrap-cate .accordion-header a {
        padding-left: 0 !important;
    }
    .accordion-wrap .cate {
        position: static;
        font-size: 15px;
    }
    .accordion-wrap .accordion-header a p {
        font-size: 15px;
    }
    .accordion-wrap.accor-wrap-cate .accordion-header a p {
        margin-top: 10px;
    }
    .accordion-wrap > li:after {
        top: 27px;
        right: 0;
    }
    .accordion-wrap .accordion-body {
        border-top: none;
        padding: 0 30px 20px 50px;
        background-position: 0 4px;
    }
    .accordion-wrap.accor-wrap-cate .accordion-body {
        padding-left: 50px;
    }
}
/* accordion end */
/* privacy start */
.privacy-wrap * {
    font-size: 13px;
    line-height: 21px;
    color: #666;
}
.privacy-wrap .mt10 {
    margin-top: 10px;
}
.privacy-wrap dt {
    margin:30px 0 10px;
    color:#141414;
    font-size:14px;
    font-weight:bold;
}
.privacy-wrap dl.f dt {
    margin-top: 0;
}
.privacy-wrap li {
    margin-left: 15px;
}
.privacy-wrap ol li {
    list-style: decimal;
}
.privacy-wrap ol li + li {
    margin-top: 10px;
}
.privacy-wrap .dlist_new dt {
    margin:30px 0 10px;
    color:#f58026;
    font-size:14px;
    font-weight:bold;
}
.privacy-wrap .sublist01 {
    margin-top: 10px;
}
.privacy-wrap .sublist01 li {
    list-style:none;
    margin: 0;
    padding: 0 0 0 15px;
    text-indent: -15px;
}
.privacy-wrap .sublist01 li + li {
    margin-top: 10px;
}
.privacy-wrap .sublist02 li {
    list-style: circle;
    padding: 0;
    margin-left: 15px;
    text-indent: 0;
}
.privacy-wrap .sublist03 dt {
    margin:10px 0 0;
    color:#333;
    font-size:12px;
}
.privacy-wrap .version {
    margin: 20px 0 0;
}
.privacy-wrap .version li {
    margin:5px 0 0;
    font-weight:bold;
    color:#444;
}
.privacy-wrap table th,
.privacy-wrap table td {
    vertical-align: middle;
    word-break: break-all;
}
.privacy-wrap table th {
    font-weight: bold;
}
.privacy-wrap .table01 {
    margin-top: 10px;
}
.privacy-wrap .table01 th,
.privacy-wrap .table01 td {
    border: 1px solid #cfcfcf;
    padding: 6px 10px;
    text-indent: 0;
}
.privacy-wrap .table01 th {
    border-bottom: none;
}
.privacy-wrap .privacy-inner {
    display: none;
    padding: 28px;
}
.privacy-wrap .privacy-inner.view {
    display: block;
}
@media screen and (max-width: 768px) {
    .privacy-wrap .privacy-inner {
        padding: 25px 10px;
    }
}
/* privacy end */
/* table start */
.table-type-nor {
    position: relative;
    padding-top: 50px;
    border-top: 1px solid #8c8c8c;
    background-color: #f9f9f9;
}
.table-type-nor ul {
    border-top: 1px solid #8c8c8c;
    background-color: #fff;
}
.table-type-nor ul li {
    padding: 14px 0;
    font-size: 0;
    border-bottom: 1px solid #d1d1d1;
}
.table-type-nor ul li > span {
    display: inline-block;
    text-align: center;
}
.table-type-nor ul li span {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    color: #1a1a1a;
    letter-spacing: -0.05em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-type-nor ul li .rel {
    position: relative;
}
.table-type-nor ul li .cate,
.table-type-nor ul li .cate-th,
.table-type-nor ul li .th {
    font-weight: bold;
    color: #4c4c4c;
}
.table-type-nor ul li .cate-th,
.table-type-nor ul li .th {
    font-size: 15px;
}
.table-type-nor ul li .cate {
    padding-left: 20px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-type-nor ul li .th {
    display: none;
}
.table-type-nor ul li .cate-th {
    position: absolute;
    top: 15px;
    left: 20px;
}
.table-type-nor ul li:first-child .th {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: -50px;
    left: 0;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .table-type-nor {
        padding-top: 0;
        border-top: none;
    }
    .table-type-nor ul {
        border-top: 1px solid #a5a5a5;
    }
    .table-type-nor ul li {
        padding-top: 0;
        border-bottom: 1px solid #a5a5a5;
    }
    .table-type-nor ul li > span {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: left;
    }
    .table-type-nor ul li > span > * {
        vertical-align: top;
    }
    .table-type-nor ul li .th {
        position: static !important;
        display: inline-block;
        width: 50% !important;
        top: auto !important;
        left: auto !important;
        margin-right: 18px;
        font-size: 13px;
        text-align: left !important;
        border-right: 1px solid #d1d1d1;
    }
    .table-type-nor ul li .cate {
        padding-top: 14px;
        padding-bottom: 14px;
        margin-bottom: 14px;
        border-bottom: 1px solid #dbdbdb;
        background-color: #f9f9f9;
    }
    .table-type-nor ul li .cate-th {
        display: none;
    }
    .table-type-nor ul li span {
        color: #666;
    }
    .table-type-nor ul li .cate,
    .table-type-nor ul li .cate-th,
    .table-type-nor ul li .th {
        color: #333 !important;
    }
}
/* table end */
/* btn page top start */
#btn_page_top {
    position: fixed;
    display: none;
    width: 44px;
    height: 44px;
    right: 14px;
    bottom: 14px;
    font-size: 12px;
    line-height: 54px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    background-color: #141414;
    background-repeat: no-repeat;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    background-position: center 8px;
    background-image: url(../images/common/component/btn_arrow_top_page.png);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 100;
}
/* btn page top end */
/* side menu start */
.side-menu {
    position: fixed;
    top: 328px;
    right: 50%;
    width: 180px;
    margin-right: -770px;
    z-index: 1;
    background-color: #fff;
}
.side-menu .chart-wrap {
    padding: 10px 0;
    border: 1px solid #d1d1d1;
    text-align: center;
}
.side-menu .download-wrap {
    margin-top: -1px;
    padding: 20px 9px 18px;
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}
.side-menu .download-wrap p {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.05em;
}
.side-menu .download-wrap a {
    display: block;
    padding: 5px;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.side-menu .download-wrap a + a {
    margin-top: 12px;
}
.side-menu .download-wrap .invest-download-nor {
    padding-left: 28px;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
    .side-menu {
        position: static;
        width: auto;
        margin-right: 0;
    }
    .side-menu .side-menu-inner {
        padding: 40px 15px 105px;
    }
    .side-menu .chart-wrap {
        width: 180px;
    }
    .side-menu .download-wrap {
        width: 100%;
        margin-top: 15px;
        padding: 20px 10px;
        border-left: none;
        border-right: none;
    }
    .side-menu .download-wrap p {
        margin-bottom: 12px;
        font-size: 14px;
    }
    .side-menu .download-wrap a {
        display: inline-block;
        min-width: 150px;
        width:auto;
    }
    .side-menu .download-wrap a + a {
        margin-top: 0;
        margin-left: 10px;
    }
    .side-menu .download-wrap .invest-download-nor {
        padding-left: 24px;
        font-size: 12px;
    }
}
@media screen and (max-width: 359px) {
    .side-menu .download-wrap a + a {
        margin-top: 10px;
        margin-left: 0;
    }
}
/* side menu end */
/* popup */
.privacy-policy-all-page .popup-layer {display: none;position: fixed;display: none;top:0;left:0;right:0;bottom:0;z-index:1000;}
.privacy-policy-all-page .popup-layer.show {display: block;}
.privacy-policy-all-page .popup {position:absolute;top:50%;left:0;right:0;width:670px;margin:-250px auto 0;background-color:#fff;border:1px solid #666;-webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.4);-moz-box-shadow: 0 5px 30px rgba(0,0,0,0.4);box-shadow: 0 5px 30px rgba(0,0,0,0.4);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.privacy-policy-all-page .popup .popup-header {position: relative;padding:20px;border-bottom:1px solid #858585;}
.privacy-policy-all-page .popup .popup-header h1 {font-size:22px;line-height:29px;font-weight:bold;color:#000;text-align: center;}
.privacy-policy-all-page .popup .popup-header .btn-close-popup {position:absolute;display:inline-block;top:19px;right:20px;width:30px;height:30px;border:none;text-align: center;background:url(../images/common/component/popup_close.png) center no-repeat;background-size:20px 20px;}
.privacy-policy-all-page .popup .popup-header button.btn-close-popup span {display: inline-block;}
.privacy-policy-all-page .popup .popup-body {height:428px;overflow: auto;}
.privacy-policy-all-page .popup .popup-body .inner {padding:35px;}
@media screen and (max-width: 768px) {
    .privacy-policy-all-page .popup {left: 15px;right:15px;top:10%;bottom:10%;width:auto;margin-top:0;}
    .privacy-policy-all-page .popup .popup-header {padding:11px;}
    .privacy-policy-all-page .popup .popup-header h1 {font-size:20px;line-height: 23px;}
    .privacy-policy-all-page .popup .popup-header .btn-close-popup {top:8px;right:15px;}
    .privacy-policy-all-page .popup .popup-body {position: absolute;top:46px;left:0;right:0;bottom:0;height:auto;}
    .privacy-policy-all-page .popup .popup-body .inner {padding:25px 15px;}
}
/* //popup */
/*mib191130 수정//*/
@media (min-width: 769px) {
 #content {width: 100%;}
 #content_inner {width: 100%;}
}
/*//mib191130 수정*/