@charset "UTF-8";
@import url("common_pc.css");
@media only all and (max-width: 1023px) {
    html {
        font-size: 1.5rem;
        /* 기본베이스 폰트사이즈 24px */
        line-height: 1.5rem;
        /* 기본베이스 line-height 사이즈 24px */
    }
    body {
        background-color: #fff !important;
    }
    .wrapper {
        position: relative;
        margin: 0;
        padding-top: 4.5833rem;
        clear: both;
        overflow: hidden;
    }
    .wrapper:after {
        content: "";
        clear: both;
        display: block;
    }
    /* header */
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 4.5833rem;
        padding: 0 1.25rem;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.15);
        border-bottom: 0;
        z-index: 100;
    }
    .wrapper.fixed .header {
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0px 0.20833rem 0.20833rem 0px rgba(0, 0, 0, 0.15);
    }
    .gnb-wrapper {
        display: none;
    }
    .header-wrapper {
        position: static;
        width: 100%;
        height: 4.583rem;
        clear: both;
        padding-left: 0;
        padding-right: 0;
        border-top: 0;
    }
    .header-area {
        max-width: 100%;
        height: 4.5833rem;
        padding: 0;        
    }
    .header-area h1 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4.5833rem;
        margin: 0;
    }
    .header-area h1>a .logo {
        width: 10rem;
    }
    .header-area h1>a p {
        font-size: 1.231rem;
    }
    .top-menu-wrapper {
        display: none;
    }
    .right-side-menu-wrapper {
        margin-top: 0;
    }
    .right-side-menu-area {
        position: absolute;
        top: 0;
        right: 4.7916rem;
        display: flex;
        align-items: center;
        width: 2.8333rem;
        height: 4.5833rem;
    }
    .right-side-menu-wrapper .btn-option,
    .right-side-menu-wrapper .global-list,
    .right-side-menu-wrapper .btn-log {
        display: none;
    }
    .btn-popup-bell {
        width: 1.8333rem;
        height: 1.8333rem;
        margin-right: 1.25rem;
    }
    .btn-popup-bell>.icon-bell {
        width: 1.8333rem;
        height: 1.8333rem;
        background-image: url(../img/common/icon_bell01_mobile.png);
        background-repeat: no-repeat;
        background-size: 1.8333rem 1.8333rem;
        background-position: center center;
    }
    .btn-popup-bell>.icon-bell>img {
        display: none;
    }
    .btn-popup-bell>.icon-bell>.badge {
        top: -0.562rem;
        margin-left: 0.125rem;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        padding: 0 0.208rem;
        font-size: 0.833rem;
        border-radius: 0.75rem;
    }
    .header-total-search-wrapper {
        float: left;
        width: 23px;
        margin-left: 48px;
    }
    .header-total-search-wrapper>img {
        display: block;
        width: 23px;
    }
    .btn-popupzone {
        display: none;
    }
    .icon-window {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
    .top-menu-wrapper {
        display: none;
    }
    .side-menu-area {
        display: none;
    }
    .total-menu-search-wrapper {
        display: flex;
        align-items: center;
        width: 1.8333rem;
        height: 4.583rem;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0.5rem;
        margin-top: -0.125rem;
    }
    .total-search-wrapper {
        position: static;
        float: right;
        display: block;
        width: auto;
        height: auto;
    }
    .total-search-wrapper:after {
        content: "";
        clear: both;
        display: block;
    }
    .total-search-wrapper>.btn-total-search {
        position: absolute;
        top: 50%;
        right: 5rem;
        display: block;
        width: 2.8333rem;
        height: 2.8333rem;
        background-position: center center;
        background-size: 1.5rem 1.5rem;
        margin-top: -1.41665rem;
    }
    .total-search-wrapper>.total-search-area {
        position: fixed;
        top: 0;
        right: 0;
        display: none;
        width: 100%;
        height: 4.583rem;
        padding: 1.042rem 4.25rem 0 3.833rem;
        margin: 0;
        border: 0;
        background-color: #0098bd;
        z-index: 110;
    }
    .total-search-wrapper>.total-search-area:after {
        content: "";
        clear: both;
        display: block;
    }
    .total-search-area input[type="search"] {
        float: none;
        display: block;
        width: 100%;
        height: 2.692rem;
        margin-right: 0;
        text-indent: 0.9167rem;
        color: #828282;
        font-size: 0.9231rem;
        background-color: #fff;
    }
    .total-search-area input[type="search"]:focus {
        color: #000;
    }
    .total-search-area input[type="search"]::-webkit-search-cancel-button {
        position: absolute;
        -webkit-appearance: none;
        top: 50%;
        right: 0.4167rem;
        height: 1.083rem;
        width: 1.083rem;
        margin-top: -0.5417rem;
        display: block;
        background-image: url(../img/icon/icon_search_delete01.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 1.083rem 1.083rem;
    }
    .total-search-area input[type="submit"] {
        position: absolute;
        top: 1.042rem;
        right: 1.458rem;
        float: none;
        width: 2.692rem;
        height: 2.692rem;
        margin-top: 0;
        background-image: url(../img/common/icon_search04.png);
        background-size: 1.167rem 1.167rem;
        background-position: center center;
        background-color: #333;
        text-indent: -5000rem;
        border: 0;
        border-radius: 0.125rem;
        -webkit-appearance: none;
    }
    .total-search-area .btn-close {
        position: absolute;
        top: 1.042rem;
        left: 1.458rem;
        display: block;
        margin-top: 0;
        margin-right: 0;
        display: block;
        width: 2.292rem;
        height: 2.692rem;
        background-image: url(../img/common/btn_close02@2x.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1.333rem 1.333rem;
        text-indent: -5000rem;
        background-color: transparent;
    }
    .btn-totalmenu {
        position: absolute;
        top: 50%;
        right: 1.125rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.8333rem;
        height: 2.8333rem;
        margin-top: -1.41665rem;
        background-color: #084880;
        border-radius: 100%;
    }
    .btn-totalmenu .menu {
        position: relative;
        display: block;
        width: 1.2917rem;
        height: 1rem;
        margin: 0 auto;
    }
    .btn-totalmenu .menu>span {
        position: absolute;
        display: block;
        width: 100%;
        height: 0.1667rem;
        background-color: #fff;
    }
    .btn-totalmenu.active .menu>span {
        background-color: #000;
    }
    .btn-totalmenu.active .menu>span {
        width: 100%;
    }
    .btn-totalmenu .menu>span:nth-child(1) {
        top: 0;
    }
    .btn-totalmenu .menu>span:nth-child(2) {
        top: 0.4167rem;
        width: 0.75rem;
    }
    .btn-totalmenu .menu>span:nth-child(3) {
        bottom: 0;
    }
    .mask-totalmenu {
        display: none;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
        z-index: 100;
    }
    .totalmenu-wrapper {
        display: block;
        position: fixed;
        top: 0;
        width: 26.25rem;
        right: -26.25rem;
        height: 100%;
        border-top: 0;
        background: #ffffff;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: 10000;
    }
    .totalmenu-wrapper.active {
        right: 0;
        box-shadow: 0.2083rem 0px 0.625rem 0px rgba(0, 0, 0, 0.3);
    }
    .wrapper.fixed .totalmenu-wrapper {
        top: 0;
    }
    .mobile-gnb-wrapper {
        height: 11.54rem;
        padding: 4.542rem 1.958rem 0 1.958rem;
        background-color: #105eb1;
    }
    .language-menu {
        position: absolute;
        top: 1.75rem;
        left: 1.4167rem;
        display: block;
    }
    .language-menu:after {
        display: block;
        content: "";
        clear: both;
    }
    .language-menu>li {
        float: left;
        margin-right: 0.20833rem
    }
    .language-menu>li>a {
        display: block;
        width: 3.3333rem;
        height: 1.6667rem;
        border-radius: 0.83333rem;
        border: 2px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        color: rgba(0, 0, 0, 0.35);
        text-align: center;
        font-weight: 500;
        font-size: 1.1667rem;
        line-height: 1.5rem;
    }

    .mobile-gnb-wrapper .global-list {
        position: absolute;
        top: 1.083rem;
        left: 1.667rem;
    }



    .mobile-gnb-wrapper .global-list>dt {
        height: 1rem;
    }

    .mobile-gnb-wrapper .global-list>dt>button {
        height: 1.5rem;
        color: #fff;
        font-size: 1rem;
        padding-right: 1rem;
        font-family: 'Play', sans-serif !important;
    }

    .mobile-gnb-wrapper .global-list>dt>button:before {
        width: 0.563rem;
        height: 0.313rem;
        margin-top: -0.05rem;
        background-size: 0.563rem 0.313rem;
    }

    .mobile-gnb-wrapper .global-list>dd {
        position: absolute;
        top: 1.875rem;
        left: 50%;
        width: 15.75rem;
        margin-left: -1.875rem;
        border-radius: 0.5rem;
    }

    .mobile-gnb-wrapper .global-list>dd:before {
        left: 1.875rem;
        width: 1rem;
        height: 0.625rem;
        background-size: 1rem 0.625rem;
        background-position: 0 0;
    }

    .mobile-gnb-wrapper .global-list>dd>ul {
        padding: 1.5rem 1.25rem;
    }

    .mobile-gnb-wrapper .global-list>dd>ul>li>a {
        padding: 0.625rem;
    }

    .mobile-gnb-wrapper .global-list>dd>ul>li>a>strong {
        font-size: 1rem;
    }

    .mobile-gnb-wrapper .global-list>dd>ul>li>a[target="_blank"]>strong:after {
        right: -0.917rem;
        width: 0.563rem;
        height: 0.625rem;
        margin-top: -0.313rem;
        background-size: 0.563rem 0.625rem;
    }

    .mobile-gnb-wrapper .global-list>dd>ul>li>a:hover,
    .mobile-gnb-wrapper .global-list>dd>ul>li>a:focus {
        border-radius: 0.208rem;
    }

    .mobile-gnb-wrapper .global-list>dd>ul>li>a>img {
        width: 1.563rem;
    }



    .mobile-gnb-wrapper>.gnb-menu {
        display: block;
    }
    .mobile-gnb-wrapper>.gnb-menu:after {
        content: "";
        clear: both;
        display: block;
    }
    .mobile-gnb-wrapper>.gnb-menu>li {
        float: left;
        margin-left: 2%;
        width: 32%;
    }
    .mobile-gnb-wrapper>.gnb-menu>li:first-child {
        margin-left: 0;
    }
    .mobile-gnb-wrapper>.gnb-menu>li>a {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
    }
    .mobile-gnb-wrapper>.gnb-menu>li>a>img {
        display: block;
        width: 3.75rem;
        margin: 0 auto 0.4167rem auto
    }
    .mobile-gnb-wrapper>.gnb-menu>li>a>strong {
        display: block;
        width: 100%;
        color: #ffffff;
        font-size: 1.167rem;
        line-height: 1.5rem;
        font-weight: 500;
    }
    .totalmenu-area {
        position: relative;
        width: 100%;
        height: calc(100% - 11.54rem);
        padding: 0 0 0 8.292rem;
        margin: 0;
    }
    .totalmenu-depth1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 8.292rem;
        height: 100%;
        background: #f6f6f9;
    }
    .totalmenu-depth1>ul {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .totalmenu-depth1>ul>li {
        display: block;
    }
    .totalmenu-depth1>ul>li>button,
    .totalmenu-depth1>ul>li>a {
        position: relative;
        display: table;
        width: 8.292rem;
        height: 8.292rem;
        padding: 0 1rem;
        border-bottom: 1px solid #d2d2d2;
        border-radius: 0;
    }
    .totalmenu-depth1>ul>li:last-child>button,
    .totalmenu-depth1>ul>li:last-child>a {
        border-bottom: 0
    }
    .totalmenu-depth1>ul>li>button>span,
    .totalmenu-depth1>ul>li>a>span {
        display: table-cell;
        vertical-align: middle;
        width: 8.292rem;
        font-size: 1.3333rem;
        line-height: 1.517rem;
        color: #828282;
        letter-spacing: -0.25px;
        font-weight: 500;
        word-break: keep-all;
        text-align: center;
        line-break: anywhere;
        overflow-wrap: anywhere;
        
    }
    .totalmenu-depth1>ul>li>button.active,
    .totalmenu-depth1>ul>li>button.active.point,
    .totalmenu-depth1>ul>li>a.active,
    .totalmenu-depth1>ul>li>a.active.point {
        background: #1890c4;
    }
    .totalmenu-depth1>ul>li>button.point,
    .totalmenu-depth1>ul>li>a.point {
        background: #1890c4;
            
    }
    .totalmenu-depth1>ul>li>button.active>span,
    .totalmenu-depth1>ul>li>button.point>span,
    .totalmenu-depth1>ul>li>a.active>span,
    .totalmenu-depth1>ul>li>a.point>span {
        color: #fff;
    }
    .totalmenu-depth2-wrapper {
        display: block;
        height: 100%;
        overflow: hidden;
    }
    .totalmenu-depth2-area {
        position: relative;
        /*
		width: 100%;
		*/
        width: 33.416rem;
        /* 2020.12.10 추가 된 내용 */
        height: 100%;
        transition: all 0.2s ease-in-out;
    }
    .totalmenu-depth2-area.active,
    .totalmenu-depth2-area.dpeth3-moving {
        left: -16.708rem !important;
        /* 2020.12.10 추가 된 내용 */
        transition: all 0.2s ease-in-out;
    }
    .totalmenu-depth2-area.dpeth2-moving {
        left: 0 !important;
        transition: all 0.2s ease-in-out;
    }
    .totalmenu-depth2-area:after {
        content: "";
        clear: both;
        display: block;
    }
    .totalmenu-depth2-box {
        position: relative;
        float: left;
        /*
		width: 100%;
		*/
        width: 16.708rem;
        /* 2020.12.10 추가 된 내용 */
        height: 100%;
    }
    .totalmenu-depth2-group {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        /*
		width: 100%;
		*/
        width: 100%;
        /* 2020.12.10 추가 된 내용 */
        height: 100%;
        padding: 0 1.462rem;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        display: none;
    }
    .totalmenu-depth2-group.topmenu1 {
        display: block;
        z-index: 10;
    }
    .totalmenu-depth2-group.active {
        display: block;
        z-index: 10;
    }
    .totalmenu-depth2-group.point {
        display: block;
        z-index: 20;
    }
    .totalmenu-depth2-group>h2 {
        display: block;
        color: #212121;
        font-size: 1.5rem;
        line-height: 1.846rem;
        font-weight: 700;
        padding-top: 1.769rem;
        padding-bottom: 1.077rem;
        border-bottom: 1px solid #dddddd;
        text-align: center;
    }
    .totalmenu-depth2-group>ul {
        display: block;
    }
    .totalmenu-depth2-group>ul>li {
        display: block;
        border-bottom: 1px solid #eeeeee
    }
    .totalmenu-depth2-group>ul>li>a {
        position: relative;
        display: block;
        padding: 1.231rem 1.5rem 1.231rem 0;
        color: #424242;
        font-size: 1.1667rem;
        line-height: 1.5rem;
        font-weight: 500;
        word-break: keep-all;
    }
    .totalmenu-depth2-group>ul>li>a>.arrow {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        display: block;
        width: 0.4583rem;
        height: 0.75rem;
        background: url(../img/icon/icon_arrow_right04.png) no-repeat 0 0;
        background-size: 0.4583rem 0.75rem;
        transform: translate(0, -50%);
    }
    .totalmenu-depth2-group>ul>li>a.active {
        color: #105eb1
    }
    .totalmenu-depth2-group>ul>li>a[target="_blank"]:before {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        content: "";
        display: block;
        width: 0.75rem;
        height: 0.8333rem;
        margin-top: -0.4167rem;
        background-image: url(../img/icon/icon_new_window01@2x.gif);
        background-repeat: no-repeat;
        background-size: 0.75rem 0.8333rem;
        background-position: 0 0;
    }
    .totalmenu-depth3-group {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 1.462rem;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        display: none;
    }
    .totalmenu-depth3-group.active {
        display: block;
        z-index: 10;
    }
    .totalmenu-depth3-group.point {
        display: block;
        z-index: 20;
    }
    .totalmenu-depth3-group>h3 {
        display: block;
        padding-top: 1.769rem;
        padding-bottom: 1.077rem;
        border-bottom: 1px solid #dddddd;
    }
    .totalmenu-depth3-group>h3>button {
        display: block;
        width: 100%;
        padding-left: 1.769rem;
        font-size: 1.5rem;
        line-height: 1.846rem;
        color: #212121;
        font-weight: 700;
        text-align: left;
        background-image: url(../img/icon/icon_back02.png);
        background-position: left 25%;
        background-size: 0.8462rem 1.462rem;
        background-repeat: no-repeat;
        word-break: keep-all;
    }
    .totalmenu-depth3-group>ul {
        display: block;
    }
    .totalmenu-depth3-group>ul>li {
        display: block;
        border-bottom: 1px solid #e7e7e7
    }
    .totalmenu-depth3-group>ul>li>a {
        position: relative;
        display: block;
        padding: 1.231rem 0;
        color: #424242;
        font-size: 1.1667rem;
        line-height: 1.5rem;
        font-weight: 500;
        word-break: keep-all;
    }
    .totalmenu-depth3-group>ul>li>a.active {
        color: #105eb1
    }
    .totalmenu-depth3-group>ul>li>a>.arrow {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        background-image: url(../img/icon/icon_plus03.gif);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 1.25rem 1.25rem;
        transform: translate(0, -50%);
        transition: all 0.2s ease-in-out;
    }
    .totalmenu-depth3-group>ul>li>a.active>.arrow {
        background-image: url(../img/icon/icon_minus03.gif) !important;
    }
    .totalmenu-depth3-group>ul>li>a.point>.arrow {
        background-image: url(../img/icon/icon_minus0302.gif);
    }
    .totalmenu-depth3-group>ul>li>a[target="_blank"]:before {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        content: "";
        display: block;
        width: 0.75rem;
        height: 0.8333rem;
        margin-top: -0.4167rem;
        background-image: url(../img/icon/icon_new_window01@2x.gif);
        background-repeat: no-repeat;
        background-size: 0.75rem 0.8333rem;
        background-position: 0 0;
    }
    .totalmenu-depth3-group>ul>li>ul {
        display: none;
        background-color: #f6f6f9;
        padding: 1.462rem
    }
    .totalmenu-depth3-group>ul>li>ul.active {
        display: block;
    }
    .totalmenu-depth3-group>ul>li>ul>li {
        display: block;
    }
    .totalmenu-depth3-group>ul>li>ul>li {
        display: block;
        margin-bottom: 0.5rem;
    }
    .totalmenu-depth3-group>ul>li>ul>li:last-child {
        margin-bottom: 0;
    }
    .totalmenu-depth3-group>ul>li>ul>li>a {
        position: Relative;
        display: block;
        font-size: 1.083rem;
        line-height: 1.25rem;
        padding-left: 0.75rem;
        word-break: keep-all;
    }
    .totalmenu-depth3-group>ul>li>ul>li>a:before {
        position: absolute;
        top: 0.5rem;
        left: 0;
        content: "";
        display: block;
        width: 0.2083rem;
        height: 0.2083rem;
        background-color: #212121
    }
    .totalmenu-depth3-group>ul>li>ul>li>a.active {
        color: #105eb1;
        font-weight: 500
    }
    .totalmenu-depth3-group>ul>li>ul>li>a.active:before {
        background-color: #105eb1
    }
    .totalmenu-wrapper .btn-mobile-close {
        position: absolute;
        top: 2.083rem;
        right: 2.083rem;
        display: block;
        width: 1.25rem;
    }
    .totalmenu-wrapper .btn-mobile-close>img {
        display: inline-block;
        vertical-align: middle;
        width: 1.25rem;
    }
    .sub-visual {
        max-width: 100%;
        height: auto;
        padding-bottom: 0;
        margin: 0;
    }
    .sub-visual>img {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .sub-visual>.pc {
        display: none;
    }
    .sub-visual>.mobile {
        display: block;
    }
    .sub-visual>p {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        font-size: 2.0833rem;
        line-height: 2.5rem;
    }
    .sub-visual .contents-navigation-wrapper {
        display: none;
    }
    .container {
        position: relative;
        padding: 4.125rem 0 0 0;
        background: #fff;
    }
    .contents-navigation-wrapper {
        display: none;
    }
    .container-wrapper {
        position: static;
        padding: 0;
        margin: 0;
    }
    .lnb-wrapper {
        position: fixed;
        top: 8.708rem;
        left: 0;
        display: none;
        float: none;
        margin-left: 0;
        padding: 0;
        width: 100%;
        height: calc(100% - 8.708rem);
        border-radius: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background: rgba(0, 0, 0, 0.5);
        z-index: 100;
    }
    .lnb-wrapper.active {
        display: block;
    }
    .lnb-area {
        display: block;
        background-color: #fff;
        box-shadow: 0px 0.4167rem 0.4167rem 0px rgba(0, 0, 0, 0.15);
    }
    .lnb-area>h2 {
        display: none;
    }
    .lnb-area>ul {
        display: block;
        width: 100%;
        padding: 0;
        background-color: #eeeff3;
    }
    .lnb-area>ul>li {
        margin-top: -1px;
        margin-bottom: 0;
    }
    .lnb-area>ul>li:last-child {
        margin-bottom: 0;
    }
    .lnb-area>ul>li>a {
        position: relative;
        display: block;
        border: 1px solid #dbdbdb;
        border-left: 0;
        border-right: 0;
        text-align: center;
        padding: 0;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        transition: all 0.2s ease-in-out;
        word-break: keep-all;
        letter-spacing: -0.4px;
    }
    .lnb-area>ul>li>a.active.point,
    .lnb-area>ul>li>a.active:hover,
    .lnb-area>ul>li>a.active {
        border-top: 1px solid #595eaf;
        border-bottom: 1px solid #595eaf;
        background-color: #595eaf;
        color: #fff;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.24);
    }
    .lnb-area>ul>li>a.point,
    .lnb-area>ul>li>a:hover {
        border-top: 1px solid #307bb3;
        border-bottom: 1px solid #307bb3;
        background-color: #307bb3;
        color: #fff;
    }
    .lnb-area>ul>li>a .arrow {
        position: absolute;
        top: 50%;
        right: 21px;
        display: block;
        width: 8px;
        height: 11px;
        margin-top: -5.5px;
        background-image: url(../img/icon/icon_arrow_right03_off.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 8px 11px;
    }
    .lnb-area>ul>li>a:hover .arrow,
    .lnb-area>ul>li>a.point .arrow,
    .lnb-area>ul>li>a.active .arrow {
        background-image: url(../img/icon/icon_arrow_right03_on.png);
    }
    .lnb-area>ul>li>a .arrow.depth2 {
        right: 17px;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background-image: url(../img/icon/icon_plus01.png);
        background-size: 12px 12px;
    }
    /*
    .lnb-area>ul>li>a:hover .arrow.depth2 {
        background-image: url(../img/icon/icon_plus01_hover.png);
    }
    */
    .lnb-area>ul>li>a.active .arrow.depth2,
    .lnb-area>ul>li>a.point .arrow.depth2 {
        background-image: url(../img/icon/icon_plus01_on.png);
    }
    .lnb-area>ul>li>a:after {
        content: "";
        clear: both;
        display: block
    }
    .lnb-area>ul>li>a>.title {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-left: 0;
        border-right: 0;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding: 1.25rem 1.417rem 1.1667rem 1.417rem;
        color: #025a95
    }
    .lnb-area>ul>li>a[target="_blank"]:before {
        position: absolute;
        top: 50%;
        right: 1.75rem;
        content: "";
        display: block;
        width: 0.75rem;
        height: 0.8333rem;
        margin-top: -0.4167rem;
        background-image: url(../img/icon/icon_new_window01@2x.gif);
        background-repeat: no-repeat;
        background-size: 0.75rem 0.8333rem;
        background-position: 0 0;
    }
    .lnb-area>ul>li>a.active {
        background-color: #0098bd !important;
    }
    .lnb-area>ul>li>a.active>.title,
    .lnb-area>ul>li>a.point>.title {
        color: #fff !important;
    }
    .lnb-area>ul>li>a:hover {
        background-color: transparent;
    }
    .lnb-area>ul>li>a.point {
        background-color: #105eb1;
        border-top: 1px solid #105eb1;
        border-bottom: 1px solid #105eb1;
    }
    .lnb-area>ul>li>a .arrow.depth2 {
        position: absolute;
        top: 50%;
        right: 1.538rem;
        display: block;
        width: 1rem;
        height: 1rem;
        margin-top: -0.5rem;
        background-size: 1rem 1rem
    }
    .lnb-area>ul>li>ul {
        background-color: #fff;
        display: none;
        padding: 1.1667rem 1.625rem;
        border-bottom: 1px solid #dddddd;
    }
    .lnb-area>ul>li>ul.active {
        display: block;
    }
    .lnb-area>ul>li>ul>li {
        display: block;
        margin-bottom: 0.83333rem;
    }
    .lnb-area>ul>li>ul>li:last-child {
        margin-bottom: 0;
    }
    .lnb-area>ul>li>ul>li>a {
        position: relative;
        display: inline-block;
        padding-left: 0.6667rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 400;
        color: #9f9f9f;
    }
    .lnb-area>ul>li>ul>li>a.active:before {
        left: 0.6667rem;
        width: calc(100% - 0.6667rem);
    }
    .lnb-area>ul>li>ul>li>a:after {
        top: 0.75rem;
        width: 0.2083rem;
        height: 0.2083rem;
    }
    .lnb-area>ul>li>ul>li>ul {
        display: none;
        margin-top: 0.41667rem;
        margin-left: 0.6667rem;
        border: 1px solid #d9d9d9;
        background-color: #d9d9d9;
        padding: 0.83333rem
    }
    .lnb-area>ul>li>ul>li>ul>li {
        margin-bottom: 0.625rem
    }
    .lnb-area>ul>li>ul>li>ul>li:last-child {
        margin-bottom: 0;
    }
    .lnb-area>ul>li>ul>li>ul>li>a {
        position: relative;
        display: block;
        padding-left: 0.41667rem;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #212121;
    }
    .lnb-area>ul>li>ul>li>ul>li>a:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "-";
    }
    .lnb-area>ul>li>ul>li>ul>li>a.active {
        color: #0098bd !important;
        font-weight: 500;
    }
    .lnb-area>ul>li>ul>li>a[target="_blank"]:before {
        position: absolute;
        top: 50%;
        right: -1.25rem;
        content: "";
        display: block;
        width: 0.75rem;
        height: 0.8333rem;
        margin-top: -0.4167rem;
        background-image: url(../img/icon/icon_new_window01@2x.gif);
        background-repeat: no-repeat;
        background-size: 0.75rem 0.8333rem;
        background-position: 0 0;
    }
    .lnb-wrapper .btn-toggle-lnb {
        display: none;
    }
    .lnb-wrapper .sub-chatbot {
        display: none;
    }
    .contents {
        float: none;
        margin: 0;
        padding: 2.625rem 1.25rem 5.917rem 1.25rem;
        display: block;
    }
    .contents-wrapper {
        padding: 0;
        min-height: 23.08rem;
        border-radius: 0;
    }
    .contents-navigaiton-wrapper02,
    .additional-function-wrapper {
        display: none;
    }
    .contents-title-wrapper {
        position: static;
        margin-bottom: 0;
        display: block;
        border-bottom: 0;
    }
    .contents-title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4.125rem;
        margin-bottom: 0;
        text-align: center;
        color: #ffffff;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.667rem;
        background: #105eb1;
        padding: 0 4.462rem 0 4.462rem;
        letter-spacing: -1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .contents-title span:first-of-type {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
    }
    .contents-title:after {
        display: none;
    }
    .contents-title .arrow {
        position: absolute;
        top: 50%;
        right: 1.538rem;
        display: block;
        width: 1.385rem;
        height: 0.6923rem;
        margin-top: -0.3462rem;
        background: url(../img/icon/icon_arrow_down02.png) no-repeat 0 0;
        background-size: 1.385rem 0.6923rem;
        transition: all 0.2s ease-in-out;
    }
    .contents-title.active {
        position: fixed;
        top: 4.583rem;
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
        z-index: 10;
    }
    .contents-title.active .arrow {
        transform: rotate(180deg);
    }
    .contents-title-wrapper .btn-share-print {
        display: none;
    }
    /* footer */
    .footer {
        position: relative;
        padding: 3.417rem 1.6667rem 3.417rem 1.6667rem;
    }
    .footer-wrapper,
    .footer-left {
        display: block;
    }
    .footer-right {
        position: static;
        width: 100%;
        margin-top: 5.833rem;
        text-align: left;
    }
    .footer-menu {
        display: block;
        margin-bottom: 4.5833rem;
    }
    .footer-menu:after {
        display: block;
        content: "";
        clear: both;
    }
    .footer-menu>li {
        float: left;
        margin-right: 2.0833rem;
    }
    .footer-menu>li a {
        font-size: 1.0833rem;
        line-height: 2.25rem;
    }
    .footer-menu>li a:before {
        display: none;
    }
    .footer-information {
        font-size: 1.1667rem;
        line-height: 1.875rem;
    }
    .footer-information>.tel {
        margin-top: 1.1667rem;
        gap: 0.5833rem;
    }
    .footer-information>.tel>strong {
        font-size: 1.6667rem;
        line-height: 1.6667rem;
    }
    .footer-right {
        text-align: left;
    }
    .custom-dropdown01+.custom-dropdown01 {
        margin-top: 1.25rem;
    }
    .custom-dropdown01>button {
        display: block;
        width: 100%;
        height: 4.1667rem;
        border-radius: 0.4167rem;
        padding-left: 1.75rem;
        padding-right: 3.3333rem;
        font-size: 1.1667rem;
    }
    .custom-dropdown01>button:before {
        right: 1.6667rem;
        width: 1.0833rem;
        height: 0.75rem;
        margin-top: -0.375rem;
        background-size: 1.0833rem 0.75rem;
    }
    .custom-dropdown01 ul {
        bottom: 4.1667rem;
        width: 100%;
        max-height: 12.5rem;
        border-top-left-radius: 0.4167rem;
        border-top-right-radius: 0.4167rem;
        padding: 1.25rem;
    }
    .custom-dropdown01 ul>li:not(:last-child) {
        margin-bottom: 0.8333rem;
    }
    .custom-dropdown01 ul>li a {
        font-size: 1rem;
        line-height: 1.25rem
    }
    .footer-mark-list {
        margin-top: 4.6667rem;
        flex-wrap: wrap;
        gap: 1.3333rem;
        justify-content: flex-start;
    }
    .footer-mark-list li {
        width: calc(50% - 0.6667rem);
        gap: 0.6667rem;
    }
    .footer-mark-list li>img {
        width: 3.7917rem;
    }
    .footer-mark-list li span {
        font-size: 0.8333rem;
        line-height: 1.1667rem;
    }
    .btn-top-go {
        position: fixed;
        bottom: -1.5625rem;
        right: 1.6667rem;
        width: 3.125rem;
        height: 3.125rem;
        line-height: 3.125rem;
        font-size: 2.0833rem;
        border-radius: 3.125rem;
    }
    .btn-top-go.active {
        bottom: 3.125rem
    }
    .btn-top-go:hover {
        box-shadow: rgba(0, 0, 0, 0.25) 0.125rem 0.125rem 0.3125rem;
    }
    .btn-top-go:hover:before {
        width: 3.125rem;
        height: 3.125rem;
    }
    .btn-top-go .icon {
        width: 3.125rem;
        height: 3.125rem;
        z-index: 0.4167rem;
    }
    .btn-top-go .icon>span {
        width: 3.125rem;
        height: 3.125rem;
    }
    .btn-top-go .icon>span>img {
        width: 0.75rem;
    }
    .btn-top-go:hover .icon>span {
        top: -3.125rem;
    }
    .btn-go-contactus {
        top: -0.8333rem;
        right: 1.6667rem;
        width: 6.25rem;
        height: 6.25rem;
    }
    .btn-go-contactus>img {
        width: 100%;
    }
    .btn-go-contactus .ham-b {
        width: 1.5rem;
        height: 0.9583rem;
    }
    .btn-go-contactus .ham-b span {
        height: 2px;
        border-radius: 2px;
    }



    .chatbot-wrapper {
        position: fixed;
        top: initial;
        top: auto;
        bottom: 7.5rem;
        right: 1.6667rem;
    }

    .chatbot-wrapper .open-chatbot {
        width: 3.125rem;
        height: 3.125rem;
        background-size: 3.125rem 3.125rem;
    }

    .chatbot-wrapper .btn-chatbot-close {
        top: 0;
        right: 3.125rem;
        width: 8.375rem;
        height: 4.25rem;
        background-size: 8.375rem 4.25rem;
    }


	.footer-sns-list {
		margin-top: 1.875rem;
		gap: 0.75rem;
	}

	.footer-sns-list > li .icon {
		width: 2.875rem;
		height: 2.875rem;
		border-radius: 2.875rem;
	}

	.footer-sns-list > li .icon:hover,
	.footer-sns-list > li .icon:focus {
        box-shadow: 0 0.167rem 0.625rem rgba(0, 0, 0, 0.3);
	}
    
    .form-wrapper02 dl {
        padding-left: 0;
    }
    .department-information>dl, .department-ination>dl {
        padding: 0;
    }


}

@media only all and (max-width: 767px) {
    html {
        font-size: 1.25rem;
        /* 기본베이스 폰트사이즈 18px */
        line-height: 1.25rem;
        /* 기본베이스 line-height 사이즈 18px */
    }
    .icon-window {
        width: 1rem;
        height: 1rem;
        background-size: 1rem 1rem;
    }
    .totalmenu-wrapper {
        width: 25rem;
        right: -25rem;
    }
}

@media only all and (max-width: 600px) {
    html {
        font-size: 1rem;
        /* 기본베이스 폰트사이즈 16px */
        line-height: 1rem;
        /* 기본베이스 line-height 사이즈 16px */
    }
}

@media only all and (max-width: 475px) {
    html {
        font-size: 0.875rem;
        /* 기본베이스 폰트사이즈 13px */
        line-height: 0.875rem;
        /* 기본베이스 line-height 사이즈 13px */
        /* 기본베이스 line-height 사이즈 14px */
    }
    .icon-window {
        width: 12px;
        height: 12px;
        background-size: 12px 12px
    }
}

@media only all and (max-width: 359px) {
    html {
        font-size: 0.75rem;
        /* 기본베이스 폰트사이즈 12px
		line-height: 0.75rem;
		/* 기본베이스 line-height 사이즈 12px */
    }
    .footer-mark-list {
        gap: 0.4167rem;
    }
    .footer-mark-list li {
        margin-top: 1.25rem;
        width: calc(50% - 0.2083rem);
    }
    .footer-mark-list li span {
        letter-spacing: -1px;
    }
}