@charset "UTF-8";@import url(ui/jquery-ui.css);@import url(ui/animate.css);@import url(ui/slick.css);@import url(ui/mCustomScrollbar.css);@import url(ui/magnific-popup.css);@import url(https://cdn.jsdelivr.net/npm/@xpressengine/xeicon@2.3.3/xeicon.min.css);@import url(ui/common.css);@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    src: url(../font/NanumSquareL.eot);
    src: url(../font/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareL.woff) format("woff"), url(../font/NanumSquareL.ttf) format("truetype")
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NanumSquareR.eot);
    src: local("Nanum Square Regular"), local("NanumSquareR"), url(../font/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareR.woff2) format("woff2"), url(../font/NanumSquareR.woff) format("woff"), url(../font/NanumSquareR.ttf) format("truetype")
}

@font-face {
    font-family: 'NanumSquare';
    font-style: bold;
    font-weight: 700;
    src: url(../font/NanumSquareB.eot);
    src: local("Nanum Square Bold"), local("NanumSquareB"), url(../font/NanumSquareB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareB.woff2) format("woff2"), url(../font/NanumSquareB.woff) format("woff"), url(../font/NanumSquareB.ttf) format("truetype")
}
@font-face {
    font-family: 'NanumSquare';
    font-style: bold;
    font-weight:800;
    src: url(../font/NanumSquareEB.eot);
    src: local("Nanum Square ExtraBold"), local("NanumSquareEB"), url(../font/NanumSquareEB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareEB.woff2) format("woff2"), url(../font/NanumSquareEB.woff) format("woff"), url(../font/NanumSquareEB.ttf) format("truetype")
}

@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 400;
    src: url(../font/NanumSquareRoundR.eot);
    src: url(../font/NanumSquareRoundR.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundR.woff2) format("woff2"), url(../font/NanumSquareRoundR.woff) format("woff"), url(../font/NanumSquareRoundR.ttf) format("truetype")
}

@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 500;
    src: url(../font/NanumSquareRoundB.eot);
    src: url(../font/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundB.woff2) format("woff2"), url(../font/NanumSquareRoundB.woff) format("woff"), url(../font/NanumSquareRoundB.ttf) format("truetype")
}

@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 600;
    src: url(../font/NanumSquareRoundEB.eot);
    src: url(../font/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundEB.woff2) format("woff2"), url(../font/NanumSquareRoundEB.woff) format("woff"), url(../font/NanumSquareRoundEB.ttf) format("truetype")
}

@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 300;
    src: url(../font/NanumSquareRoundL.eot);
    src: url(../font/NanumSquareRoundL.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundL.woff2) format("woff2"), url(../font/NanumSquareRoundL.woff) format("woff"), url(../font/NanumSquareRoundL.ttf) format("truetype")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype")
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}



.m_img {display: none;}
.m_img img {max-width: 100%;}

._mc {
    color: #4391ff
}

._mc2 {
    color: #eb3d41
}

::-moz-selection {
    background: #d9d9d9;
    color: #4391ff;
    text-shadow: none
}

::selection {
    background: #d9d9d9;
    color: #4391ff;
    text-shadow: none
}

a {
    color: #666;
    text-decoration: none
}

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

html>::-webkit-scrollbar {
    margin: 0;
    padding: 0;
    width: 8px
}

html>::-webkit-scrollbar-button {
    height: 0;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all
}

html>::-webkit-scrollbar-corner {
    background-color: #222
}

html>::-webkit-scrollbar-thumb {
    background: rgba(67, 145, 255, 0.7);
    border-radius: 8px;
    border: 1px solid #000
}

html>::-webkit-scrollbar-thumb:active,html>::-webkit-scrollbar-thumb:hover {
    background: rgba(67, 145, 255, 0.9)
}

html>::-webkit-scrollbar-track {
    background-color: #222;
    border-radius: 0;
    border: 0
}

html>::-webkit-scrollbar-track:active,html>::-webkit-scrollbar-track:hover {
    background: #222
}

.table-btn-01,input[type=file],input[type=number],input[type=password],input[type=tel],input[type=text],select {
    height: 50px;
    line-height: 50px;
    border: solid 1px #ccc;
    padding: 0 15px
}

@media screen and (max-width: 1024px) {
    .table-btn-01,input[type=file],input[type=number],input[type=password],input[type=tel],input[type=text],select {
        height:40px;
        line-height: 40px;
        padding: 0 7px
    }
}

input[type=password] {
    font-family: inherit;
    font-family: 'Noto Sans KR',sans-serif
}

input[type=password]:placeholder-shown {
    font-family: 'NanumSquare',sans-serif
}

.input_find {
    max-width: 500px;
    padding-right: 105px;
    position: relative
}

.input_find input {
    width: 100%;
    max-width: 100%
}

.input_find .table-btn-01 {
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0
}

.table-btn-01 {
    vertical-align: middle;
    display: inline-block;
    background-color: #ccc;
    color: #333;
    text-align: center
}

.row,[class*=row_] {
    zoom:1}

.row:after,.row:before,[class*=row_]:after,[class*=row_]:before {
    content: '';
    display: table
}

.row:after,[class*=row_]:after {
    clear: both
}

.row [class*=col-],[class*=row_] [class*=col-] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    float: left
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row [class*=col-] {
    padding-right: 15px;
    padding-left: 15px
}

.row_10 {
    margin-right: -10px;
    margin-left: -10px
}

.row_10 [class*=col-] {
    padding-right: 10px;
    padding-left: 10px
}

.row_5 {
    margin-right: -5px;
    margin-left: -5px
}

.row_5 [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.row_0 {
    margin-right: 0px;
    margin-left: 0px
}

.row_0 [class*=col-] {
    padding-right: 0px;
    padding-left: 0px
}

@media screen and (max-width: 768px) {
    .row_m_0 {
        margin-right:0px;
        margin-left: 0px
    }

    .row_m_0 [class*=col-] {
        padding-right: 0px;
        padding-left: 0px
    }

    .row_m_2 {
        margin-right: -2px;
        margin-left: -2px
    }

    .row_m_2 [class*=col-] {
        padding-right: 2px;
        padding-left: 2px
    }

    .row_m_5 {
        margin-right: -5px;
        margin-left: -5px
    }

    .row_m_5 [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }
}

.col-lg-0 {
    display: none
}

.col-lg-05 {
    width: 4.16667%
}

.col-lg-1 {
    width: 8.33333%
}

.col-lg-15 {
    width: 12.5%
}

.col-lg-2 {
    width: 16.66667%
}

.col-lg-25 {
    width: 20.83333%
}

.col-lg-3 {
    width: 25%
}

.col-lg-35 {
    width: 29.16667%
}

.col-lg-4 {
    width: 33.33333%
}

.col-lg-45 {
    width: 37.5%
}

.col-lg-5 {
    width: 41.66667%
}

.col-lg-55 {
    width: 45.83333%
}

.col-lg-6 {
    width: 50%
}

.col-lg-65 {
    width: 54.16667%
}

.col-lg-7 {
    width: 58.33333%
}

.col-lg-75 {
    width: 62.5%
}

.col-lg-8 {
    width: 66.66667%
}

.col-lg-85 {
    width: 70.83333%
}

.col-lg-9 {
    width: 75%
}

.col-lg-95 {
    width: 79.16667%
}

.col-lg-10 {
    width: 83.33333%
}

.col-lg-105 {
    width: 87.5%
}

.col-lg-11 {
    width: 91.66667%
}

.col-lg-115 {
    width: 95.83333%
}

.col-lg-12 {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .col-sl-0 {
        display:none
    }

    .col-sl-05 {
        width: 4.16667%
    }

    .col-sl-1 {
        width: 8.33333%
    }

    .col-sl-15 {
        width: 12.5%
    }

    .col-sl-2 {
        width: 16.66667%
    }

    .col-sl-25 {
        width: 20.83333%
    }

    .col-sl-3 {
        width: 25%
    }

    .col-sl-35 {
        width: 29.16667%
    }

    .col-sl-4 {
        width: 33.33333%
    }

    .col-sl-45 {
        width: 37.5%
    }

    .col-sl-5 {
        width: 41.66667%
    }

    .col-sl-55 {
        width: 45.83333%
    }

    .col-sl-6 {
        width: 50%
    }

    .col-sl-65 {
        width: 54.16667%
    }

    .col-sl-7 {
        width: 58.33333%
    }

    .col-sl-75 {
        width: 62.5%
    }

    .col-sl-8 {
        width: 66.66667%
    }

    .col-sl-85 {
        width: 70.83333%
    }

    .col-sl-9 {
        width: 75%
    }

    .col-sl-95 {
        width: 79.16667%
    }

    .col-sl-10 {
        width: 83.33333%
    }

    .col-sl-105 {
        width: 87.5%
    }

    .col-sl-11 {
        width: 91.66667%
    }

    .col-sl-115 {
        width: 95.83333%
    }

    .col-sl-12 {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .col-sm-0 {
        display:none
    }

    .col-sm-05 {
        width: 4.16667%
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-15 {
        width: 12.5%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-25 {
        width: 20.83333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-35 {
        width: 29.16667%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-45 {
        width: 37.5%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-55 {
        width: 45.83333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-65 {
        width: 54.16667%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-75 {
        width: 62.5%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-85 {
        width: 70.83333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-95 {
        width: 79.16667%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-105 {
        width: 87.5%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-115 {
        width: 95.83333%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .col-xs-0 {
        display:none
    }

    .col-xs-05 {
        width: 4.16667%
    }

    .col-xs-1 {
        width: 8.33333%
    }

    .col-xs-15 {
        width: 12.5%
    }

    .col-xs-2 {
        width: 16.66667%
    }

    .col-xs-25 {
        width: 20.83333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-35 {
        width: 29.16667%
    }

    .col-xs-4 {
        width: 33.33333%
    }

    .col-xs-45 {
        width: 37.5%
    }

    .col-xs-5 {
        width: 41.66667%
    }

    .col-xs-55 {
        width: 45.83333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-65 {
        width: 54.16667%
    }

    .col-xs-7 {
        width: 58.33333%
    }

    .col-xs-75 {
        width: 62.5%
    }

    .col-xs-8 {
        width: 66.66667%
    }

    .col-xs-85 {
        width: 70.83333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-95 {
        width: 79.16667%
    }

    .col-xs-10 {
        width: 83.33333%
    }

    .col-xs-105 {
        width: 87.5%
    }

    .col-xs-11 {
        width: 91.66667%
    }

    .col-xs-115 {
        width: 95.83333%
    }

    .col-xs-12 {
        width: 100%
    }
}

.btn-type-01 {
    color: #fff;
    background-color: #4391ff;
    border: 1px solid #4391ff
}

.btn-type-01:hover {
    background-color: #fff;
    color: #4391ff
}

.btn-type-02 {
    color: #fff;
    background-color: #999;
    border: 1px solid #999
}

.btn-type-02:hover {
    background-color: #fff;
    color: #999
}

.btn-type-03 {
    color: #fff;
    background-color: #000;
    border: 1px solid #000
}

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

.btn-type-04 {
    color: #666;
    background-color: #fff;
    border: 1px solid #666
}

.btn-type-04:hover {
    background-color: #666;
    color: #fff
}

[class*=btn-type-0] {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    min-width: 100px;
    padding: 0 20px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 768px) {
    [class*=btn-type-0] {
        height:40px;
        line-height: 40px
    }
}

[class*=btn-type-1] {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    min-width: 100px;
    padding: 0 20px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 0.8em
}

@media screen and (max-width: 768px) {
    [class*=btn-type-1] {
        height:26px;
        line-height: 26px
    }
}

[class*=btn-type-][class$='1'] {
    color: #fff;
    background-color: #4391ff;
    border: 1px solid #4391ff
}

[class*=btn-type-][class$='1']:hover {
    background-color: #fff;
    color: #4391ff
}

[class*=btn-type-][class$='2'] {
    color: #fff;
    background-color: #999;
    border: 1px solid #999
}

[class*=btn-type-][class$='2']:hover {
    background-color: #fff;
    color: #999
}

[class*=btn-type-][class$='3'] {
    color: #fff;
    background-color: #000;
    border: 1px solid #000
}

[class*=btn-type-][class$='3']:hover {
    background-color: #fff;
    color: #000
}

[class*=btn-type-][class$='4'] {
    color: #666;
    background-color: #fff;
    border: 1px solid #666
}

[class*=btn-type-][class$='4']:hover {
    background-color: #666;
    color: #fff
}

.board-box b,.board-box strong {
    font-weight: bold
}

.board-box u {
    text-decoration: underline
}

.board-box em,.board-box i {
    font-style: italic
}

.board-box s,.board-box strike {
    text-decoration: line-through
}

.board-box ol,.board-box ol li {
    list-style: decimal
}

.board-box ul,.board-box ul li {
    list-style: disc
}

.board-box img {
    width: auto!important;
    height: auto!important
}

.board-box h1 {
    font-size: 2em
}

.board-box h2 {
    font-size: 1.5em
}

.board-box h3 {
    font-size: 1.17em
}

.board-box h4 {
    font-size: normal
}

.board-box h5 {
    font-size: 0.83em
}

.board-box h6 {
    font-size: 0.67em
}

.col_w {
    width: 120px
}

@media screen and (max-width: 1024px) {
    .col_w {
        width:90px
    }
}

table .code {
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: middle
}

table .w_150 {
    width: 150px
}

@media screen and (max-width: 1024px) {
    table .w_150 {
        width:100px
    }
}

table .xi-file-download,table .xi-volume-up {
    font-size: 18px;
    color: #4391ff
}

table .xi-renew {
    font-size: 28px;
    color: #4391ff
}

table td.text_left {
    text-align: left
}

.table_board_for {
    margin-top: 30px;
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #222;
    border-bottom: 1px solid #ddd;
    text-align: center;
    word-break: break-all
}

.table_board_for.type_a {
}

@media screen and (max-width: 1024px) {
    .table_board_for.type_a colgroup {
        display:none
    }

    .table_board_for.type_a td:first-child,.table_board_for.type_a th:first-child {
        width: 30px
    }

    .table_board_for.type_a td:nth-child(3),.table_board_for.type_a th:nth-child(3) {
        width: 60px
    }

    .table_board_for.type_a td:nth-child(4),.table_board_for.type_a th:nth-child(4) {
        width: 90px
    }
}

.table_board_for.type_b {
}

@media screen and (max-width: 1024px) {
    .table_board_for.type_b td:nth-child(2),.table_board_for.type_b th:nth-child(2) {
        width:60%
    }

    .table_board_for.type_b td:nth-child(3),.table_board_for.type_b th:nth-child(3) {
        width: 20%
    }

    .table_board_for.type_b td:nth-child(4),.table_board_for.type_b th:nth-child(4) {
        width: 20%
    }

    .table_board_for.type_b td:last-child,.table_board_for.type_b th:last-child {
        display: none
    }
}

.table_board_for.type_c {
}

@media screen and (max-width: 1024px) {
    .table_board_for.type_c td:nth-child(2),.table_board_for.type_c th:nth-child(2) {
        width:16%
    }

    .table_board_for.type_c td:nth-child(3),.table_board_for.type_c th:nth-child(3) {
        width: 52%
    }

    .table_board_for.type_c td:nth-child(4),.table_board_for.type_c th:nth-child(4) {
        width: 16%
    }

    .table_board_for.type_c td:last-child,.table_board_for.type_c th:last-child {
        width: 16%
    }
}

.table_board_for.type_d {
}

@media screen and (max-width: 768px) {
    .table_board_for.type_d td,.table_board_for.type_d th {
        vertical-align:middle
    }

    .table_board_for.type_d colgroup,.table_board_for.type_d td:first-child,.table_board_for.type_d th:first-child {
        display: none
    }

    .table_board_for.type_d td:nth-child(3),.table_board_for.type_d th:nth-child(3) {
        width: 40px
    }

    .table_board_for.type_d td:nth-child(4),.table_board_for.type_d th:nth-child(4) {
        width: 90px
    }

    .table_board_for.type_d td:last-child,.table_board_for.type_d th:last-child {
        width: 110px
    }
}

.table_board_for.type_e {
}

.table_board_for.type_e td,.table_board_for.type_e th {
    vertical-align: middle
}

@media screen and (max-width: 1024px) {
    .table_board_for.type_e {
        display:block
    }

    .table_board_for.type_e td,.table_board_for.type_e th {
        padding: 10px 5px
    }

    .table_board_for.type_e colgroup,.table_board_for.type_e td:first-child,.table_board_for.type_e th:first-child {
        width: 100%;
        display: block
    }

    .table_board_for.type_e td:nth-child(2),.table_board_for.type_e th:nth-child(2) {
        width: 100%
    }

    .table_board_for.type_e td:nth-child(3),.table_board_for.type_e th:nth-child(3) {
        width: 100%
    }

    .table_board_for.type_e td:last-child,.table_board_for.type_e th:last-child {
        width: 100%
    }

    .table_board_for.type_e colgroup,.table_board_for.type_e tbody,.table_board_for.type_e td,.table_board_for.type_e th,.table_board_for.type_e tr {
        display: block;
        border: none
    }

    .table_board_for.type_e thead {
        display: none
    }

    .table_board_for.type_e tr {
        border-bottom: 1px solid #ddd;
        padding: 10px 0 10px 10px;
        text-align: left
    }

    .table_board_for.type_e tr td,.table_board_for.type_e tr th {
        padding: 0;
        border: none;
        text-align: left;
        line-height: 1.7
    }

    .table_board_for.type_e tr th {
        padding: 10px 0 5px;
        text-align: left
    }

    .table_board_for.type_e tr td {
        position: relative;
        padding-left: 80px
    }

    .table_board_for.type_e tr td:before {
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        color: #222;
        font-weight: 500
    }

    .table_board_for.type_e tr td a {
        position: relative
    }

    .table_board_for.type_e tr td a:before {
        content: '';
        height: 10px;
        border-left: 1px solid #ccc;
        margin-top: -5px;
        position: absolute;
        top: 50%;
        left: -8px;
        margin-top: -5px
    }
}

@media screen and (max-width: 1024px) {
    .table_board_for.qna_type_a colgroup,.table_board_for.qna_type_a colgroup col,.table_board_for.qna_type_a thead {
        display:none
    }

    .table_board_for.qna_type_a tr:after {
        content: '';
        display: block;
        clear: both
    }

    .table_board_for.qna_type_a tbody tr {
        border-top: 1px solid #ddd;
        padding: 5px 0
    }

    .table_board_for.qna_type_a tbody tr:first-child {
        border-top: 0
    }

    .table_board_for.qna_type_a tbody,.table_board_for.qna_type_a tr {
        display: block
    }

    .table_board_for.qna_type_a td {
        display: block;
        width: 100%!important;
        text-align: left;
        border: none
    }

    .table_board_for.qna_type_a td:nth-child(2) {
        float: left;
        width: 100%!important
    }

    .table_board_for.qna_type_a td:nth-child(3),.table_board_for.qna_type_a td:nth-child(4),.table_board_for.qna_type_a td:nth-child(5) {
        float: left;
        margin-right: 5px;
        width: auto!important
    }
}

.table_board_for thead th {
    font-weight: bold
}

.table_board_for td,.table_board_for th {
    padding: 15px 5px;
    vertical-align: middle
}

.table_board_for a:hover {
    color: #4391ff;
    text-decoration: underline!important
}

.table_board_for th {
    position: relative;
    color: #222;
    font-weight: 700
}

.table_board_for th:first-child:before {
    display: none
}

.table_board_for td {
    border-top: 1px solid #ddd;
    text-align: center
}

.table_board_for td .img_bx {
    overflow: hidden;
    width: 80px;
    margin: 0 auto;
    background: url(../images/board/no_img.jpg) no-repeat center center;
    background-size: cover
}

.table_board_for td .img_bx .img_src {
    display: block;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 75%
}

@media screen and (max-width: 1024px) {
    .table_board_for td,.table_board_for th {
        padding:8px 5px
    }
}

.anwer,[class*=anwer_] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    border-radius: 3px;
    color: #fff;
    letter-spacing: -0.4px;
    min-width: 100px;
    padding: 0 20px
}

@media screen and (max-width: 1024px) {
    .anwer,[class*=anwer_] {
        min-width:60px;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }
}

.anwer {
    min-width: 100px
}

@media screen and (max-width: 1024px) {
    .anwer {
        min-width:60px
    }
}

.anwer._off,.anwer_off {
    color: #fff;
    background-color: #a6a6a6
}

.anwer._on,.anwer_on {
    color: #fff;
    background-color: #4391ff
}

.anwer._ask {
    background-color: #999999;
    color: #fff
}

.anwer._cancel {
    background-color: #dddddd;
    color: #666
}

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

.pass-wrap .tit {
    font-size: 1.2em;
    font-weight: 500;
    color: #333;
    margin-bottom: 20px
}

.pass-wrap .mt_05 {
    margin-top: 5px
}

.pass-wrap input {
    padding: 0 10px
}

.img_board_list {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
    overflow: hidden
}

.img_board_list .item,.img_board_list li {
    float: left;
    width: 25%;
    padding: 0 10px 20px
}

@media screen and (max-width: 1024px) {
    .img_board_list {
        margin-left:-5px;
        margin-right: -5px
    }

    .img_board_list .item,.img_board_list li {
        width: 50%;
        padding: 0 5px 10px!important
    }
}

.img_board_list .wrap,.img_board_list a {
    position: relative;
    display: block;
    border: 1px solid #fff;
    text-align: center
}

.img_board_list .wrap:before,.img_board_list a:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0 solid #4391ff;
    -webkit-transition: border-width 0.3s;
    -o-transition: border-width 0.3s;
    transition: border-width 0.3s;
    z-index: 5
}

.img_board_list .wrap:hover:before,.img_board_list a:hover:before {
    border-width: 3px
}

.img_board_list .wrap:hover .img_box .img_src,.img_board_list a:hover .img_box .img_src {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.img_board_list .wrap:hover .img_box ._icon,.img_board_list a:hover .img_box ._icon {
    color: #4391ff
}

.img_board_list .wrap:hover .txt_box .tit,.img_board_list a:hover .txt_box .tit {
    color: #4391ff
}

.img_board_list .img_box {
    overflow: hidden;
    position: relative
}

.img_board_list .img_box .img_src {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size: cover;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.img_board_list .img_box ._icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff;
    text-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2), 2px 2px 10px rgba(0, 0, 0, 0.2)
}

.img_board_list .img_box .event_state {
    position: absolute;
    top: 10px;
    left: 10px
}

.img_board_list .txt_box {
    padding: 20px 15px;
    background: #fff
}

.img_board_list .txt_box .tit {
    color: #222;
    font-weight: 500;
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.img_board_list .txt_box .date,.img_board_list .txt_box .des {
    margin-top: 10px;
    font-size: 0.9em;
    color: #999
}

.img_board_list .txt_box .des {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .img_board_list .txt_box {
        padding:10px 5px
    }
}

.img_board_list.type_b .wrap,.img_board_list.type_b a {
    border: none
}

.img_board_list.type_b .wrap .txt_box,.img_board_list.type_b a .txt_box {
    padding: 15px 0
}

.img_board_list.type_b .wrap:before,.img_board_list.type_b a:before {
    display: none
}

.img_board_list.type_b .wrap:hover .hover_box,.img_board_list.type_b a:hover .hover_box {
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    height: 100%
}

.img_board_list.type_b .wrap .hover_box,.img_board_list.type_b a .hover_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px
}

.img_board_list.type_b .wrap .hover_box .txt,.img_board_list.type_b a .hover_box .txt {
    display: inline-block;
    border-bottom: 1px solid #fff
}

.img_board_list.type_b .wrap .hover_box i,.img_board_list.type_b a .hover_box i {
    font-size: 12px;
    margin-left: 5px
}

.img_board_list.type_c {
    padding: 0;
    border-left: 1px solid #ddd
}

.img_board_list.type_c .item,.img_board_list.type_c li {
    width: 33.33%;
    padding: 0;
    margin-bottom: -1px
}

.img_board_list.type_c .wrap,.img_board_list.type_c a {
    border-left: 0
}

.img_board_list.type_c .txt_box .date {
    margin-top: 10px;
    font-size: 0.9em;
    color: #999;
    height: auto;
    line-height: 1.5;
    -o-text-overflow: inherit;
    text-overflow: inherit;
    display: block
}

.img_board_list.type_c .txt_box .date span {
    position: relative;
    padding: 0 7px
}

.img_board_list.type_c .txt_box .date span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1px;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ccc
}

.img_board_list.type_c .txt_box .date span:first-child {
    padding-left: 0
}

.img_board_list.type_c .txt_box .date span:first-child:before {
    display: none
}

@media screen and (max-width: 1024px) {
    .img_board_list.type_c .date,.img_board_list.type_c .txt_box {
        margin-top:5px
    }
}

@media screen and (max-width: 768px) {
    .img_board_list.type_c .item,.img_board_list.type_c li {
        width:100%
    }
}

.img_board_list_02 {
    border-top: 1px solid #222
}

.img_board_list_02 .item,.img_board_list_02 li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.img_board_list_02 .wrap,.img_board_list_02 a {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.img_board_list_02 .wrap .no_txt,.img_board_list_02 a .no_txt {
    position: absolute;
    top: 50%;
    left: 0;
    color: #222;
    font-weight: 400;
    margin-top: -12px
}

.img_board_list_02 .wrap:hover .txt_box .tit,.img_board_list_02 a:hover .txt_box .tit {
    text-decoration: underline
}

.img_board_list_02 .wrap:hover .img_box .img_src,.img_board_list_02 .wrap:hover .img_box img,.img_board_list_02 a:hover .img_box .img_src,.img_board_list_02 a:hover .img_box img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.img_board_list_02 .img_box {
    overflow: hidden;
    float: left;
    width: 160px;
    margin-right: 30px;
    border: 1px solid #ddd
}

.img_board_list_02 .img_box .img_src {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.img_board_list_02 .img_box img {
    width: 100%
}

.img_board_list_02 .img_box .img_src,.img_board_list_02 .img_box img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.img_board_list_02 .txt_box {
    line-height: 1.4;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative
}

.img_board_list_02 .txt_box .tit {
    color: #222;
    font-weight: 400
}

.img_board_list_02 .txt_box .des,.img_board_list_02 .txt_box .tbl_detail_span {
    font-size: 0.9em;
    margin-top: 10px;
    color: #999
}

.img_board_list_02 .txt_box .des {
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.img_board_list_02 .txt_box .tbl_detail_span span {
    position: relative;
    padding: 0 7px
}

.img_board_list_02 .txt_box .tbl_detail_span span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ccc
}

.img_board_list_02 .txt_box .tbl_detail_span span:first-child {
    padding-left: 0
}

.img_board_list_02 .txt_box .tbl_detail_span span:first-child:before {
    display: none
}

@media screen and (max-width: 1024px) {
    .img_board_list_02 .item,.img_board_list_02 li {
        padding:10px 0
    }

    .img_board_list_02 .img_box {
        width: 90px;
        margin-right: 10px
    }

    .img_board_list_02 .txt_box .des,.img_board_list_02 .txt_box .tbl_detail_span {
        margin-top: 5px
    }
}

.event_img_list {
    border-bottom: 1px solid #222;
    border-top: 1px solid #999
}

.event_img_list .event_t {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 8px 20px;
    z-index: 1;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    text-align: center
}

.event_img_list .event_t.on {
    background: rgba(67, 145, 255, 0.7)
}

.event_img_list .item,.event_img_list li {
    position: relative;
    padding: 20px 0;
    border-top: 1px solid #ddd
}

.event_img_list .item:first-child,.event_img_list li:first-child {
    border-top: 0
}

.event_img_list .wrap,.event_img_list a {
    position: relative;
    display: table;
    width: 100%
}

.event_img_list .wrap:hover .txt_box .tit,.event_img_list a:hover .txt_box .tit {
    color: #4391ff
}

.event_img_list .wrap:hover .btn_link,.event_img_list a:hover .btn_link {
    background: #4391ff;
    color: #fff
}

.event_img_list .wrap:hover .img_box:before,.event_img_list a:hover .img_box:before {
    border-width: 3px
}

.event_img_list .img_box {
    position: relative;
    float: left;
    width: 400px;
    margin-right: 40px;
    border: 1px solid #ddd
}

.event_img_list .img_box .img_src {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 66%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.event_img_list .img_box img {
    width: 100%
}

.event_img_list .img_box:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 0 solid #4391ff;
    -webkit-transition: border-width 0.3s;
    -o-transition: border-width 0.3s;
    transition: border-width 0.3s;
    z-index: 5
}

.event_img_list .txt_box {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 10px 0
}

.event_img_list .txt_box .tit {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 1.3em;
    color: #333;
    font-weight: bold;
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.event_img_list .txt_box .date,.event_img_list .txt_box .des {
    margin-top: 20px
}

.event_img_list .txt_box .des {
    font-size: 1.1em;
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .event_img_list .event_t {
        font-size:13px;
        padding: 5px 10px
    }

    .event_img_list .wrap,.event_img_list a {
        display: block
    }

    .event_img_list .img_box {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .event_img_list .txt_box {
        display: block;
        padding: 0
    }

    .event_img_list .txt_box .date,.event_img_list .txt_box .des {
        margin-top: 5px
    }
}

.table-view-01 {
    margin-top: 30px;
    table-layout: fixed;
    width: 100%;
    border-bottom: solid 1px #ddd
}

.table-view-01 .tit {
    font-size: 16px;
    color: #000
}

.table-view-01 tr:first-child td,.table-view-01 tr:first-child th {
    border-top: solid 1px #000
}

.table-view-01 td,.table-view-01 th {
    padding: 10px 8px;
    vertical-align: top;
    border-top: solid 1px #ddd
}

.table-view-01 th {
    color: #333;
    text-align: left;
    font-weight: 500
}

.table-view-01 .blue {
    color: #5d9ad3
}

.table-view-01 .text_left {
    text-align: left
}

.table-view-01 .addfile_txt {
    padding-left: 35px;
    background-image: url(../images/icon/file_i.png);
    background-repeat: no-repeat;
    background-position: left center
}

@media screen and (max-width: 1024px) {
    .table-view-01 .addfile_txt {
        padding-left:20px;
        background-size: 15px
    }
}

.table-view-01 .notice-b {
    display: inline-block;
    padding: 2px 8px;
    background-color: #489fc4;
    color: #fff;
    font-size: 12px;
    border-radius: 10px
}

.table-view-01.title-black th {
    color: #333
}

.table-view-01.th-center th {
    text-align: center
}

.table-view-01.table-line td,.table-view-01.table-line th {
    border: solid 1px #ddd
}

.table-view-01 td .board-box {
    min-height: 150px;
    padding: 10px;
    text-align: initial
}

.table-view-01 .tbl_detail_list li {
    display: inline-block;
    position: relative;
    padding: 0 10px
}

.table-view-01 .tbl_detail_list li:last-child {
    padding-right: 0
}

.table-view-01 .tbl_detail_list li:first-child {
    padding-left: 0
}

.table-view-01 .tbl_detail_list li .tit_t {
    font-weight: bold;
    color: #222;
    margin-right: 5px
}

.table-view-01 .tbl_detail_list li:first-child:before {
    display: none
}

.table-view-01 .tbl_detail_list li:before {
    content: '';
    border-left: 1px solid #ccc;
    height: 10px;
    margin-top: -5px;
    top: 50%;
    left: -2px;
    position: absolute
}

@media screen and (max-width: 768px) {
    .table-view-01 .tbl_detail_list li {
        padding:0 4px
    }

    .table-view-01 .tbl_detail_list li .tit_t {
        margin-right: 0
    }
}

.table-view-01 .tit_box p.tit {
    float: left
}

.table-view-01 .tit_box p.tit .type_t {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    background: #666;
    letter-spacing: -0.8px;
    padding: 0 5px;
    height: 25px;
    line-height: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px
}

.table-view-01 .tit_box p.tbl_detail_span {
    float: right
}

.table-view-01 .tit_box p.tbl_detail_span span:first-child:before {
    display: none
}

.table-view-01 .tit_box p.tbl_detail_span span:before {
    display: inline-block;
    overflow: hidden;
    width: 1px;
    height: 10px;
    margin: -1px 7px 0 4px;
    background: #bbb;
    content: '';
    vertical-align: middle
}

.table-view-01 .tit_box p.tbl_detail_span>span.anwer:before,.table-view-01 .tit_box p.tbl_detail_span>span.anwer_off:before,.table-view-01 .tit_box p.tbl_detail_span>span.anwer_on:before {
    display: none
}

.table-view-01.type_e {
}

.table-view-01.type_e .col_w {
    width: 150px
}

.table-view-01.type_e th {
    background: #f6f6f6;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .table-view-01.type_e .col_w {
        width:80px
    }

    .table-view-01.type_e th {
        padding: 8px 2px
    }
}

.border-list-type {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999
}

.border-list-type li {
    border-bottom: solid 1px #c7c7c7;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-left: 100px;
    text-align: left
}

.border-list-type li:nth-child(2) {
    border-bottom: 0
}

.border-list-type li a {
    display: block
}

.border-list-type li a .list-title {
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    background-repeat: no-repeat;
    background-position: 24px center;
    background-size: 12px
}

.border-list-type li a .list-up-bg {
    background-image: url("../images/icon/list-prev.png")
}

.border-list-type li a .list-down-bg {
    background-image: url("../images/icon/list-next.png")
}

.border-list-type li a .w-con {
    float: none;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.border-list-type .border-none {
    border-bottom: none
}

.paging-area {
    position: relative;
    margin-top: 50px;
    font-size: 0
}

.paging-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.paging-area li {
    display: inline;
    margin-left: 4px;
    padding: 0
}

.paging-area a {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.paging-area a span {
    display: inline-block;
    text-indent: -9999px
}

.paging-area a:hover {
    color: #4391ff
}

.paging-area a.active {
    border-color: #4391ff;
    background-color: #4391ff;
    color: #fff;
    text-decoration: none
}

.paging-area a.prev-first {
    background-image: url("../images/paging/prev-first.png")
}

.paging-area a.prev {
    background-image: url("../images/paging/prev.png")
}

.paging-area a.next-last {
    background-image: url("../images/paging/next-last.png")
}

.paging-area a.next {
    background-image: url("../images/paging/next.png")
}

@media screen and (max-width: 1024px) {
    .paging-area {
        margin-top:30px
    }

    .paging-area a {
        font-size: 13px;
        width: 28px;
        height: 28px;
        background-size: 28px;
        line-height: 26px
    }
}

.board-search-01 {
    border: 0;
    padding: 0;
    max-width: 620px;
    width: 100%;
    margin: 60px auto;
    padding-left: 200px;
    position: relative
}

.board-search-01 .btn,.board-search-01 .input-type-01,.board-search-01 .select-type-01 {
    line-height: 54px;
    height: 54px;
    border: 1px solid #e0e0e0;
    color: #777;
    padding: 0 25px
}

.board-search-01 .select-type-01 {
    width: 190px;
    position: absolute;
    left: 0;
    top: 0
}

.board-search-01 .input-type-01 {
    width: 100%;
    padding-right: 75px
}

.board-search-01 .btn {
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(../images/icon/i_search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto
}

@media screen and (max-width: 1024px) {
    .board-search-01 {
        margin:30px auto;
        padding-left: 105px
    }

    .board-search-01 .btn,.board-search-01 .input-type-01,.board-search-01 .select-type-01 {
        line-height: 42px;
        height: 42px;
        padding: 0 10px
    }

    .board-search-01 .select-type-01 {
        width: 100px
    }

    .board-search-01 .input-type-01 {
        padding-right: 50px
    }

    .board-search-01 .btn {
        width: 50px;
        background-size: 14px
    }
}

.board_write_btn_bx {
    position: relative;
    text-align: right;
    margin-top: 40px
}

@media screen and (max-width: 1024px) {
    .board_write_btn_bx {
        margin-top:10px
    }

    .board_write_btn_bx a {
        width: 100%
    }
}

.board_view_btn_box {
    margin: 40px auto
}

@media screen and (max-width: 1024px) {
    .board_view_btn_box {
        position:relative
    }

    .board_view_btn_box a {
        min-width: 70px;
        padding: 0 10px
    }

    .board_view_btn_box a:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 35px
    }

    .board_view_btn_box a:nth-child(3) {
        position: absolute;
        top: 0;
        left: 60px;
        min-width: 35px
    }

    .board_view_btn_box a:nth-child(4) {
        position: absolute;
        top: 0;
        left: 120px;
        min-width: 35px
    }
}

.table-form-01 {
    width: 100%;
    border-top: 1px solid #000;
    background: #fff
}

.table-form-01 .join_s_txt {
    font-size: 0.9em
}

.table-form-01.type_c td,.table-form-01.type_c th {
    display: block;
    border-bottom: 0
}

.table-form-01.type_c td {
    padding: 0
}

.table-form-01.type_c th {
    padding: 10px 0 5px
}

.table-form-01 .col_w {
    width: 120px
}

@media screen and (max-width: 1024px) {
    .table-form-01 .col_w {
        width:70px
    }
}

.table-form-01 .e_mail_box_wrap {
    max-width: 600px
}

.table-form-01 .num {
    max-width: 500px
}

.table-form-01 tr th {
    padding: 12px 10px;
    text-align: left;
    font-weight: 700;
    color: #222
}

.table-form-01 tr td,.table-form-01 tr th {
    border-bottom: 1px solid #ddd
}

.table-form-01 td {
    padding: 12px 10px
}

@media screen and (max-width: 1024px) {
    .table-form-01 td {
        padding:10px 5px
    }
}

.table-form-01 th label {
    font-weight: bold
}

.table-form-01 .code {
    background: #ddd;
    padding: 10px 10px;
    margin-right: 5px;
    color: #333;
    font-weight: bold
}

.table-form-01 .btn-type-01 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form_wrap.type_c {
    max-width: 600px;
    margin: 0 auto
}

.qna {
    border-top: 1px solid #000;
    background: #fff;
    text-align: left
}

.qna.type_b .qna-header a {
    background: none!important
}

.qna.type_b .qna-header a {
    position: relative
}

.qna.type_b .qna-header a.select:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.qna.type_b .qna-header a:after,.qna.type_b .qna-header a:before {
    background-color: rgba(0, 0, 0, 0.8);
    width: 14px;
    height: 2px;
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -1px;
    content: '';
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

@media screen and (max-width: 1024px) {
    .qna.type_b .qna-header a:after,.qna.type_b .qna-header a:before {
        right:12px
    }
}

.qna.type_b .qna-header a:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.qna.type_b .qna-header a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.qna .qna-header {
    padding: 15px 10px;
    position: relative;
    border-bottom: solid 1px #ddd
}

.qna .qna-header.select {
    color: #4391ff
}

.qna .qna-header.select a {
    color: #4391ff;
    background: url(../images/qna/qna-down.png) no-repeat right center
}

.qna .qna-header.select:before {
    color: #4391ff
}

.qna .qna-header:before {
    content: 'Q.';
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 20px;
    margin-top: -15px;
    font-weight: 500
}

.qna .qna-header a {
    display: block;
    padding-left: 40px;
    padding-right: 30px;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 400;
    color: #222;
    background: url(../images/qna/qna-up.png) no-repeat right center
}

@media screen and (max-width: 1024px) {
    .qna .qna-header a {
        font-size:14px
    }
}

.qna .qna-header a:hover {
    color: #4391ff
}

.qna .qna-body {
    display: none;
    padding: 20px 20px 20px 50px;
    line-height: 1.5;
    color: #333;
    border-bottom: solid 1px #ddd;
    position: relative;
    background: #f6f6f6
}

@media screen and (max-width: 1024px) {
    .qna .qna-body {
        font-size:14px
    }
}

.qna .qna-body:before {
    content: 'A.';
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 20px;
    font-weight: 500;
    color: #4391ff
}

.qna_tab {
    margin-bottom: 30px
}

.qna_tab ul {
    text-align: center
}

.qna_tab ul li {
    float: left
}

.qna_tab ul li a {
    display: block;
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #666;
    border: 1px solid #ddd;
    background: #fff;
    margin-left: -1px;
    margin-top: -1px
}

.qna_tab ul li a.on,.qna_tab ul li a:hover {
    color: #fff;
    border-color: #4391ff;
    background: #4391ff
}

@media screen and (max-width: 1024px) {
    .qna_tab {
        margin-bottom:20px
    }

    .qna_tab ul li a {
        height: 35px;
        font-size: 13px;
        line-height: 35px;
        letter-spacing: -0.8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.clause_list {
    margin-bottom: 30px
}

.clause_list h5 {
    color: #333;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 500
}

.clause_list li .textarea_box_border {
    border: 1px solid #dedede;
    padding: 20px;
    padding-right: 0;
    font-size: 13px
}

.clause_list li .scroll-con-y,.clause_list li .textarea_box {
    height: 150px;
    overflow-y: auto
}

@media screen and (max-width: 1024px) {
    .clause_list li .scroll-con-y,.clause_list li .textarea_box {
        padding:10px;
        height: 120px
    }
}

.num {
    display: table;
    vertical-align: middle;
    width: 100%
}

.num li {
    position: relative;
    display: table-cell;
    width: 33.3333%;
    padding-left: 10px
}

.num li:before {
    float: left;
    width: 6px;
    left: 2px;
    top: 50%;
    color: #444;
    position: absolute;
    line-height: 1;
    height: 1px;
    display: block;
    background-color: #444;
    text-align: center;
    content: ''
}

.num li:first-child {
    padding-left: 0
}

.num li:first-child:before {
    display: none
}

.e_mail_box {
    display: table;
    width: 100%
}

.e_mail_box .mail_txt,.e_mail_box .mail_txt2 {
    display: table-cell;
    width: 31.333%;
    vertical-align: middle
}

.e_mail_box .mail_a {
    display: table-cell;
    width: 4%;
    text-align: center;
    vertical-align: middle
}

.e_mail_box .mail_sel {
    display: table-cell;
    width: 31.333%;
    vertical-align: middle;
    padding-left: 10px
}

.e_mail_box .mail_sel:before {
    float: left;
    width: 10px;
    line-height: 28px;
    margin-left: -10px;
    text-align: center;
    content: ''
}

.id_num {
    display: table;
    vertical-align: middle;
    width: 100%
}

.id_num li {
    display: table-cell;
    width: 50%;
    padding-left: 10px
}

.id_num li:before {
    float: left;
    width: 10px;
    line-height: 40px;
    margin-left: -10px;
    color: #444;
    text-align: center;
    content: '-'
}

.id_num li:first-child {
    padding-left: 0
}

.id_num li:first-child:before {
    display: none
}

.area_select {
    display: table;
    vertical-align: middle;
    width: 100%
}

.area_select li {
    display: table-cell;
    width: 50%;
    padding-left: 10px
}

.area_select.txt3 li {
    display: table-cell;
    width: 33.333%;
    padding-left: 10px
}

.area_select li:first-child {
    padding-left: 0
}

.area_select li:first-child:before {
    display: none
}

.area_select li:before {
    float: left;
    width: 10px;
    line-height: 28px;
    margin-left: -10px;
    text-align: center;
    content: ''
}

.input_date {
    background-image: url(../images/icon/i_calendar.png);
    background-repeat: no-repeat;
    background-position: right center
}

@media screen and (max-width: 1024px) {
    .input_date {
        background-size:30px
    }
}

.input_won {
    display: inline-block;
    padding-right: 30px;
    position: relative;
    max-width: 300px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input_won .won_t {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px
}

.input_for {
    width: 100%;
    padding: 0
}

.sel_for {
    width: 100%;
    border: 1px solid #ccc
}

.sel_30 {
    width: 100%;
    max-width: 300px;
    border: 1px solid #ccc
}

textarea {
    margin: 0;
    border: solid 1px #ccc;
    background-color: #fff;
    overflow: auto;
    min-height: 200px;
    width: 80%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    resize: none
}

.area_for {
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    border: solid 1px #ddd;
    overflow-y: auto
}

.filebox_css input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.filebox_css label {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #6a6a6a;
    cursor: pointer;
    border: 1px solid #555
}

.filebox_css .upload-name {
    display: inline-block;
    padding: 3px 5px;
    font-size: 15px;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc
}

.file_box {
    position: relative;
    padding-right: 100px
}

.file_box:hover .btn_type_file {
    background: #666
}

.file_box .text_01 {
    position: absolute;
    top: 2px;
    left: 0
}

.file_box p {
    border: 1px solid #ccc;
    line-height: 50px;
    height: 50px;
    overflow: hidden
}

.file_box .btn_type_file {
    display: block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #999;
    font-weight: 300;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.file_box .btn_type_file:hover {
    background: #666
}

.file_box input {
    position: absolute;
    top: 0;
    right: 0;
    width: 102px;
    height: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    -webkit-appearance: none
}

@media screen and (max-width: 1024px) {
    .file_box {
        padding-right:60px
    }

    .file_box p {
        line-height: 40px;
        height: 40px
    }

    .file_box .btn_type_file {
        width: 60px;
        height: 40px;
        line-height: 40px
    }

    .file_box input {
        width: 62px;
        height: 40px
    }
}

.input_btn_box {
    position: relative;
    padding-right: 100px
}

.input_btn_box .table-btn-01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 95px
}

.chk_area input[type=checkbox],.chk_area input[type=radio],.radio_bx input[type=checkbox],.radio_bx input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.chk_area input[type=checkbox]+label,.chk_area input[type=radio]+label,.radio_bx input[type=checkbox]+label,.radio_bx input[type=radio]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.chk_area input[type=checkbox] {
    line-height: 19px
}

.chk_area input[type=checkbox]+label {
    padding-left: 25px
}

.chk_area input[type=checkbox]+label:before {
    width: 19px;
    height: 19px;
    top: 50%;
    margin-top: -9.5px;
    content: '';
    position: absolute;
    left: 0;
    text-align: center;
    background-position: center;
    background-size: cover;
    border: 1px solid #ddd;
    font-size: 17px
}

.chk_area input[type=checkbox]+label:hover:before {
    border-color: #4391ff
}

.chk_area input[type=checkbox]:checked+label:before {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e929';
    color: #4391ff;
    border-color: #4391ff
}

.chk_area input[type=radio] {
    line-height: 19px
}

.chk_area input[type=radio]+label {
    font-size: 18px;
    padding-right: 20px;
    padding-left: 25px
}

.chk_area input[type=radio]+label:before {
    top: 50%;
    margin-top: -9.5px;
    width: 19px;
    height: 19px;
    content: '';
    border: 1px solid #ddd;
    border-radius: 50%;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0
}

.chk_area input[type=radio]:hover+label:before {
    border-color: #222
}

.chk_area input[type=radio]:checked+label:before {
    border: 5px solid #222
}

.tab2 li {
    width: 50%
}

.tab3 li {
    width: 33.33333%
}

.tab4 li {
    width: 25%
}

.tab5 li {
    width: 20%
}

.tab6 li {
    width: 16.66667%
}

.tab7 li {
    width: 14.28571%
}

.tab8 li {
    width: 12.5%
}

.tab9 li {
    width: 11.11111%
}

.tab10 li {
    width: 10%
}

.tab11 li {
    width: 9.09091%
}

.tab12 li {
    width: 8.33333%
}

.tab-wrap,.tabwrap {
    position: relative
}

.tab-wrap .tab,.tabwrap .tab {
    padding: 0;
    list-style: none
}

.tab-wrap .tab li,.tabwrap .tab li {
    float: left
}

.tab-wrap .tab a,.tabwrap .tab a {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 100%
}

.tab-wrap .tab a.active,.tab-wrap .tab a.on,.tab-wrap .tab a:hover,.tabwrap .tab a.active,.tabwrap .tab a.on,.tabwrap .tab a:hover {
    z-index: 1
}

.tab-wrap .tab-content,.tabwrap .tab-content {
    display: none
}

.tab.border {
    margin: 0 auto;
    width: 100%;
    word-break: keep-all
}

.tab.border:after,.tab.border:before {
    display: table;
    content: ''
}

.tab.border:after {
    clear: both
}

.tab.border li {
    float: left;
    display: table;
    height: 60px;
    line-height: 60px
}

@media screen and (max-width: 1024px) {
    .tab.border li {
        height:40px;
        line-height: 40px
    }
}

.tab.border li:first-child a {
    border-left: 0
}

.tab.border li a {
    background-color: #fafafa;
    border-right: 0;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    letter-spacing: -0.5px;
    color: #666;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #666
}

.tab.border li a:not(.on):hover {
    color: #4391ff
}

.tab.border li a.active,.tab.border li a.on {
    background-color: #fff;
    border: 1px solid #666;
    border-bottom: 0
}

.tab.bar li {
    font-size: 0;
    margin-bottom: 5px;
    width: auto!important;
    display: inline-block;
    float: none;
    padding: 0 10px;
    border-left: 1px solid #ddd
}

.tab.bar li:first-child {
    border-left: 0;
    padding-left: 0
}

.tab.bar a {
    border: 0;
    width: 100%;
    line-height: 1;
    letter-spacing: -0.4px;
    color: #666;
    font-size: 1.0625em;
    position: relative
}

.tab.bar a:after {
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    display: inline-block;
    bottom: 0;
    left: 0;
    background-color: #4391ff;
    -webkit-transition: width 300ms;
    -o-transition: width 300ms;
    transition: width 300ms
}

.tab.bar a:hover {
    color: #4391ff
}

.tab.bar a.on {
    color: #4391ff
}

.tab.bar a.on:after {
    width: 100%
}

.tab.box {
    margin: 0 auto;
    width: 100%
}

.tab.box:after,.tab.box:before {
    display: table;
    content: ''
}

.tab.box:after {
    clear: both
}

.tab.box li {
    display: table;
    float: left;
    border: 1px solid #ddd;
    border-left: 0;
    height: 60px;
    table-layout: fixed
}

.tab.box li:first-child {
    border-left: 1px solid #ddd
}

@media screen and (max-width: 1024px) {
    .tab.box li {
        height:45px
    }
}

.tab.box a {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    border: 0;
    width: 100%;
    line-height: 1.3;
    letter-spacing: -0.5px;
    color: #222;
    background-color: #fff
}

.tab.box a.active,.tab.box a.on {
    color: #fff;
    background-color: #27282b
}

.bar_span span {
    position: relative;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 10px
}

.bar_span span:first-child:before {
    content: none
}

.bar_span span:before {
    height: 10px;
    margin-top: -5px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 10px;
    background: #ccc
}

.hyphen_list li {
    position: relative;
    padding-left: 10px
}

.hyphen_list li:before {
    position: absolute;
    content: '- ';
    top: 0;
    left: 0
}

.hyphen_list li.none:before {
    content: ''
}

.dot_list>li {
    position: relative;
    padding-left: 10px
}

.dot_list>li:before {
    position: absolute;
    content: '· ';
    top: 0;
    left: 0
}

@media screen and (max-width: 1024px) {
    .qna_board_type_1 .table_board_for colgroup,.qna_board_type_1 .table_board_for colgroup col,.qna_board_type_1 .table_board_for thead,.qna_board_type_2 .table_board_for colgroup,.qna_board_type_2 .table_board_for colgroup col,.qna_board_type_2 .table_board_for thead {
        display:none
    }

    .qna_board_type_1 .table_board_for tr:after,.qna_board_type_2 .table_board_for tr:after {
        content: '';
        display: block;
        clear: both
    }

    .qna_board_type_1 .table_board_for tbody tr,.qna_board_type_2 .table_board_for tbody tr {
        border-top: 1px solid #ddd;
        padding: 5px 0
    }

    .qna_board_type_1 .table_board_for tbody tr:first-child,.qna_board_type_2 .table_board_for tbody tr:first-child {
        border-top: 0
    }

    .qna_board_type_1 .table_board_for tbody,.qna_board_type_1 .table_board_for tr,.qna_board_type_2 .table_board_for tbody,.qna_board_type_2 .table_board_for tr {
        display: block
    }

    .qna_board_type_1 .table_board_for td,.qna_board_type_2 .table_board_for td {
        padding: 4px
    }
}

@media screen and (max-width: 1024px) {
    .qna_board_type_1 .table_board_for td {
        display:block;
        width: 100%!important;
        text-align: left;
        border: none;
        float: left;
        margin-right: 5px;
        width: auto!important
    }

    .qna_board_type_1 .table_board_for td:nth-child(3) {
        margin: 0;
        width: 100%!important
    }
}

@media screen and (max-width: 1024px) {
    .qna_board_type_2 .table_board_for td {
        display:block;
        width: 100%!important;
        text-align: left;
        border: none
    }

    .qna_board_type_2 .table_board_for td:nth-child(2) {
        float: left;
        width: 100%!important
    }

    .qna_board_type_2 .table_board_for td:first-child,.qna_board_type_2 .table_board_for td:nth-child(3),.qna_board_type_2 .table_board_for td:nth-child(4),.qna_board_type_2 .table_board_for td:nth-child(5) {
        float: left;
        margin-right: 5px;
        width: auto!important
    }
}

body {
    font-family: "NanumSquareRound", "NanumSquare", sans-serif;
    font-size: 16px;
    width: 100%;
    color: #666;
    line-height: 1.6;
    -webkit-text-size-adjust: none;
    font-weight: 400;
}

body>.home {
    min-width: 320px;
    overflow-x: hidden
}

@media screen and (max-width: 1024px) {
    body {
        font-size:13px
    }
}

.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px
}

@media (max-width: 1200px) {
    .wrapper {
        padding:0 15px
    }
}

.con-margin-01 {
    margin-top: 30px
}

.con-margin-02 {
    margin-top: 60px
}

@media screen and (max-width: 640px) {
    .con-margin-01 {
        margin-top:20px
    }

    .con-margin-02 {
        margin-top: 40px
    }
}

#header {
    z-index: 100;
    position: relative;
    height: 140px
}

@media screen and (max-width: 1200px) {
    #header {
        height:124px
    }
}

@media screen and (max-width: 1024px) {
    #header {
        height:60px
    }
}

.branch-home .gnb_search_wrap .hot_search {
    display: none
}

.branch-home .header .logo .branch_logo {
    -webkit-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms;
    text-align: left;
    position: absolute;
    left: 260px;
    width: auto;
    height: auto;
    top: 50%;
    line-height: 1;
    margin-top: -12px;
    font-size: 25px;
    color: #384e6d;
    font-weight: 600;
    letter-spacing: -0.3px;
    font-family: "NanumSquare", sans-serif;
    white-space: nowrap
}

@media screen and (max-width: 1600px) {
    .branch-home .header .logo .branch_logo {
        left:200px
    }
}

@media screen and (max-width: 1200px) {
    .branch-home .header .logo .branch_logo {
        left:170px;
        font-size: 20px;
        margin-top: -10px
    }
}

@media screen and (max-width: 480px) {
    .branch-home .header .gnb_bx {
        padding:0 5px
    }

    .branch-home .header .logo {
        background-size: 100px;
        width: 100px;
		background-position:center 25px;
    }

    .branch-home .header .logo .branch_logo {
        left:0px;
		width: 100%;
		text-align: center;
        font-size:11px;
        margin-top: -19px
    }
}

.header.simple {
    margin-top: -50px
}

.header.simple .logo {
    height: 60px
}

.header.simple .depth .depth02_box {
    top: 60px
}

.header.simple .depth .depth01>a {
    line-height: 60px
}

.header.simple+.gnb_search_wrap.on {
    top: 60px
}

.header.simple.up {
    margin-top: 0
}

.header.simple.up+.gnb_search_wrap.on {
    top: 110px
}

@media screen and (max-width: 1200px) {
    .header.simple {
        margin-top:-34px
    }

    .header.simple.up {
        margin-top: 0
    }

    .header.simple.up+.gnb_search_wrap.on {
        top: 94px
    }
}

@media screen and (max-width: 1024px) {
    .header.simple {
        margin-top:0
    }

    .header.simple.up {
        margin-top: 0
    }

    .header.simple.up+.gnb_search_wrap.on {
        top: 60px
    }
}

.header {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transition: 500ms all;
    -o-transition: 500ms all;
    transition: 500ms all;
    border-bottom: 1px solid #d6d6d7
}

.header .wrap {
    position: relative;
    max-width: 1630px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%
}

.header .topmenu {
    background-color: #384e6d;
    font-size: 0;
    text-align: right
}
.header .topmenu_new {
	background-color: #393939;
}

.header .topmenu,.header .topmenu a {
    color: #fff
}

.header .topmenu .bx {
    font-size: 14px;
    display: inline-block;
    text-align: left;
    line-height: 50px
}

.header .topmenu .bx:after,.header .topmenu .bx:before {
    display: table;
    content: ''
}

.header .topmenu .bx:after {
    clear: both
}

.header .topmenu .bx a:hover {
    text-decoration: underline
}

.header .topmenu .bx li {
    float: left;
    margin-left: 20px
}

.header .topmenu .bx li:first-child {
    margin-left: 0
}

.header .topmenu ._language {
    margin-left: 40px
}

.header .topmenu ._language li {
    margin-left: 4px
}

.header .topmenu ._language a {
    filter: alpha(opacity=30);
    opacity: 0.3;
    padding: 0 16px;
    line-height: 27px;
    border-radius: 27px;
    display: inline-block
}

.header .topmenu ._language a.on {
    filter: alpha(opacity=100);
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.header .topmenu ._call {
    float: left
}

.header .topmenu ._call .bold {
    font-weight: 600
}

.header .topmenu ._call img {
    vertical-align: middle;
    margin-right: 5px
}

@media screen and (max-width: 1200px) {
    .header .topmenu .bx {
        font-size:12px;
        line-height: 34px
    }

    .header .topmenu .bx li {
        margin-left: 12px
    }

    .header .topmenu ._language {
        margin-left: 30px
    }

    .header .topmenu ._language li {
        margin-left: 2px
    }

    .header .topmenu ._language a {
        padding: 0 10px;
        line-height: 23px;
        border-radius: 23px
    }

    .header .topmenu ._call img {
        width: 12px
    }
}

.header .logo {
    width: 260px;
    position: absolute;
    left: 0;
    top: 50%;
	transform: translate(0, -50%);
    display: block;
    height: 90px;
    background-repeat: no-repeat;
    background-image: url(../images/main/logo.png?d=200518);
    background-position: center left
}
.header .logo_new {
	background-image: url(../images/main/logo_new.png?d=200518);
}
.header .logo a {
    display: block;
    width: 100%;
    height: 100%
}

.header .util_menu {
    position: absolute;
    right: 0;
    line-height: 90px;
    top: 50%;
    margin-top: -20px
}

.header .util_menu li {
    float: left;
    margin-left: 20px
}

.header .util_menu li:first-child {
    margin-left: 0
}

.header .util_menu .btn {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: center
}

.header .util_menu .gnb_nav_open {
    display: none
}

.header .util_menu .full_nav_open {
    background-image: url(../images/main/i_head_ham.png)
}

.header .util_menu .user {
    background-image: url(../images/main/i_head_user.png)
}

.header .util_menu .search {
    background-image: url(../images/main/i_head_search.png)
}

.header .gnb_bx {
    text-align: center;
    position: relative;
    font-size: 0;
    padding: 0 15px
}

.header .gnb_bx .wrap {
    padding: 0
}

.header .gnb_wrap {
	padding: 0 160px 0 260px;
}

.header .depth {
    text-align: left;
    font-size: 16px;
    display: flex;
	padding-left:180px;
	
}
.header .depth.branch_depth {
	width: auto;
}

.header .depth:after,.header .depth:before {
    display: table;
    content: ''
}

.header .depth:after {
    clear: both
}

.header .depth .depth02_box,.header .depth .depth03_box,.header .depth .gnb_hidden {
    display: none
}

.header .depth .depth01 {
	flex:auto;
    position: relative
}

.header .depth .depth01>a {
    padding: 0 15px;
    letter-spacing: -0.2px;
    height: 90px;
	align-items:center;
	justify-content: center;
	line-height:1.3em;
    color: #333;
    font-size: 16px;
    display: flex;
    position: relative;
    -webkit-transition: line-height 300ms;
    -o-transition: line-height 300ms;
    transition: line-height 300ms
}

.header .depth .depth01>a:after {
    border-top: 3px solid #4391ff;
    display: block;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0
}

.header .depth .depth01>a:hover {
    color: #4391ff
}

.header .depth .depth01>a.on {
    color: #4391ff
}

.header .depth .depth01>a.on:after {
    content: ''
}

.header .depth .depth02_box {
    top: 90px;
    position: absolute;
    left: 50%;
    width: 100%;
    width: 240px;
    margin-left: -120px;
    text-align: left
}

.header .depth .depth02_box>ul>li>a {
    z-index: 3;
    line-height: 55px;
    background-color: #34393e;
    color: #b8bfc5;
    padding: 0 35px;
    position: relative;
    display: block;
    -webkit-transition: color 500ms, background 500ms;
    -o-transition: color 500ms, background 500ms;
    transition: color 500ms, background 500ms
}

.header .depth .depth02_box>ul>li>a:before {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.header .depth .depth02_box>ul>li>a:before {
    position: absolute;
    right: 30px;
    line-height: 55px;
    top: 0
}

.header .depth .depth02_box>ul>li>a.on,.header .depth .depth02_box>ul>li>a:hover {
    background-color: #1f2326;
    color: #fff
}

.header .depth .depth02_box>ul>li>a.on:before,.header .depth .depth02_box>ul>li>a:hover:before {
    content: '\e93e'
}

.header .depth .has_dep03 {
    position: static
}

.header .depth .has_dep03 .depth02_box {
    left: 50%;
    margin-left: -540px
}

.header .depth .has_dep03 .depth02_box>ul>li>a.on+.depth03_box {
    display: block
}

.header .depth .has_dep03 .depth03_box {
    z-index: 1;
    width: 1200px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 240px;
    background-color: #34393e
}

.header .depth .has_dep03 .depth03_box.on {
    display: block;
    color: #4391ff
}

.header .depth .has_dep03 .depth03_box.on .img_bx:before {
    background-color: rgba(202, 202, 202, 0.2)
}

.header .depth .has_dep03 .depth03_box ul {
    background-color: #fff;
    padding: 40px;
    text-align: center
}

.header .depth .has_dep03 .depth03_box ul li {
    width: 25%;
    float: left;
    padding: 0 10px 10px
}

.header .depth .has_dep03 .depth03_box ul a {
    position: relative;
    display: block;
    color: #222;
    font-size: 0.9375em
}

.header .depth .has_dep03 .depth03_box ul a:hover {
    color: #4391ff
}

.header .depth .has_dep03 .depth03_box ul a:hover .img_bx:before {
    background-color: rgba(67, 145, 255, 0.8)
}

.header .depth .has_dep03 .depth03_box ul a:hover .img_bx:after {
    color: #fff
}

.header .depth .has_dep03 .depth03_box ul .img_bx {
    margin-bottom: 5px;
    position: relative;
    overflow: hidden
}

.header .depth .has_dep03 .depth03_box ul .img_bx img {
    width: 100%
}

.header .depth .has_dep03 .depth03_box ul .img_bx:after {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9c5";
    color: transparent;
    -webkit-transition: 500ms all;
    -o-transition: 500ms all;
    transition: 500ms all;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 40px;
    position: absolute
}

.header .depth .has_dep03 .depth03_box ul .img_bx:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(202, 202, 202, 0.5);
    -webkit-transition: 500ms all;
    -o-transition: 500ms all;
    transition: 500ms all
}

@media screen and (max-width: 1600px) {
    .header .logo {
        width:200px;
        background-size: 200px auto
    }

    .header .util_menu li {
        margin-left: 10px
    }

   .header .gnb_wrap {
        padding: 0 140px 0 200px
    }

    .header .depth .depth01>a {
        padding: 0 10px;
        font-size: 16px;
		word-break: keep-all;
    }
}

@media screen and (max-width: 1200px) {
    .header .logo {
        left:5px;
        width: 150px;
        background-size: 150px auto
    }

    .header .util_menu {
        margin-top: -15px
    }

    .header .util_menu li {
        margin-left: 5px
    }

    .header .util_menu .btn {
        width: 30px;
        height: 30px;
        background-size: 18px
    }

    .header .gnb_wrap {
        padding: 0 100px 0 160px
    }

    .header .depth .depth01>a {
        padding: 0 8px;
        font-size: 15px
    }
}

@media screen and (max-width: 1024px) {
    .header {
        position:fixed;
        top: 0;
        left: 0;
        right: 0
    }

    .header .wrap {
        padding: 0
    }

    .header .topmenu {
        display: none
    }

    .header .logo {
        width: 100px;
        position: relative;
        height: 60px;
		transform: none;
        background-size: 100px auto;
        background-image: url(../images/main/logo_m.png?d=201105)
    }
	.header .logo_new {
		margin:0 auto;
		width:130px;
		background-size: 128px auto;
		background-image: url(../images/main/logo_new.png?d=200518);
	}
	.header .util_menu li.menu_all {position:fixed; left:0px; top:14px;}
	


    .header .util_menu {
        line-height: 60px;
        top: 50%;
        margin-top: -15px
    }

    .header .util_menu li {
        float: right
    }

    .header .util_menu li,.header .util_menu li:first-child {
        margin-left: 5px
    }

    .header .util_menu .btn {
        background-size: 24px
    }

    .header .util_menu .gnb_nav_open {
        display: block
    }

    .header .util_menu .full_nav_open,.header .util_menu .gnb_nav_open {
        background-image: url(../images/main/i_head_ham_m.png)
    }

    .header .util_menu .full_nav_open {
        display: none
    }

    .header .util_menu .user {
        background-image: url(../images/main/i_head_user_m.png)
    }

    .header .util_menu .search {
        background-image: url(../images/main/i_head_search_m.png)
    }

    .header .gnb_wrap {
        display: none
    }
}

.gnb_search_wrap {
    -webkit-transition: 500ms top;
    -o-transition: 500ms top;
    transition: 500ms top;
    z-index: 99;
    position: fixed;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    top: -100%
}

.gnb_search_wrap.on {
    top: 140px
}

@media screen and (max-width: 1200px) {
    .gnb_search_wrap.on {
        top:124px
    }
}

@media screen and (max-width: 1024px) {
    .gnb_search_wrap {
        position:fixed;
        top: -1000px;
        top: -100vh
    }

    .gnb_search_wrap.on {
        top: 60px
    }
}

.gnb_search_wrap,.search_wrap_onpage {
    width: 100%;
    text-align: center;
    background-color: #fff;
    text-align: center
}

.gnb_search_wrap .wrap,.search_wrap_onpage .wrap {
    width: 100%;
    max-width: 1600px;
    position: relative;
    margin: 0 auto;
    padding: 50px 0 100px
}

.gnb_search_wrap .search_close,.search_wrap_onpage .search_close {
    display: block;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 0;
    position: absolute;
    background-image: url(../images/main/i_search_bx_close.png);
    background-repeat: no-repeat;
    background-position: center
}

.gnb_search_wrap .search_bx,.search_wrap_onpage .search_bx {
    max-width: 580px;
    display: block;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.gnb_search_wrap .search_bx .btn,.gnb_search_wrap .search_bx .input,.search_wrap_onpage .search_bx .btn,.search_wrap_onpage .search_bx .input {
    line-height: 94px;
    height: 94px;
    border: 0;
    background: none
}

.gnb_search_wrap .search_bx .input,.search_wrap_onpage .search_bx .input {
    width: 100%;
    padding: 0;
    padding-right: 94px;
    font-size: 1.875em;
    font-weight: 300;
    text-align: center;
    border-bottom: 2px solid #4391ff
}

.gnb_search_wrap .search_bx .input :-moz-placeholder,.gnb_search_wrap .search_bx .input :-ms-input-placeholder,.gnb_search_wrap .search_bx .input ::-moz-placeholder,.gnb_search_wrap .search_bx .input ::-webkit-input-placeholder,.search_wrap_onpage .search_bx .input :-moz-placeholder,.search_wrap_onpage .search_bx .input :-ms-input-placeholder,.search_wrap_onpage .search_bx .input ::-moz-placeholder,.search_wrap_onpage .search_bx .input ::-webkit-input-placeholder {
    color: #b9b9b9
}

.gnb_search_wrap .search_bx .btn,.search_wrap_onpage .search_bx .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    text-indent: -9999999999em;
    width: 94px;
    background-image: url(../images/main/i_search_bx.png);
    background-position: center;
    background-repeat: no-repeat
}

.gnb_search_wrap .hot_search,.search_wrap_onpage .hot_search {
    display: none;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
    text-align: center
}

.gnb_search_wrap .hot_search .title,.search_wrap_onpage .hot_search .title {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    font-family: "NanumSquare", sans-serif;
    margin-bottom: 10px
}

.gnb_search_wrap .hot_search .list,.search_wrap_onpage .hot_search .list {
    font-size: 0
}

.gnb_search_wrap .hot_search .list li,.search_wrap_onpage .hot_search .list li {
    display: inline-block;
    margin: 2px
}

.gnb_search_wrap .hot_search .list .word,.search_wrap_onpage .hot_search .list .word {
    display: block;
    font-size: 13px;
    line-height: 30px;
    border-radius: 30px;
    border: 1px solid #ddd;
    padding: 0 10px
}

.gnb_search_wrap .hot_search .list .word .no,.search_wrap_onpage .hot_search .list .word .no {
    display: none
}

@media screen and (max-width: 1024px) {
    .gnb_search_wrap .hot_search,.search_wrap_onpage .hot_search {
        display:block
    }

    .gnb_search_wrap .wrap,.search_wrap_onpage .wrap {
        padding: 20px 0 80px
    }

    .gnb_search_wrap .search_close,.search_wrap_onpage .search_close {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 0;
        left: 0;
        top: auto;
        margin: 0 auto;
        background-image: url(../images/main/i_search_bx_close_m.png);
        background-size: 30px
    }
}

@media screen and (max-width: 1024px) and (max-width:610px) {
    .gnb_search_wrap .search_bx,.search_wrap_onpage .search_bx {
        margin:0 15px;
        width: auto
    }
}

@media screen and (max-width: 1024px) {
    .gnb_search_wrap .search_bx .btn,.gnb_search_wrap .search_bx .input,.search_wrap_onpage .search_bx .btn,.search_wrap_onpage .search_bx .input {
        line-height:50px;
        height: 50px
    }

    .gnb_search_wrap .search_bx .input,.search_wrap_onpage .search_bx .input {
        padding-right: 50px
    }

    .gnb_search_wrap .search_bx .btn,.search_wrap_onpage .search_bx .btn {
        width: 50px;
        background-image: url(../images/main/i_head_search_m.png);
        background-size: 30px
    }
}

.search_wrap_onpage .search_close {
    display: none
}

.search_wrap_onpage .hot_search {
    display: block
}

.nav_bg,.nav_bg_search {
    position: fixed;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -9;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    transition: background-color 500ms
}

.nav_bg.on,.nav_bg_search.on {
    background-color: rgba(0, 0, 0, 0.6)
}

.nav_bg.on {
    z-index: 101
}

.nav_bg_search.on {
    z-index: 1
}

.mo_gnb_wrap {
    display: none;
    top: 0;
    right: -100%;
    height: 100vh;
    width: 100%;
    max-width: 640px;
    background-color: #fff;
    position: fixed;
    -webkit-transition: right 500ms;
    -o-transition: right 500ms;
    transition: right 500ms;
    z-index: 500
}

.mo_gnb_wrap>.wrap {
    background-color: #fff;
    overflow: auto;
    height: -o-calc(100% - 60px);
    height: -ms-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    position: relative
}

.mo_gnb_wrap.on {
    display: block;
    right: 0
}

.mo_gnb_wrap .head_bx {
    line-height: 60px;
    text-align: center;
    position: relative
}

.mo_gnb_wrap .head_bx .mo_gnb_wrap_close {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-image: url(../images/main/i_search_bx_close_m.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center
}

.mo_gnb_wrap .head_bx .logo {
    display: inline-block;
    line-height: 60px
}

.mo_gnb_wrap .head_bx .logo img {
    vertical-align: middle;
    width: 150px
}

.mo_gnb_wrap .user_bx {
    padding: 20px 15px;
    text-align: center
}

.mo_gnb_wrap .user_bx .title {
    color: #222;
    font-size: 16px;
    font-weight: bold;
    font-family: "NanumSquare", sans-serif;
    margin-bottom: 20px
}

.mo_gnb_wrap .user_bx .title .profile {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.mo_gnb_wrap .user_bx .title .profile img {
    width: 100%
}

.mo_gnb_wrap .user_bx .btn {
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #4391ff;
    background-color: #4391ff;
    color: #fff;
    display: block
}

.mo_gnb_wrap .user_bx .btn._w {
    background-color: #fff;
    color: #4391ff
}

.mo_gnb_wrap .gnb_hidden {
    display: none
}

.mo_gnb_wrap .depth {
    font-size: 14px
}

.mo_gnb_wrap .depth a {
    color: #222;
    display: block
}

.mo_gnb_wrap .depth a:after {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px
}

.mo_gnb_wrap .depth .depth01,.mo_gnb_wrap .depth .depth02_box,.mo_gnb_wrap .depth .depth03_box {
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(221, 221, 221, 0.5)
}

.mo_gnb_wrap .depth .depth01._branch {
    background-color: #292e34
}

.mo_gnb_wrap .depth .depth01._branch>a {
    color: #fff
}

.mo_gnb_wrap .depth .depth01._down>a:after {
    content: '\e93e'
}

.mo_gnb_wrap .depth .depth01.has_dep03 .depth02_box a:after {
    color: #666;
    line-height: 40px;
    content: '\e942'
}

.mo_gnb_wrap .depth .depth01.has_dep03 .depth02_box a.selected2:after {
    color: #4391ff;
    content: '\e945'
}

.mo_gnb_wrap .depth .depth01>a {
    padding: 0 15px;
    color: #222
}

.mo_gnb_wrap .depth .depth01>a:after {
    line-height: 40px;
    content: "\e913"
}

.mo_gnb_wrap .depth .depth01>a.selected1 {
    color: #4391ff
}

.mo_gnb_wrap .depth .depth01>a.selected1:after {
    content: "\e91a"
}

.mo_gnb_wrap .depth .depth01>a,.mo_gnb_wrap .depth .depth02_box a {
    line-height: 40px
}

.mo_gnb_wrap .depth .depth02_box {
    background-color: #f8f9fa;
    font-size: 13px
}

.mo_gnb_wrap .depth .depth02_box a {
    padding-left: 25px
}

.mo_gnb_wrap .depth .depth02_box a:before {
    content: '- '
}

.mo_gnb_wrap .depth .depth03_box {
    display: none;
    padding: 15px 0;
    background-color: #ececec;
    font-size: 12px
}

.mo_gnb_wrap .depth .depth03_box .img_bx {
    display: none
}

.mo_gnb_wrap .depth .depth03_box li {
    margin-top: 10px
}

.mo_gnb_wrap .depth .depth03_box li:first-child {
    margin-top: 0
}

.mo_gnb_wrap .depth .depth03_box a {
    line-height: 1.3;
    padding-left: 35px
}

.mo_gnb_wrap .depth .depth03_box a:after {
    content: none;
    display: none
}

.mo_gnb_wrap .depth .depth03_box a:before {
    content: '· '
}

.mo_gnb_wrap .language_bx {
    background-color: #384e6d;
    text-align: center;
    padding: 20px 0
}

.mo_gnb_wrap .language_bx .wrap {
    padding-left: 75px;
    display: inline-block;
    text-align: left;
    position: relative
}

.mo_gnb_wrap .language_bx .title {
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mo_gnb_wrap .language_bx li {
    margin-left: 4px;
    display: inline-block
}

.mo_gnb_wrap .language_bx a {
    filter: alpha(opacity=30);
    opacity: 0.3;
    padding: 0 16px;
    line-height: 27px;
    border-radius: 27px;
    display: inline-block;
    color: #fff
}

.mo_gnb_wrap .language_bx a.on {
    filter: alpha(opacity=100);
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

@media screen and (max-width: 1024px) {
    .mo_gnb_wrap {
        display:block
    }
}

.footer_wrap {
    position: relative;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #313131;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: center
}

.footer_wrap,.footer_wrap a {
    color: #888
}

@media screen and (max-width: 1024px) {
    .footer_wrap {
        font-size:13px
    }
}

.footer_wrap .bar_span span:before {
    background-color: rgba(136, 136, 136, 0.4)
}

.footer_wrap .bar_span span:first-child {
    padding-left: 0
}

.footer_wrap .foot_top {
    text-align: center;
    position: relative;
    border-bottom: 1px solid #454545;
    padding: 30px 0
}

.footer_wrap .foot_top .link {
    display: inline-block
}

.footer_wrap .foot_top .sns_wrap {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px
}

@media screen and (max-width: 1024px) {
    .footer_wrap .foot_top {
        padding:20px 0;
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    .footer_wrap .foot_top {
        text-align:center
    }

    .footer_wrap .foot_top .sns_wrap {
        position: relative;
        right: auto;
        top: auto;
        margin: 0;
        margin-bottom: 20px
    }

    .footer_wrap .foot_top .sns_wrap:after,.footer_wrap .foot_top .sns_wrap:before {
        display: table;
        content: ''
    }

    .footer_wrap .foot_top .sns_wrap:after {
        clear: both
    }

    .footer_wrap .foot_top .sns_wrap li {
        float: none;
        display: inline-block
    }
}

.footer_wrap .foot_bot {
    padding: 30px 0;
    text-align: left;
    display: table;
    width: 100%;
    direction: rtl
}

.footer_wrap .foot_bot .foot_bot_tel,.footer_wrap .foot_bot .foot_bot_txt {
    display: table-cell;
    direction: ltr
}

.footer_wrap .foot_bot .footlogo {
    display: block;
    margin-bottom: 10px
}

.footer_wrap .foot_bot .footlogo img {
    width: 200px
}

.footer_wrap .foot_bot .copy {
    margin-top: 10px
}

.footer_wrap .foot_bot .foot_bot_tel {
    width: 450px;
    vertical-align: middle
}

.footer_wrap .foot_bot .foot_bot_tel dl {
    display: inline-block;
    float: left;
    padding: 0 60px;
    line-height: 1.3
}

.footer_wrap .foot_bot .foot_bot_tel dl:first-child {
    padding-left: 0
}

.footer_wrap .foot_bot .foot_bot_tel dl:nth-child(2) {
    padding-right: 0;
    border-left: 1px solid #454545
}

.footer_wrap .foot_bot .foot_bot_tel dl dt {
    color: #4391ff;
    font-weight: bold;
    margin-bottom: 10px
}

.footer_wrap .foot_bot .foot_bot_tel dl dt img {
    vertical-align: middle;
    margin-right: 5px
}

@media screen and (max-width: 768px) {
    .footer_wrap .foot_bot .foot_bot_tel dl dt img {
        width:8px
    }
}

.footer_wrap .foot_bot .foot_bot_tel dl .btn {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    line-height: 32px;
    border-radius: 32px;
    padding: 0 20px;
    font-size: 0.86667em;
    filter: alpha(opacity=80);
    opacity: 0.8
}

.footer_wrap .foot_bot .foot_bot_tel dl .btn:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.footer_wrap .foot_bot .foot_bot_tel dl .tel {
    font-weight: bolder;
    color: #fff;
    font-family: "NanumSquare", sans-serif;
    letter-spacing: -0.5px;
    font-size: 1.66667em
}

@media screen and (max-width: 1024px) {
    .footer_wrap .foot_bot {
        padding:20px 0
    }

    .footer_wrap .foot_bot,.footer_wrap .foot_bot .foot_bot_tel,.footer_wrap .foot_bot .foot_bot_txt {
        display: block;
        width: 100%
    }

    .footer_wrap .foot_bot .foot_bot_tel dl {
        padding: 0 20px
    }

    .footer_wrap .foot_bot .foot_bot_txt {
        margin-top: 20px
    }

    .footer_wrap .foot_bot .foot_bot_txt .footlogo img {
        width: 150px
    }
}

@media screen and (max-width: 480px) {
    .footer_wrap .foot_bot .foot_bot_tel dl .btn {
        line-height:28px;
        height: 28px
    }

    .footer_wrap .foot_bot .foot_bot_tel dl .tel {
        font-size: 18px
    }
}

.sns_wrap li {
    float: left;
    margin-left: 5px
}

.sns_wrap li:first-child {
    margin-left: 0
}

.sns_wrap li img {
    width: 32px
}

.sns_wrap li a {
    display: block
}

.full_nav_sitemap {
    z-index: 100;
    overflow-x: hidden;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    display: block;
    position: fixed;
    height: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    right: -100%;
    text-align: center;
    overflow-y: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.95);
    width: 100%;
    padding: 70px 20px
}

.navOn {
    overflow: hidden
}

.full_nav_sitemap.on {
    right: 0
}

.full_nav_sitemap .title_bx {
    text-align: center;
    position: relative;
    margin-bottom: 70px
}

.full_nav_sitemap .title_bx .full_nav_close {
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -10px
}

.full_nav_sitemap .title_bx .title {
    color: #4391ff;
    font-size: 3.125em;
    font-family: "NanumSquare", sans-serif;
    letter-spacing: -1px
}

.full_nav_sitemap .img_bx {
    display: none
}

.full_nav_sitemap .depth {
    position: relative;
    margin-left: -7px;
    margin-right: -7px;
    text-align: left
}
.full_nav_sitemap .depth .gnb_11 {display:none}
.full_nav_sitemap .depth .depth01 {
    float: left;
    width: 20%;
    padding: 0 7px;
    margin-bottom: 30px
}

.full_nav_sitemap .depth .depth01>a {
    display: block;
    color: #fff;
    border-bottom: 2px solid #719dd1;
    padding: 0 20px;
    line-height: 44px;
    font-size: 1.25em;
    font-family: "NanumSquare", sans-serif
}

.full_nav_sitemap .depth .depth01 .depth02_box {
    padding: 25px 0 10px
}

.full_nav_sitemap .depth .depth01 .depth02_box>ul>li {
    margin-top: 10px;
    line-height: 1.3
}

.full_nav_sitemap .depth .depth01 .depth02_box>ul>li:first-child {
    margin-top: 0
}

.full_nav_sitemap .depth .depth01 .depth02_box>ul>li>a {
    color: #6f6f6f
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box>ul {
    position: relative
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box>ul>li {
    margin: 0;
    font-size: 15px;
    padding: 0 15px 30px;
    width: 50%;
    display: inline-block;
    float: left
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box>ul>li>a {
    padding: 25px 20px 15px;
    display: block;
    line-height: 1;
    color: #fff;
    border-bottom: 1px solid #555555
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box .depth03_box {
    line-height: 1.3
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box .depth03_box li {
    margin-top: 15px
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box .depth03_box a {
    color: #6f6f6f
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box .depth03_box a:hover {
    color: #4391ff
}

.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box .depth03_box a:before {
    content: '· '
}

.full_nav_sitemap .depth .depth01.gnb_1 .depth02_box {
    border-bottom: 1px solid #555555
}

.full_nav_sitemap .depth .depth01.gnb_2 {
    position: absolute;
    top: 400px;
    left: 0
}

.full_nav_sitemap .depth .depth01.gnb_3,.full_nav_sitemap .depth .depth01.gnb_4 {
    width: 40%
}

.full_nav_sitemap .depth .depth01.gnb_5 {
    clear: left
}

.full_nav_sitemap .depth .depth01.gnb_3 .depth02_box>ul>li {
    clear: both
}

.full_nav_sitemap .depth .depth01.gnb_3 .depth02_box>ul>li:nth-child(4),.full_nav_sitemap .depth .depth01.gnb_3 .depth02_box>ul>li:nth-child(5) {
    position: absolute;
    right: 0
}

.full_nav_sitemap .depth .depth01.gnb_3 .depth02_box>ul>li:nth-child(5) {
    top: 246px
}
.full_nav_sitemap .depth .depth01.gnb_3 .depth02_box>ul>li:nth-child(6) {
	position: absolute;
    right: 0;
    top: 470px
}
.full_nav_sitemap .depth a {
    -webkit-transition: 300ms color;
    -o-transition: 300ms color;
    transition: 300ms color
}

.full_nav_sitemap .depth a:hover {
    color: #4391ff!important
}

@media screen and (max-width: 1200px) {
    .full_nav_sitemap {
        padding:50px 10px
    }

    .full_nav_sitemap .title_bx {
        margin-bottom: 30px
    }

    .full_nav_sitemap,.full_nav_sitemap .depth .depth01.has_dep03 .depth02_box>ul>li {
        font-size: 13px
    }
}

.full_nav_sitemap::-webkit-scrollbar {
    margin: 0;
    padding: 0;
    width: 8px
}

.full_nav_sitemap::-webkit-scrollbar-button {
    height: 0;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all
}

.full_nav_sitemap::-webkit-scrollbar-corner {
    background-color: #222
}

.full_nav_sitemap::-webkit-scrollbar-thumb {
    background: rgba(67, 145, 255, 0.7);
    border-radius: 8px;
    border: 1px solid #000
}

.full_nav_sitemap::-webkit-scrollbar-thumb:active,.full_nav_sitemap::-webkit-scrollbar-thumb:hover {
    background: rgba(67, 145, 255, 0.9)
}

.full_nav_sitemap::-webkit-scrollbar-track {
    background-color: #222;
    border-radius: 0;
    border: 0
}

.full_nav_sitemap::-webkit-scrollbar-track:active,.full_nav_sitemap::-webkit-scrollbar-track:hover {
    background: #222
}

.quick_menu {
    -webkit-transition: 500ms all;
    -o-transition: 500ms all;
    transition: 500ms all;
    position: absolute;
    right: 55px;
    top: 50%;
    margin-top: -292px;
    z-index: 5;
    width: 110px;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    line-height: 1.2
}

.quick_menu img {
    display: block;
    margin: 0 auto 10px
}

.quick_menu .tit {
    background-color: #292e34;
    color: #fff;
    padding: 15px 0
}

.quick_menu .top_btn {
    padding: 10px 0;
    background-color: #4391ff;
    color: #fff;
    display: block;
    width: 100%;
    display: none
}

.quick_menu .list {
    background-color: #fff
}

.quick_menu .list a {
    display: block;
    color: #333;
    padding: 20px 0;
    font-weight: 500
}

.quick_menu .list li {
    position: relative
}

.quick_menu .list li:first-child:before {
    content: none;
    display: none
}

.quick_menu .list li:before {
    content: '';
    width: 15px;
    border-top: 1px solid #aeaeae;
    margin: 0 auto;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    display: block
}

.quick_menu .list_m,.quick_menu .mobile_btn {
    display: none
}

.quick_menu_new {width:160px; border-radius:20px;}
.quick_menu_new .tit {
	font-size:18px; padding:12px 2px 6px 2px;;
}
.quick_menu_new .list li:before {
    content: '';
    width: 45px;
    border-top: 2px solid #aeaeae;
    margin: 0 auto;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    display: block
}
.quick_menu_new .list a {
	font-size:1.25em;
	line-height:140%;
}
.quick_menu_new .list a > img {border-radius:100%; box-shadow:10px 0px 7px rgba(0, 0, 0, 8%)}


.quick_couple {display:none; -webkit-transition: 500ms all; -o-transition: 500ms all; transition: 500ms all; position: absolute; left:20px; top: 50%; margin-top: -100px; z-index: 5; width: 120px; text-align: center; overflow: hidden; line-height: 1.2;}
.quick_couple > a {display:block;}
.quick_couple > a > span {display:block;}
.quick_couple > a .txt {text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color:#000; font-size:1.2em; font-weight:500; line-height:140%;}

.quick_couple .close {text-align:right; margin-bottom:-10px;}
.quick_couple .close > button {position:relative; display:inline-block; border:none; outline:none; background:none; width:40px; height:40px; font-size:0px;}
.quick_couple .close > button:after {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.quick_couple .close > button:before {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}


@media screen and (max-width: 1600px) {
    .quick_menu {
        right:10px;
        margin-top: -183px;
        width: 80px;
        font-size: 13px
    }

    .quick_menu img {
        margin: 0 auto 5px
    }

    .quick_menu .tit img {
        width: 12px
    }

    .quick_menu .top_btn {
        padding: 10px 0
    }

    .quick_menu .list img {
        width: 20px
    }

    .quick_menu .list a {
        padding: 10px 0
    }

	.quick_menu_new .tit {font-size:12px;}
	.quick_menu_new .list img {width:34px}
	.quick_menu_new .list a {font-size:1em;}
	.quick_menu_new .list li:before {width:20px; border-width:1px;}


}

@media screen and (max-width: 1024px) {
    .quick_menu {
        display:none
    }
	.quick_couple {position:fixed; left:auto; right:0px; top:auto !important; bottom:210px;}

}

@media screen and (max-width: 1024px) {
    .footer_wrap {
        padding-bottom:80px
    }
	.footer_wrap_new {
        padding-bottom:120px
    }
}

.quick_menu_m {
    z-index: 150;
    display: none;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed
}

.quick_menu_m .list {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px;
    width: 100%;
    text-align: center
}

.quick_menu_m .list:after,.quick_menu_m .list:before {
    display: table;
    content: ''
}

.quick_menu_m .list:after {
    clear: both
}

.quick_menu_m .list li {
    width: 25%;
    float: left
}

.quick_menu_m .list li p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.2
}

.quick_menu_m .list li a {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 30px;
    font-size: 0
}

.quick_menu_m .list li a img {
    width: 40px;
    vertical-align: middle
}

.quick_menu_m .mobile_btn,.quick_menu_m .top_btn {
    display: none
}

@media screen and (max-width: 1024px) {
    .quick_menu_m {
        display:block
    }
}

.bg_fallen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.bg_fallen p {
    position: absolute;
    -webkit-animation: rotate 100s infinite;
    animation: rotate 100s infinite
}

.bg_fallen p:nth-child(2n) {
    -webkit-animation-duration: 150s;
    animation-duration: 150s
}

.bg_fallen p:nth-child(3n) {
    -webkit-animation-duration: 80s;
    animation-duration: 80s
}

.bg_fallen .bg1 {
    left: -10%;
    bottom: 12%
}

.bg_fallen .bg2 {
    top: 10%;
    left: 9%
}

.bg_fallen .bg3 {
    top: -10%;
    left: 40%
}

.bg_fallen .bg4 {
    bottom: 0;
    right: 30%
}

.bg_fallen .bg5 {
    top: 25%;
    right: 15%
}

.bg_fallen .bg6 {
    top: 7%;
    right: 1%
}

@media screen and (max-width: 1200px) {
    .bg_fallen .bg1 {
        width:23.58333%
    }

    .bg_fallen .bg2 {
        width: 10.5%
    }

    .bg_fallen .bg3 {
        width: 19.08333%
    }

    .bg_fallen .bg4 {
        width: 11.66667%
    }

    .bg_fallen .bg5 {
        width: 10.5%
    }

    .bg_fallen .bg6 {
        width: 9.58333%
    }
}

.inquiry_wrap {
    overflow: hidden;
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #292e34
}

.inquiry_wrap.on .inquiry_content {
    height: auto
}

.inquiry_wrap .bg_fallen {
    filter: alpha(opacity=50);
    opacity: 0.5
}

.inquiry_wrap .inquiry_btn {
    text-align: left;
    line-height: 100px;
    color: #fff
}

.inquiry_wrap .inquiry_btn:after,.inquiry_wrap .inquiry_btn:before {
    display: table;
    content: ''
}

.inquiry_wrap .inquiry_btn:after {
    clear: both
}

.inquiry_wrap .inquiry_btn .btn {
    float: right;
    color: #fff;
    font-size: 1.0625em;
    display: none
}

.inquiry_wrap .inquiry_btn .btn .on {
    display: none
}

.inquiry_wrap .inquiry_btn .btn.on .off {
    display: none
}

.inquiry_wrap .inquiry_btn .btn.on .on {
    display: block
}

.inquiry_wrap .inquiry_btn .tit_bx {
    float: left;
    font-family: "NanumSquare", sans-serif
}

.inquiry_wrap .inquiry_btn .tit_bx .desc,.inquiry_wrap .inquiry_btn .tit_bx .tit {
    display: inline-block
}

.inquiry_wrap .inquiry_btn .tit_bx .tit {
    font-size: 2em;
    letter-spacing: -0.5px;
    font-weight: 300;
    margin-right: 10px
}

.inquiry_wrap .inquiry_btn .tit_bx .tit .bold {
    font-weight: 600
}

.inquiry_wrap .inquiry_btn .tit_bx .desc {
    font-size: 1.125em;
    color: #8594a6
}

@media screen and (max-width: 1024px) {
    .inquiry_wrap .inquiry_btn {
        line-height:1.3;
        padding: 20px 0;
        text-align: center
    }

    .inquiry_wrap .inquiry_btn .btn {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .inquiry_wrap .inquiry_btn .btn .off,.inquiry_wrap .inquiry_btn .btn .on {
        display: none!important
    }

    .inquiry_wrap .inquiry_btn .tit_bx {
        float: none
    }

    .inquiry_wrap .inquiry_btn .tit_bx .desc,.inquiry_wrap .inquiry_btn .tit_bx .tit {
        display: block
    }
}

@media screen and (max-width: 480px) {
    .inquiry_wrap .inquiry_btn {
        font-size:10px
    }
}

.inquiry_wrap .inquiry_content {
    overflow: hidden;
    height: 0;
    -webkit-transition: 500ms height;
    -o-transition: 500ms height;
    transition: 500ms height;
    background-image: url(../images/sub/quick_inquiry.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    text-align: left
}

.inquiry_wrap .inquiry_content>.wrapper {
    padding: 20px 15px
}

.inquiry_wrap .inquiry_content .term_chk {
    margin-top: 10px
}

.inquiry_wrap .inquiry_content .term_chk,.inquiry_wrap .inquiry_content .term_chk a {
    color: #8594a6
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap {
    position: relative;
    margin-top: 10px;
    line-height: 60px
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap .label {
    position: absolute;
    left: 20px;
    top: 0
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap._radio {
    padding-left: 110px
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap._radio:before {
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    display: block
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap._radio input[type=radio]:checked+label:before,.inquiry_wrap .inquiry_content .input_bx .input_wrap._radio input[type=radio]:hover+label:before {
    border-color: #4391ff
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=tel],.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=text],.inquiry_wrap .inquiry_content .input_bx .input_wrap select,.inquiry_wrap .inquiry_content .input_bx .input_wrap textarea {
    padding: 0 20px;
    padding-left: 110px;
    line-height: 60px;
    height: 60px;
    background-color: initial;
    background-color: transparent;
    font-size: 20px;
    font-family: "NanumSquare", sans-serif;
    border: 0;
    border: 2px solid #fff;
    width: 100%;
    color: #fff;
    -webkit-transition: 400ms all;
    -o-transition: 400ms all;
    transition: 400ms all
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=tel]:active,.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=tel]:focus,.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=tel]:hover,.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=text]:active,.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=text]:focus,.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=text]:hover,.inquiry_wrap .inquiry_content .input_bx .input_wrap select:active,.inquiry_wrap .inquiry_content .input_bx .input_wrap select:focus,.inquiry_wrap .inquiry_content .input_bx .input_wrap select:hover,.inquiry_wrap .inquiry_content .input_bx .input_wrap textarea:active,.inquiry_wrap .inquiry_content .input_bx .input_wrap textarea:focus,.inquiry_wrap .inquiry_content .input_bx .input_wrap textarea:hover {
    border-color: #4391ff
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap select {
    background-image: url(../images/icon/select_down_w.png)
}

.inquiry_wrap .inquiry_content .input_bx .input_wrap option {
    color: #666
}

.inquiry_wrap .inquiry_content .submit_bx {
    text-align: center;
    margin-top: 50px
}

.inquiry_wrap .inquiry_content .submit_bx .btn {
    margin: 0 auto;
    max-width: 350px;
    padding: 0 100px;
    background-color: #4391ff;
    line-height: 75px;
    display: block;
    padding: 0 50px;
    border: 1px solid #4391ff;
    color: #fff;
    font-size: 22px;
    border-radius: 4px
}

.inquiry_wrap .inquiry_content .submit_bx .btn img {
    vertical-align: middle;
    margin-left: 10px
}

@media screen and (max-width: 768px) {
    .inquiry_wrap .inquiry_content {
        background-size:contain
    }

    .inquiry_wrap .inquiry_content>.wrapper {
        padding: 15px
    }

    .inquiry_wrap .inquiry_content .col-lg-6 {
        width: 100%
    }

    .inquiry_wrap .inquiry_content .input_bx .input_wrap {
        margin-top: 10px;
        line-height: 50px
    }

    .inquiry_wrap .inquiry_content .input_bx .input_wrap .label {
        left: 15px
    }

    .inquiry_wrap .inquiry_content .input_bx .input_wrap._radio {
        padding-left: 80px
    }

    .inquiry_wrap .inquiry_content .input_bx .input_wrap._radio:before {
        border-width: 1px
    }

    .inquiry_wrap .inquiry_content .input_bx .input_wrap._radio input[type=radio]+label {
        font-size: 14px;
        padding-right: 15px
    }

    .inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=tel],.inquiry_wrap .inquiry_content .input_bx .input_wrap input[type=text],.inquiry_wrap .inquiry_content .input_bx .input_wrap select,.inquiry_wrap .inquiry_content .input_bx .input_wrap textarea {
        padding-left: 80px;
        line-height: 50px;
        height: 50px;
        font-size: 14px;
        border: 1px solid #fff
    }

    .inquiry_wrap .inquiry_content .submit_bx {
        margin-top: 30px
    }

    .inquiry_wrap .inquiry_content .submit_bx .btn {
        margin: 0 auto;
        padding: 0 40px;
        line-height: 55px;
        font-size: 18px
    }

    .inquiry_wrap .inquiry_content .submit_bx .btn img {
        width: 15px
    }
}

.header .topmenu .tel_list_wrap {
    z-index: 1000;
    position: relative
}

.header .topmenu .tel_list_wrap ul {
    width: 100%;
    padding: 15px 0;
    font-size: 12px;
    display: none;
    position: absolute;
    top: 50px;
    background-color: #25364d;
    text-align: center
}

.header .topmenu .tel_list_wrap ul li {
    margin: 0;
    float: none;
    line-height: 1.4;
    margin-top: 10px
}

.header .topmenu .tel_list_wrap ul li:first-child {
    margin-top: 0
}

.header .topmenu .tel_list_wrap ul,.header .topmenu .tel_list_wrap ul a,.header .topmenu .tel_list_wrap ul button {
    color: #fff
}

.header .topmenu .tel_list_wrap ul .tel {
    margin-top: 5px;
    display: none
}

.header .topmenu .tel_list_wrap ul .tel a {
    color: #cedaea;
    display: block
}

.header .topmenu .tel_list_wrap .tel_list {
    position: relative;
    float: left
}

.header .topmenu .tel_list_wrap .tel_list.on ul {
    display: block;
}

.header .topmenu .tel_list_wrap .tel_list:hover .tt {
    background-color: #25364d
}

.header .topmenu .tel_list_wrap .tt {
    padding: 0 14px;
    font-size: 14px;
    display: block;
    width: 100%;
    line-height: 50px
}

.header .topmenu .tel_list_wrap .tt:before {
    content: '+'
}

@media screen and (max-width: 1200px) {
    .header .topmenu .tel_list_wrap ul {
        padding:10px 0;
        font-size: 11px;
        top: 34px
    }

    .header .topmenu .tel_list_wrap .tt {
        padding: 0 15px;
        font-size: 13px;
        line-height: 34px
    }
}

.join_btn_bx {
    text-align: center;
    margin-top: 70px
}

.join_btn_bx a {
    width: 100%
}

.join_btn_bx .list_btn {
    line-height: 85px;
    max-width: 560px;
    margin: 0 auto;
    font-size: 1.375em
}

@media screen and (max-width: 1024px) {
    .join_btn_bx {
        margin-top:40px
    }

    .join_btn_bx .list_btn {
        line-height: 50px
    }
}

.u_page_wrap {
    max-width: 970px;
    margin: 0 auto
}

.u_page_wrap .e_mail_box_wrap,.u_page_wrap .num {
    width: 100%;
    max-width: 700px
}

.u_page_wrap .table-form-01 {
    border-top: 2px solid #222;
    table-layout: fixed;
    border-collapse: inherit;
    padding: 20px;
    width: 100%
}

.u_page_wrap .table-form-01 .col_w {
    width: 150px
}

.u_page_wrap .table-form-01 .input_30 {
    width: 100%;
    max-width: 320px
}

.u_page_wrap .table-form-01 .input_55 {
    width: 100%;
    max-width: 560px
}

.u_page_wrap .table-form-01 .table-btn-01,.u_page_wrap .table-form-01 input[type=number],.u_page_wrap .table-form-01 input[type=password],.u_page_wrap .table-form-01 input[type=tel],.u_page_wrap .table-form-01 input[type=text],.u_page_wrap .table-form-01 select {
    border-color: #cdcdcd;
    line-height: 60px;
    height: 60px
}

.radio_bx input[type=radio]+label {
    line-height: 58px;
    border: 1px solid #666;
    width: 100%;
    display: block;
    color: #333;
    text-align: center
}

.radio_bx input[type=radio]:hover+label {
    color: #4391ff
}

.radio_bx input[type=radio]:checked+label {
    color: #4391ff;
    border-color: #4391ff
}

.u_page_wrap .table-form-01 .input_find {
    max-width: 745px
}

.u_page_wrap .table-form-01 .input_find .table-btn-01 {
    width: 170px
}

.u_page_wrap .table-form-01 .table-btn-01 {
    color: #fff;
    background-color: #666
}

.u_page_wrap .table-form-01 td,.u_page_wrap .table-form-01 th {
    border: 0;
    padding: 10px
}

.u_page_wrap .table-form-01 th {
    font-weight: 500
}

.u_page_wrap .table-form-01 th:before {
    margin-right: 5px;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #333;
    vertical-align: middle;
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .u_page_wrap .table-form-01 {
        padding:0
    }

    .u_page_wrap .table-form-01 td,.u_page_wrap .table-form-01 th {
        padding: 5px
    }

    .u_page_wrap .table-form-01 .col_w {
        width: 100px
    }

    .u_page_wrap .table-form-01 .input_find {
        max-width: 680px
    }

    .u_page_wrap .table-form-01 .input_find .table-btn-01 {
        width: 110px
    }

    .u_page_wrap .table-form-01 .table-btn-01,.u_page_wrap .table-form-01 input[type=number],.u_page_wrap .table-form-01 input[type=password],.u_page_wrap .table-form-01 input[type=tel],.u_page_wrap .table-form-01 input[type=text],.u_page_wrap .table-form-01 select {
        line-height: 42px;
        height: 42px
    }

    .radio_bx input[type=radio]+label {
        line-height: 40px
    }
}

@media screen and (max-width: 640px) {
    .u_page_wrap .table-form-01 colgroup {
        display:none
    }

    .u_page_wrap .table-form-01 td,.u_page_wrap .table-form-01 th {
        padding: 5px
    }

    .u_page_wrap .table-form-01 td,.u_page_wrap .table-form-01 th,.u_page_wrap .table-form-01 tr {
        display: block;
        width: 100%
    }
}

.type_term .term_scroll_bx {
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 0.8125em;
    color: #777;
    text-align: left
}

.type_term .term_scroll_bx .scroll-con-y {
    height: 150px
}

@media screen and (max-width: 1024px) {
    .type_term .term_scroll_bx .scroll-con-y {
        height:100px
    }
}

.type_term .chk_area {
    margin-top: 10px;
    text-align: right
}

.quit_notice .bx {
    border: 1px solid #ddd;
    padding: 40px;
    text-align: left;
    font-size: 0.875em
}

.quit_notice .tit {
    margin-bottom: 20px;
    font-size: 1.125em
}

@media screen and (max-width: 1024px) {
    .quit_notice .bx {
        padding:15px
    }
}

.quit_title {
    word-break: keep-all;
    padding: 30px 0;
    text-align: center;
    color: #222;
    margin-top: 50px;
    font-size: 1.25em;
    font-family: "NanumSquare", sans-serif;
    border-top: 2px solid #222
}

@media screen and (max-width: 1024px) {
    .quit_title {
        padding:20px 0
    }
}

.find_idpw_title {
    display: none;
    text-align: center;
    margin: 50px auto
}

.find_idpw_title h4.title {
    font-size: 1.375em;
    color: #4391ff;
    margin-bottom: 20px
}

@media screen and (min-width: 1025px) {
    .find_idpw .tab-wrap {
        margin-left:-30px;
        margin-right: -30px
    }

    .find_idpw .tab-content,.find_idpw .tab.border li {
        width: 50%;
        float: left;
        padding: 0 30px
    }

    .find_idpw .tab-content {
        display: block!important
    }

    .find_idpw .tab.border li a,.find_idpw .tab.border li a.on,.find_idpw .tab.border li a:hover {
        background-color: #fff;
        border: 0;
        text-align: left;
        font-size: 1.5625em;
        color: #222;
        border-bottom: 1px solid #222;
        padding: 15px 0
    }

    .find_idpw .login_list li {
        min-height: 80px
    }
}

.find_idpw .tab-content {
    margin-top: 40px
}

@media screen and (max-width: 1024px) {
    .find_idpw .tab-content {
        margin-top:20px
    }
}

.pop-con {
    width: 100%;
    padding: 50px;
    border-radius: 0
}

.pop-con .title_bx {
    text-align: center;
    font-family: "NanumSquare", sans-serif;
    line-height: 1.3;
    margin-bottom: 30px
}

.pop-con .title_bx img {
    margin: 0 auto 20px
}

.pop-con .title_bx .tit {
    font-size: 1.875em;
    color: #222;
    font-weight: 600
}

.pop-con .title_bx .desc {
    font-size: 1.125em;
    color: #333;
    font-weight: 300;
    margin-top: 10px
}

@media screen and (max-width: 1024px) {
    .pop-con {
        padding:20px
    }
}

.pop-find {
    text-align: center;
    max-width: 500px
}

@media screen and (max-width: 1024px) {
    .pop-find .title_bx img {
        width:60px
    }
}

.u_page_wrap .join_info_bx dl {
    text-align: center
}

.join_info_bx {
    border-top: 2px solid #222;
    border-bottom: 1px solid #ddd
}

.join_info_bx dl {
    margin: 20px auto;
    text-align: left
}

.join_info_bx dt {
    color: #222;
    font-weight: 500;
    padding-left: 15px
}

.join_info_bx dt:before {
    margin-right: 10px;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #333;
    vertical-align: middle;
    display: inline-block
}

.join_info_bx dd,.join_info_bx dt {
    vertical-align: top;
    display: inline-block
}

.join_info_bx .sns_member {
    font-size: 0.9375em
}

.join_info_bx .sns_member img {
    vertical-align: middle
}

@media screen and (max-width: 1024px) {
    .join_info_bx .sns_member img {
        width:25px
    }
}

.u_page_wrap._login {
    padding: 60px 0;
    border-top: 1px solid #ddd
}

.login_wrap {
    position: relative;
    max-width: 560px;
    margin: 0 auto
}

.login_wrap .left {
    float: left
}

.login_wrap .right {
    float: right
}

.login_wrap .login_list {
    text-align: left
}

.login_wrap .login_list li {
    margin-top: -1px
}

.login_wrap .login_list li input {
    line-height: 80px;
    height: 80px;
    border-color: #e1e1e1
}

.login_wrap .login_list.etc {
    margin-top: 30px;
    overflow: hidden;
    width: 100%
}

.login_wrap .login_list.etc,.login_wrap .login_list.etc a {
    color: #333
}

.login_wrap .login_list.etc li input {
    padding: 0
}

.login_wrap .login_list.etc a {
    position: relative;
    display: inline-block
}

.login_wrap .login_list.etc a.ba {
    margin-left: 15px
}

.login_wrap .login_list.etc a.ba:before {
    content: "";
    width: 1px;
    height: 12px;
    background: #ccc;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -5px
}

.login_wrap .login_list .btn_login {
    margin-top: 40px;
    background-color: #4391ff;
    border: 1px solid #4391ff;
    text-align: center;
    position: relative;
    width: 100%;
    cursor: pointer;
    font-size: 1.375em;
    line-height: 80px;
    display: block;
    color: #fff;
    font-family: 'NanumSquare',sans-serif;
    -webkit-transition: background-color 300ms, color 300ms;
    -o-transition: background-color 300ms, color 300ms;
    transition: background-color 300ms, color 300ms
}

.login_wrap .login_list .btn_login:hover {
    background-color: #fff;
    color: #4391ff
}

@media screen and (max-width: 1024px) {
    .login_wrap .login_list li input {
        line-height:60px;
        height: 60px
    }

    .login_wrap .login_list.etc {
        margin-top: 20px
    }

    .login_wrap .login_list .btn_login {
        line-height: 60px;
        margin-top: 20px
    }
}

.login_wrap input::-ms-input-placeholder {
    color: #888
}

.login_wrap input::-webkit-input-placeholder {
    color: #888
}

.login_wrap input::-moz-placeholder {
    color: #888
}

.login_wrap .join-box {
    text-align: center;
    margin: 70px 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .login_wrap .join-box {
        margin:50px 0 0
    }
}

@media screen and (max-width: 768px) {
    .login_wrap .join-box {
        margin:35px 0 0
    }
}

.login_wrap .join-box .inner {
    width: 100%;
    background: #f4f4f4;
    padding: 45px 0
}

@media screen and (max-width: 1024px) {
    .login_wrap .join-box .inner {
        padding:35px 0
    }
}

.login_wrap .join-box p {
    display: inline-block;
    font-weight: 600;
    font-size: 1.125em;
    color: #555;
    line-height: 45px
}

@media screen and (max-width: 1024px) {
    .login_wrap .join-box p {
        font-size:1.063em
    }
}

@media screen and (max-width: 768px) {
    .login_wrap .join-box p {
        display:block;
        line-height: 1.3
    }
}

.login_wrap .join-box p span {
    font-weight: 100;
    font-size: 0.938em;
    padding-left: 10px
}

@media screen and (max-width: 768px) {
    .login_wrap .join-box p span {
        display:block;
        padding: 5px 0 15px
    }
}

.login_wrap .join-box .join-btn {
    display: inline-block;
    border: 1px solid #333;
    color: #222;
    font-size: 0.875em;
    padding: 0 60px;
    height: 45px;
    line-height: 45px;
    margin-left: 70px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 1024px) {
    .login_wrap .join-box .join-btn {
        margin-left:30px;
        padding: 0 40px
    }
}

@media screen and (max-width: 768px) {
    .login_wrap .join-box .join-btn {
        margin-left:0;
        height: 35px;
        line-height: 35px
    }
}

.login_wrap .join-box .join-btn:hover {
    background: #333;
    color: #fff
}

.sns_login_list li {
    margin-top: 5px
}

.sns_login_list li:first-child {
    border-top: 0
}

.sns_login_list .sns_01,.sns_login_list .sns_02,.sns_login_list .sns_03,.sns_login_list .sns_04 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    display: block;
    position: relative;
    font-size: 16px
}

@media screen and (max-width: 1024px) {
    .sns_login_list .sns_01,.sns_login_list .sns_02,.sns_login_list .sns_03,.sns_login_list .sns_04 {
        font-size:13px
    }
}

.sns_login_list .sns_01 {
    border: 1px solid #4466a9;
    background: #4466a9 url(../images/icon/sns_01.png) no-repeat 0 0
}

.sns_login_list .sns_01:hover {
    background-color: rgba(68, 102, 169, 0.9)
}

.sns_login_list .sns_02 {
    border: 1px solid #1ec800;
    background: #1ec800 url(../images/icon/sns_02.png) no-repeat 0 0
}

.sns_login_list .sns_02:hover {
    background-color: rgba(30, 200, 0, 0.9)
}

.sns_login_list .sns_03 {
    width: 100%;
    border: 1px solid #ffeb00;
    background: #ffeb00 url(../images/icon/sns_03.png) no-repeat 0 0
}

.sns_login_list .sns_03:hover {
    background-color: rgba(255, 235, 0, 0.9)
}

.sns_login_list .sns_04 {
    width: 100%;
    border: 1px solid #dadce0;
    background: #ffffff url(../images/icon/sns_04.png) no-repeat 10px 10px;
	background-size: auto 60%;
}
.sns_login_list .sns_04:hover {
}

@media screen and (max-width: 1024px) {
    .sns_id_info_bx .sns_login_list .col-lg-4 {
        width:100%
    }
}

.sns_id_info_bx .sns_login_list .sns_01.on {
    background-image: url(../images/icon/sns_01_on.png);
    background-color: #fff;
    color: #4466a9
}

.sns_id_info_bx .sns_login_list .sns_02.on {
    background-image: url(../images/icon/sns_02_on.png);
    background-color: #fff;
    color: #1ec800
}

.sns_id_info_bx .sns_login_list .sns_03.on {
    background-image: url(../images/icon/sns_03_on.png);
    background-color: #fff;
    color: #ffeb00
}

.sns_id_info_bx .sns_login_list .sns_03.on:before {
    color: #3a2020;
    content: '카카오 계정 연결 해제하기  '
}

.sns_login_list .sns_02 {
    position: relative
}

.sns_login_list .sns_02 img {
    display: none
}

.sns_login_list .sns_02 a:before {
    content: '네이버 계정으로 로그인/회원가입';
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.sns_login_list .sns_03 .a-icon-01 {
    font-size: 0
}

.sns_login_list .sns_03 a {
    color: #222
}

.sns_login_list .sns_03 a:before {
    font-size: 16px;
    content: '카카오 계정으로 로그인/회원가입';
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .sns_login_list .sns_03 a:before {
        font-size:13px
    }
}

.sns_login_list .sns_04 a {
    color: #fff
}
.sns_login_list .sns_04 a:before {
    font-size: 16px;
    content: '구글 계정으로 로그인/회원가입';
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center
}
@media screen and (max-width: 1024px) {
    .sns_login_list .sns_04 a:before {
        font-size:13px
    }
}

.mypage_page_wrap {
    min-height: 500px
}

.mypage_page_wrap .mypage_left_nav {
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -800px;
    top: 100px;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #e2e2e2
}

@media screen and (min-width: 1200px) {
    .mypage_page_wrap .lnb a {
        color:#777;
        position: relative;
        font-family: "NanumSquare", sans-serif;
        padding: 0 20px;
        line-height: 55px;
        display: block
    }

    .mypage_page_wrap .lnb a:before {
        color: #fff
    }

    .mypage_page_wrap .lnb a.on {
        background-color: #4391ff;
        color: #fff
    }

    .mypage_page_wrap .lnb a.on:before {
        font-family: xeicon!important;
        display: inline-block;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ""
    }

    .mypage_page_wrap .lnb a:before {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        font-size: 16px;
        right: 10px
    }

    .mypage_page_wrap .lnb .title {
        background-color: #5b6266;
        color: #fff;
        text-align: center;
        font-size: 1.25em;
        font-family: "NanumSquare", sans-serif;
        height: 100px;
        display: table;
        line-height: 1.3;
        width: 100%
    }

    .mypage_page_wrap .lnb .title.on:before,.mypage_page_wrap .lnb .title:before {
        content: none;
        display: none
    }

    .mypage_page_wrap .lnb .title span {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }
}

.mypage_page_wrap .mypage_wrap {
    padding-left: 115px
}

@media (max-width: 1600px) {
    .mypage_page_wrap .mypage_left_nav {
        margin-left:-600px;
        width: 180px
    }

    .mypage_page_wrap .mypage_wrap {
        padding-left: 200px
    }
}

@media screen and (max-width: 1200px) {
    .mypage_page_wrap .mypage_left_nav {
        top:auto;
        margin-left: 0;
        width: 100%;
        max-width: 1200px;
        position: relative;
        left: 0;
        margin: 0;
        border: 0
    }

    .mypage_page_wrap .lnb:after,.mypage_page_wrap .lnb:before {
        display: table;
        content: ''
    }

    .mypage_page_wrap .lnb:after {
        clear: both
    }

    .mypage_page_wrap .lnb li {
        word-break: keep-all;
        float: left;
        width: 20%;
        display: table;
        height: 50px;
        line-height: 1.3
    }

    .mypage_page_wrap .lnb li:last-child {
        display: none
    }

    .mypage_page_wrap .lnb a {
        border-bottom: 1px solid #ddd;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        text-align: center
    }

    .mypage_page_wrap .lnb a.on {
        border-color: #4391ff;
        background-color: #4391ff;
        color: #fff
    }

    .mypage_page_wrap .mypage_wrap {
        padding-left: 0;
        padding: 0 15px
    }
}

.mypage__index .user_util_bx {
    background-color: #f6f6f6;
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 60px 80px
}

.mypage__index .user_util_bx .user_bx,.mypage__index .user_util_bx .util_bx {
    display: table-cell
}

.mypage__index .user_util_bx .user_bx,.mypage__index .user_util_bx .util_bx {
    vertical-align: middle
}

.mypage__index .user_util_bx .user_bx {
    color: #222;
    font-size: 1.375em;
    font-family: "NanumSquare", sans-serif
}

.mypage__index .user_util_bx .user_bx span {
    font-size: 1.36364em;
    font-weight: 500;
    margin-right: 5px
}

.mypage__index .user_util_bx .user_bx img {
    width: 60px;
    margin-right: 20px;
    vertical-align: middle
}

.mypage__index .user_util_bx .util_bx {
    text-align: center;
    width: 300px
}

.mypage__index .user_util_bx .util_bx .btn {
    font-size: 0.9375em;
    display: block;
    border-radius: 4px;
    background-color: #fff;
    color: #222;
    line-height: 43px;
    width: 100%;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)
}

.mypage__index .user_util_bx .util_bx .btn img {
    width: 20px;
    vertical-align: middle;
    margin-right: 5px
}

@media screen and (max-width: 1024px) {
    .mypage__index .user_util_bx {
        padding:30px
    }
}

@media screen and (max-width: 768px) {
    .mypage__index .user_util_bx {
        padding:15px
    }

    .mypage__index .user_util_bx,.mypage__index .user_util_bx .user_bx,.mypage__index .user_util_bx .util_bx {
        display: block;
        width: 100%;
        text-align: center
    }

    .mypage__index .user_util_bx .user_bx img {
        width: 40px;
        display: block;
        margin: 0 auto 10px
    }

    .mypage__index .user_util_bx .util_bx {
        margin-top: 10px
    }

    .mypage__index .user_util_bx .util_bx .btn {
        line-height: 40px
    }
}

.mypage__index .table_board_for {
    margin-top: 0
}

.mypage__index .main_event_slick {
    padding-top: 30px;
    border-top: 2px solid #222
}

.sub_visual_wrap {
    position: relative;
    text-align: center;
    vertical-align: middle;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    word-break: keep-all
}

.sub_visual_wrap .dis_tbl {
    height: 350px;
    display: table;
    width: 100%
}

.sub_visual_wrap .dis_cel {
    display: table-cell;
    vertical-align: middle
}

.sub_visual_wrap .tit {
    font-size: 3.125em;
    font-family: "NanumSquare", sans-serif;
    color: #fff;
    font-weight: bold
}

@media (max-width: 1600px) {
    .sub_visual_wrap .dis_tbl {
        height:300px
    }
}

@media screen and (max-width: 1200px) {
    .sub_visual_wrap .dis_tbl {
        height:33vw;
        min-height: 100px
    }
}

@media screen and (max-width: 768px) {
    .sub_visual_wrap .tit {
        font-size:24px
    }
}

.sub_visual_wrap.sv_1 {
    background-image: url(../images/sub/sv_1.png)
}

.sub_visual_wrap.sv_2 {
    background-image: url(../images/sub/sv_2.png)
}

.sub_visual_wrap.sv_3 {
    background-image: url(../images/sub/sv_3.png)
}

.sub_visual_wrap.sv_4 {
    background-image: url(../images/sub/sv_4.png)
}

.sub_visual_wrap.sv_5 {
    background-image: url(../images/sub/sv_5.png)
}

.sub_visual_wrap.sv_6 {
    background-image: url(../images/sub/sv_6.png)
}

.sub_visual_wrap.sv_7 {
    background-image: url(../images/sub/sv_7.png)
}

.sub_visual_wrap.sv_8 {
    background-image: url(../images/sub/sv_8.png)
}

.sub_visual_wrap.sv_9 {
    background-image: url(../images/sub/sv_9.png)
}

.sub_visual_wrap.sv_10 {
    background-image: url(../images/sub/sv_10.png)
}

.sub_visual_wrap.sv_11 {
    background-image: url(../images/sub/sv_11.png)
}

.sub_visual_wrap.sv_12 {
    background-image: url(../images/sub/sv_12.png)
}

.sub_visual_wrap.sv_13 {
    background-image: url(../images/sub/sv_13.png)
}

.sub_visual_wrap.sv_14 {
    background-image: url(../images/sub/sv_14.png)
}

.sub_visual_wrap.sv_15 {
    background-image: url(../images/sub/sv_15.png)
}

.sub_menu_type_c {
    margin-top: -35px;
    position: relative;
    width: 100%
}

.sub_menu_type_c .wrapper {
    padding: 0
}

.sub_menu_type_c .updown_list {
    padding: 0 20px;
    background-color: #4391ff
}

.sub_menu_type_c .btn_home {
    float: left;
    height: 70px;
    line-height: 70px;
    color: #d0e4ff;
    position: relative;
    padding-right: 30px
}

.sub_menu_type_c .btn_home span {
    margin-left: 5px
}

.sub_menu_type_c .btn_home i {
    display: inline-block;
    vertical-align: middle
}

.sub_menu_type_c .btn_home:before,.sub_menu_type_c .updown_list>li:before {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.sub_menu_type_c .btn_home:before,.sub_menu_type_c .updown_list>li:before {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 16px;
    margin-top: -8px;
    color: #2b71d3
}

.sub_menu_type_c .updown_list:after {
    content: '';
    display: block;
    clear: both
}

.sub_menu_type_c .updown_list>li {
    float: left;
    position: relative
}

.sub_menu_type_c .updown_list>li.last:before {
    content: none;
    display: none
}

.sub_menu_type_c .updown_list>li.last .btn_sub_menu {
    color: #fff
}

.sub_menu_type_c .updown_list>li.last .btn_sub_menu:before {
    color: #4391ff;
    background-color: #fff
}

.sub_menu_type_c .btn_sub_menu {
    height: 70px;
    line-height: 70px;
    display: block;
    text-align: left;
    position: relative;
    color: #d0e4ff;
    padding: 0 20px;
    padding-right: 80px;
    min-width: 160px;
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.sub_menu_type_c .btn_sub_menu:before {
    content: "\e942";
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 14px;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    border: 1px solid #fff;
    top: 50%;
    margin-top: -8px;
    right: 20px
}

.sub_menu_type_c .btn_sub_menu.on:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sub_menu_type_c .des_con {
    display: none;
    text-align: left;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 2;
    font-size: 0.9375em
}

.sub_menu_type_c .des_con a {
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    vertical-align: middle;
    line-height: 1.4;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    width: 100%;
    background-color: rgba(67, 145, 255, 0.9)
}

.sub_menu_type_c .des_con a:hover {
    background-color: #384e6d
}

.sub_menu_type_c .img_bx {
    display: none
}

.sub_menu_type_c .li_01 .depth02_box,.sub_menu_type_c .li_01 .depth03_box,.sub_menu_type_c .li_01 .gnb_hidden {
    display: none
}

.sub_menu_type_c .li_02 .depth01>a,
.sub_menu_type_c .li_02 .depth02_box,
.sub_menu_type_c .li_02 .depth03_box {
    display: none
}

.sub_menu_type_c .li_02 .depth02_box.on {
    display: block
}

.sub_menu_type_c .li_03 .depth01.on,
.sub_menu_type_c .li_03 .depth02_box.on {
    display: block
}

.sub_menu_type_c .li_03 .depth01>a,
.sub_menu_type_c .li_03 .depth02_box,
.sub_menu_type_c .li_03 .depth02_box>ul>li>a,
.sub_menu_type_c .li_03 .depth03_box {
    display: none
}

.sub_menu_type_c .li_03 .depth02_box.on .depth03_box.on {
    display: block
}

@media screen and (max-width: 1200px) {
    .sub_menu_type_c {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .sub_menu_type_c {
        background-color:#4391ff;
        font-size: 0
    }

    .sub_menu_type_c .updown_list {
        padding: 0;
        width: 100%;
        padding-left: 40px
    }

    .sub_menu_type_c .updown_list>li {
        width: 50%;
        border-left: 1px solid rgba(255, 255, 255, 0.2)
    }

    .sub_menu_type_c .updown_list>li:before {
        content: none;
        display: none
    }

    .sub_menu_type_c .li_03 {
        display: none
    }

    .sub_menu_type_c .btn_home {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        line-height: 40px;
        padding: 0;
        width: 40px;
        text-align: center;
        font-size: 13px
    }

    .sub_menu_type_c .btn_home span {
        display: none
    }

    .sub_menu_type_c .btn_home:before {
        content: none;
        display: none
    }

    .sub_menu_type_c .btn_sub_menu {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        padding-right: 20px;
        min-width: 110px
    }

    .sub_menu_type_c .btn_sub_menu:before {
        right: 5px;
        font-size: 10px;
        margin-top: -6px
    }

    .sub_menu_type_c .des_con {
        font-size: 12px;
        top: 40px
    }

    .sub_menu_type_c .des_con a {
        line-height: 30px;
        padding: 0 10px
    }
}

.sub_menu_type_c._m {
    display: none
}

@media screen and (max-width: 768px) {
    .sub_menu_type_c._m {
        display:block
    }
}

.list_btn {
    background-color: #4391ff;
    color: #fff;
    border: 1px solid #4391ff;
    line-height: 53px;
    font-size: 1.125em;
    font-family: "NanumSquare", sans-serif;
    text-align: center;
    display: block;
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms
}

.list_btn._gray {
    border-color: #999;
    color: #666;
    background-color: #fff
}

.list_btn._gray:hover {
    background-color: #999;
    color: #fff
}

.list_btn:hover {
    color: #4391ff;
    background-color: #fff
}

.sub_content {
    position: relative;
    padding-bottom: 120px
}

@media screen and (max-width: 1024px) {
    .sub_content {
        padding-bottom:60px
    }
}

.sub_title {
    text-align: center;
    padding: 100px 0 40px;
    line-height: 1.3;
    font-family: "NanumSquare", sans-serif
}

.sub_title .tit {
    line-height: 1;
    display: inline-block;
    font-weight: 600;
    padding: 0 20px;
    font-size: 2.8125em;
    position: relative;
    color: #222;
    letter-spacing: -0.5px
}

.sub_title .tit:after {
    content: '';
    background-color: #4391ff;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    display: block
}

.sub_title .desc {
    font-size: 1.875em;
    margin-top: 20px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.2px
}

@media screen and (max-width: 1024px) {
    .sub_title {
        padding:60px 0 40px
    }

    .sub_title .tit {
        padding: 0 10px
    }

    .sub_title .tit:after {
        width: 5px;
        height: 5px
    }

    .sub_title .desc {
        margin-top: 15px
    }
}

@media screen and (max-width: 480px) {
    .sub_title {
        font-size:11px
    }

    .sub_title .desc {
        font-size: 12px
    }
}

.sub_tit {
    font-size: 1.125em;
    color: #111;
    font-family: "NanumSquare", sans-serif;
    letter-spacing: -0.2px;
    margin-bottom: 10px;
    font-weight: 600
}

.sub_tit_bx {
    margin-bottom: 0;
    position: relative
}

.sub_tit_bx .tit {
    margin-bottom: 0
}

.sub_tit_bx .more {
    line-height: 14px;
    color: #7b7b7b;
    font-size: 0.9375em;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px
}

.sub_tit_bx .more:before {
    content: '+ '
}

.sub_tit_bx .more:hover {
    text-decoration: underline
}

.tt {
    font-family: "NanumSquare", sans-serif;
    line-height: 1.5;
    letter-spacing: -0.01em
}

.tt.bold,.tt .bold {
    font-weight: 600
}

h2.tt {
    font-size: 2.8125em
}

@media screen and (max-width: 1024px) {
    h2.tt {
        font-size:31.5px
    }
}

h3.tt {
    font-size: 2.0625em
}

@media screen and (max-width: 1024px) {
    h3.tt {
        font-size:23.1px
    }
}

h4.tt {
    font-size: 1.5625em
}

h5.tt {
    font-size: 1.375em
}

h6.tt {
    font-size: 1.125em
}

.tbl_top {
    margin-top: 30px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #222;
    text-align: left;
    display: table;
    width: 100%;
    table-layout: fixed;
    table-layout: auto
}

.tbl_top .sel_bx,.tbl_top .total {
    display: table-cell
}

.tbl_top .sel_bx,.tbl_top .total {
    vertical-align: middle
}

.tbl_top .total {
    font-weight: 500;
    color: #333
}

.tbl_top .sel_bx {
    text-align: right;
    font-size: 14px
}

.tbl_top .sel_bx select {
    display: inline-block;
    max-width: 200px
}

@media screen and (max-width: 1024px) {
    .tbl_top {
        padding-bottom:10px
    }

    .tbl_top .sel_bx {
        font-size: 13px
    }

    .tbl_top .sel_bx select {
        max-width: 120px
    }
}

.tbl_top+.img_board_list_02,.tbl_top+.table_board_for {
    margin: 0;
    margin-top: -40px;
    border-top: 0
}

.pop-term {
    max-width: 600px;
    width: 100%;
    padding: 20px;
    text-align: left
}

.pop-term .pop-head {
    margin-bottom: 20px
}

.pop-term .pop-body {
    font-size: 0.8125em;
    overflow: auto;
    max-height: 300px
}

.pop-recommand {
    max-width: 600px;
    word-break: keep-all
}

@media screen and (max-width: 1024px) {
    .pop-recommand .title_bx {
        margin-bottom:10px
    }

    .pop-recommand .title_bx img {
        max-width: 130px
    }
}

.pop-recommand .ci {
    letter-spacing: -0.5px;
    display: inline;
    color: #779cd1
}

.pop-recommand .ci i {
    color: #eb7588
}

.pop-recommand .ci i.dot {
    color: #222
}

.pop-recommand h5.tt {
    text-align: center;
    position: relative;
    margin-bottom: 20px
}

.pop-recommand h5.tt:before {
    content: '';
    left: 0;
    width: 100%;
    top: 50%;
    position: absolute;
    border-top: 1px solid #ddd
}

.pop-recommand h5.tt span {
    position: relative;
    display: inline-block;
    border: 3px solid #4391ff;
    line-height: 42px;
    border-radius: 48px;
    padding: 0 20px;
    min-width: 140px;
    background-color: #fff;
    font-family: "NanumSquare", sans-serif;
    font-weight: 600;
    color: #4391ff;
    font-size: 23px
}

@media screen and (max-width: 768px) {
    .pop-recommand h5.tt span {
        border:1px solid #4391ff;
        line-height: 28px;
        border-radius: 28px;
        min-width: auto;
        font-size: 16px
    }
}

.pop-recommand .section {
    margin-top: 30px;
    line-height: 1.3
}

@media screen and (max-width: 1024px) {
    .pop-recommand .section {
        margin-top:20px
    }
}

.pop-recommand .section li {
    margin-bottom: 10px;
    padding: 0 5px;
    float: left;
    width: 33.33%
}

.pop-recommand .section li:nth-child(3n+1) {
    clear: left
}

.pop-recommand .section li .img_bx {
    margin-bottom: 5px
}

.pop-recommand .section li a {
    display: block
}

@media screen and (max-width: 1024px) {
    .pop-recommand .section li {
        padding:0 2px
    }
}

.brandstory__why {
    padding-bottom: 0;
    word-break: keep-all
}

.brandstory__why .bg_upper_txt .txt_bx {
    max-width: 1500px;
    position: relative;
    margin: -120px auto 0;
    text-align: center;
    padding: 50px 0 80px;
    background-color: #fff
}

@media screen and (max-width: 1500px) {
    .brandstory__why .bg_upper_txt .txt_bx {
        margin-top:0
    }
}

.brandstory__why .bg_upper_txt .txt_bx h3 {
    margin: 10px auto
}

.brandstory__why .bg_upper_txt .txt_bx h4:after {
    content: '';
    width: 65px;
    border-bottom: 1px solid #4391ff;
    display: block;
    margin: 40px auto
}

@media screen and (max-width: 1024px) {
    .brandstory__why .bg_upper_txt .txt_bx {
        padding:30px 0
    }

    .brandstory__why .bg_upper_txt .txt_bx h4:after {
        margin: 20px auto
    }
}

.brandstory__why .banner {
    background: url(../images/brandstory/bg.png) repeat;
    padding: 60px 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .brandstory__why .banner {
        background-size:4px
    }
}

.brandstory__why .banner h3.tt {
    margin: 20px 0
}

@media screen and (max-width: 1024px) {
    .brandstory__why .banner {
        padding:40px 0
    }
}

@media screen and (max-width: 1024px) {
    .brandstory__why .icon {
        height:35px
    }
}

.brandstory__why .half_list_wrap .item {
    display: table;
    width: 100%;
    table-layout: fixed
}

@media (min-width: 1500px) {
    .brandstory__why .half_list_wrap .item {
        height:500px
    }
}

.brandstory__why .half_list_wrap .item .img_bx,.brandstory__why .half_list_wrap .item .txt_bx {
    display: table-cell;
    vertical-align: bottom;
    width: 50%
}

.brandstory__why .half_list_wrap .item .txt_bx {
    padding: 70px;
    text-align: left;
    color: #444
}

.brandstory__why .half_list_wrap .item .txt_bx .no {
    font-size: 3.125em;
    font-family: "NanumSquare", sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #7eb3ff
}

@media screen and (max-width: 1024px) {
    .brandstory__why .half_list_wrap .item .txt_bx {
        padding:30px
    }
}

.brandstory__why .half_list_wrap .item .txt_bx h3.tt {
    margin: 10px 0 20px;
    line-height: 1.33333
}

.brandstory__why .half_list_wrap .item .txt_bx h5.tt {
    line-height: 1.55556
}

.brandstory__why .half_list_wrap .item:nth-child(2n) {
    direction: rtl
}

.brandstory__why .half_list_wrap .item:nth-child(2n) .txt_bx {
    direction: ltr;
    background-color: #f7f5f5;
    text-align: right
}

.brandstory__why .half_list_wrap .item:nth-child(2n) .txt_bx .no {
    color: #4391ff
}

.brandstory__why .half_list_wrap .item .img_bx {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media screen and (max-width: 768px) {
    .brandstory__why .half_list_wrap .item .img_bx {
        display:none
    }

    .brandstory__why .half_list_wrap .item,.brandstory__why .half_list_wrap .item .txt_bx {
        display: block;
        width: 100%
    }
}

.brandstory__why .cha_wrap {
    background: url(../images/brandstory/cha_bg.png) repeat;
    padding: 100px 0;
    text-align: center
}

.brandstory__why .cha_wrap .tit_wrap {
    margin-bottom: 20px;
    color: #fff
}

.brandstory__why .cha_wrap .tit_wrap h4 {
    margin-top: 20px
}

.brandstory__why .cha_wrap .cha_group {
    margin-bottom: -3.1vw
}

.brandstory__why .cha_wrap .list {
    text-align: left
}

.brandstory__why .cha_wrap .list .item {
    margin-bottom: 20px
}

.brandstory__why .cha_wrap .list .item:nth-child(odd) {
    clear: left
}

.brandstory__why .cha_wrap .list .wrap {
    border: 4px solid #5f8ed0;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    display: table;
    width: 100%;
    table-layout: fixed
}

.brandstory__why .cha_wrap .list .wrap .img_bx,.brandstory__why .cha_wrap .list .wrap .txt_bx {
    display: table-cell
}

.brandstory__why .cha_wrap .list .wrap .img_bx,.brandstory__why .cha_wrap .list .wrap .txt_bx {
    vertical-align: middle
}

.brandstory__why .cha_wrap .list .wrap .img_bx {
    width: 150px
}

.brandstory__why .cha_wrap .list .wrap .txt {
    margin-top: 10px;
    font-size: 1.125em;
    color: #777;
    line-height: 1.5;
    letter-spacing: -0.5px
}

@media screen and (max-width: 1024px) {
    .brandstory__why .cha_wrap {
        padding:70px 0
    }

    .brandstory__why .cha_wrap .list .item {
        width: 100%;
        margin-bottom: 10px
    }

    .brandstory__why .cha_wrap .list .wrap {
        border-width: 2px;
        padding: 15px
    }

    .brandstory__why .cha_wrap .list .wrap .img_bx {
        width: 75px
    }

    .brandstory__why .cha_wrap .list .wrap .txt_bx .name img {
        height: 20px
    }
}

.brandstory__why .why_banner {
    background-repeat: no-repeat;
    background-image: url("../images/brandstory/bg_why_2.jpg");
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
    padding: 180px 0
}

.brandstory__why .why_banner .tt {
    margin-top: 30px
}

@media screen and (max-width: 1024px) {
    .brandstory__why .why_banner {
        padding:10vw 0
    }

    .brandstory__why .why_banner i.br {
        display: none
    }

    .brandstory__why .why_banner img {
        width: 185px
    }
}

.brandstory__why .why_boardgame {
    text-align: center;
    padding: 100px 0
}

@media screen and (max-width: 1024px) {
    .brandstory__why .why_boardgame {
        padding:70px 0
    }
}

.brandstory__why .why_boardgame .target_info_list {
    margin-top: 100px
}

@media screen and (max-width: 768px) {
    .brandstory__why .why_boardgame .target_info_list {
        margin-top:50px
    }
}

.brandstory__why .why_boardgame .target_info_list li {
    text-align: center
}

.brandstory__why .why_boardgame .target_info_list li:first-child .num_t {
    background-image: url(../images/brandstory/target_01.png)
}

.brandstory__why .why_boardgame .target_info_list li:nth-child(2) .num_t {
    background-image: url(../images/brandstory/target_02.png)
}

.brandstory__why .why_boardgame .target_info_list li:nth-child(3) .num_t {
    background-image: url(../images/brandstory/target_03.png)
}

@media screen and (max-width: 768px) {
    .brandstory__why .why_boardgame .target_info_list li {
        margin-top:30px
    }
}

.brandstory__why .why_boardgame .target_info_list li .inner {
    font-family: "NanumSquare", sans-serif;
    position: relative;
    border: 1px solid #ddd;
    padding: 120px 10px 0;
    height: 260px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.brandstory__why .why_boardgame .target_info_list li .inner .bold {
    font-weight: 600
}

.brandstory__why .why_boardgame .target_info_list li .inner .num_t {
    position: absolute;
    top: -60px;
    left: 50%;
    width: 100%;
    margin-left: -73px;
    background-size: cover;
    background-position: center 0;
    background-repeat: no-repeat;
    width: 146px;
    height: 146px;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    line-height: 146px;
    font-weight: 700
}

.brandstory__why .why_boardgame .target_info_list li .inner .des {
    font-size: 1.4375em
}

@media screen and (max-width: 1024px) {
    .brandstory__why .why_boardgame .target_info_list li .inner {
        padding:50px 20px 20px;
        height: auto
    }

    .brandstory__why .why_boardgame .target_info_list li .inner .num_t {
        top: -40px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-left: -40px;
        font-size: 14px;
        letter-spacing: -1px
    }

    .brandstory__why .why_boardgame .target_info_list li .inner .tit {
        font-size: 20px
    }
}

.half_list_boardgame .item {
    display: table;
    width: 100%;
    table-layout: fixed
}

.half_list_boardgame .item .img_bx,.half_list_boardgame .item .txt_bx {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.half_list_boardgame .item .txt_bx {
    padding: 70px;
    text-align: left;
    color: #444
}

.half_list_boardgame .item .txt_bx .tit_bx {
    font-size: 1.125em;
    font-family: "NanumSquare", sans-serif;
    line-height: 1.4
}

.half_list_boardgame .item .txt_bx .tit_bx .tit {
    font-size: 1.38889em;
    color: #222;
    margin: 10px 0
}

.half_list_boardgame .item .txt_bx .tit_bx .desc:after {
    content: '';
    width: 35px;
    border-bottom: 2px solid #4391ff;
    display: block;
    margin: 20px 0
}

.half_list_boardgame .item .txt_bx .tit_bx .recommand {
    font-weight: 600;
    margin: 20px 0 10px
}

@media screen and (max-width: 1024px) {
    .half_list_boardgame .item .txt_bx {
        padding:30px
    }
}

.half_list_boardgame .item .img_bx {
    background-color: #f3f1f1;
    text-align: center;
    position: relative;
    padding: 20px
}

.half_list_boardgame .item .img_bx .name {
    right: 0;
    position: absolute;
    top: 0;
    width: 120px;
    height: 120px;
    font-size: 1.5625em;
    font-family: "NanumSquare", sans-serif;
    color: #fff;
    background-color: #ea7c91;
    text-align: center
}

.half_list_boardgame .item .img_bx .name span {
    padding: 0 10px;
    line-height: 1.3;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
    .half_list_boardgame .item .img_bx {
        padding:5px
    }

    .half_list_boardgame .item .img_bx .name {
        height: 80px;
        width: 80px
    }

    .half_list_boardgame .item .img_bx .name i.mo {
        display: inline-block
    }
}

.half_list_boardgame .item:nth-child(2n) {
    direction: rtl
}

.half_list_boardgame .item:nth-child(2n) .txt_bx {
    direction: ltr
}

.half_list_boardgame .item:nth-child(2n) .txt_bx .no {
    color: #4391ff
}

.half_list_boardgame .item:nth-child(2n) .img_bx .name {
    right: auto;
    left: 0
}

@media screen and (max-width: 640px) {
    .half_list_boardgame .item,.half_list_boardgame .item .img_bx,.half_list_boardgame .item .txt_bx {
        display:block;
        width: 100%
    }

    .half_list_boardgame .item .img_bx {
        padding: 0
    }

    .half_list_boardgame .item .img_bx .name {
        width: 50px;
        height: 50px;
        font-size: 12px
    }

    .half_list_boardgame .item .txt_bx {
        padding: 20px 15px
    }

	.quick_couple {bottom:190px; width:90px;}
	.quick_couple > a .txt {font-size:1em;}
}

.brandstory__history {
    padding-bottom: 0;
    word-break: keep-all
}

.brandstory__history .icon_bx {
    text-align: center
}

.brandstory__history .icon_bx .title {
    font-size: 1.875em;
    color: #222;
    margin-bottom: 40px
}

.brandstory__history .icon_bx .wrap {
    color: #444;
    padding: 80px 20px;
    border: 1px solid #ddd
}

.brandstory__history .icon_bx .wrap h3.tt {
    color: #222;
    margin: 20px auto
}

@media screen and (max-width: 1024px) {
    .brandstory__history .icon_bx .wrap {
        padding:40px 10px
    }

    .brandstory__history .icon_bx .wrap img {
        width: 60px
    }
}

@media screen and (max-width: 768px) {
    .brandstory__history .icon_bx .title {
        margin-bottom:20px
    }

    .brandstory__history .icon_bx .col-lg-6 {
        margin-top: 10px
    }

    .brandstory__history .icon_bx .wrap h3.tt {
        margin: 10px auto
    }
}

.brandstory__history .core_value_wrap {
    margin-top: 70px;
    padding: 70px 0 150px;
    background: url(../images/brandstory/bg.png) repeat;
    text-align: center
}

@media screen and (max-width: 768px) {
    .brandstory__history .core_value_wrap {
        background-size:4px
    }
}

.brandstory__history .core_value_wrap .tit_wrap {
    color: #222;
    margin-bottom: 40px
}

.brandstory__history .core_value_wrap .box {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 60px;
    text-align: left;
    background-color: #fff;
    background-image: url(../images/brandstory/logo_gray.png);
    background-position: 90% 90%;
    background-position: bottom 90px right 90px;
    background-repeat: no-repeat
}

.brandstory__history .core_value_wrap .box .list {
    width: 50%;
    float: left
}

.brandstory__history .core_value_wrap .box li {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 50px
}

.brandstory__history .core_value_wrap .box li .desc,.brandstory__history .core_value_wrap .box li .initial {
    display: table-cell
}

.brandstory__history .core_value_wrap .box li .initial {
    width: 100px;
    text-align: center;
    vertical-align: middle
}

.brandstory__history .core_value_wrap .box li .initial span {
    display: block
}

.brandstory__history .core_value_wrap .box li .initial span:nth-child(2) {
    margin-top: 50px
}

.brandstory__history .core_value_wrap .box li .desc {
    line-height: 1.3;
    vertical-align: middle;
    padding-left: 30px;
    border-left: 1px solid #ddd;
    color: #444;
    font-family: "NanumSquare", sans-serif
}

.brandstory__history .core_value_wrap .box li .desc .tit {
    font-size: 1.875em
}

.brandstory__history .core_value_wrap .box li .desc .txt {
    margin-top: 10px;
    line-height: 1.5;
    font-size: 1.125em
}

.brandstory__history .core_value_wrap .box li:first-child {
    margin-top: 0
}

.brandstory__history .core_value_wrap .box li .desc .tit span,.brandstory__history .core_value_wrap .box li .initial {
    color: #ffad43
}

.brandstory__history .core_value_wrap .box li._mc .desc .tit span,.brandstory__history .core_value_wrap .box li._mc .initial {
    color: #4391ff
}

@media screen and (max-width: 1024px) {
    .brandstory__history .core_value_wrap {
        margin-top:50px;
        padding: 50px 0 80px
    }

    .brandstory__history .core_value_wrap .tit_wrap {
        margin-bottom: 30px
    }

    .brandstory__history .core_value_wrap .box {
        background-size: 30%;
        background-position: 95% 95%;
        background-position: bottom 20px right 20px;
        padding: 20px
    }

    .brandstory__history .core_value_wrap .box li {
        margin-top: 30px
    }

    .brandstory__history .core_value_wrap .box li .initial {
        width: 70px
    }

    .brandstory__history .core_value_wrap .box li .initial span:nth-child(2) {
        margin-top: 30px
    }

    .brandstory__history .core_value_wrap .box li .initial img {
        width: 30px
    }

    .brandstory__history .core_value_wrap .box li .desc {
        padding-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .brandstory__history .core_value_wrap .box {
        padding:15px 5px;
        padding-bottom: 50px
    }

    .brandstory__history .core_value_wrap .box .list {
        width: 100%
    }

    .brandstory__history .core_value_wrap .box .list:nth-child(2) {
        margin-top: 30px
    }

    .brandstory__history .core_value_wrap .box li .initial {
        width: 50px
    }

    .brandstory__history .core_value_wrap .box li .desc {
        font-size: 12px
    }
}

.brandstory__franchise {
    text-align: center;
    word-break: keep-all
}

.brandstory__franchise .intro {
    padding-bottom: 50px
}

.brandstory__franchise .intro img {
    margin: 40px 0 20px
}

.brandstory__franchise .intro h3.tt.title {
    font-size: 1.875em
}

.brandstory__franchise .intro h5.tt {
    margin-top: 20px
}

.brandstory__franchise .section {
    margin: 90px 0
}

.brandstory__franchise .section._1 {
    padding: 90px 0;
    margin: 0
}

.brandstory__franchise .section .tit_wrap {
    margin-bottom: 40px
}

.brandstory__franchise .section .tit_wrap .img {
    margin-bottom: 10px;
    width: 75px
}

.brandstory__franchise .section .tit_wrap .tt {
    font-weight: 600;
    color: #222
}

.brandstory__franchise .section .tit_wrap .desc {
    margin-top: 10px;
    color: #444;
    font-size: 1.25em
}

@media screen and (max-width: 1024px) {
    .brandstory__franchise .section {
        margin:50px 0
    }

    .brandstory__franchise .section._1 {
        padding: 50px 0
    }

    .brandstory__franchise .section .tit_wrap {
        margin-bottom: 20px
    }

    .brandstory__franchise .section .tit_wrap .img {
        width: 50px
    }
}

.brandstory__franchise .tbl_view {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    color: #444
}

.brandstory__franchise .tbl_view thead {
    font-size: 1.375em;
    color: #fff
}

.brandstory__franchise .tbl_view thead th {
    padding: 10px
}

.brandstory__franchise .tbl_view td:first-child,.brandstory__franchise .tbl_view th:first-child {
    border-left: 0
}

.brandstory__franchise .tbl_view tbody {
    font-size: 1.125em
}

.brandstory__franchise .tbl_view tbody th {
    font-weight: 500
}

.brandstory__franchise .tbl_view tbody td,.brandstory__franchise .tbl_view tbody th {
    padding: 40px
}

.brandstory__franchise .tbl_view td,.brandstory__franchise .tbl_view th {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width: 1024px) {
    .brandstory__franchise .tbl_view thead {
        font-size:14px
    }

    .brandstory__franchise .tbl_view tr td:first-child,.brandstory__franchise .tbl_view tr th:first-child {
        width: 25%
    }

    .brandstory__franchise .tbl_view tr td:nth-child(2),.brandstory__franchise .tbl_view tr th:nth-child(2) {
        width: 25%
    }

    .brandstory__franchise .tbl_view tbody td,.brandstory__franchise .tbl_view tbody th {
        font-size: 12px;
        padding: 10px 2px
    }
}

.brandstory__franchise .section._2 thead th {
    background-color: #4391ff
}

.brandstory__franchise .section._2 tbody th {
    background-color: #eff2f6
}

.brandstory__franchise .section._2 .dot_list li:before {
    color: #4391ff
}

.brandstory__franchise .section._3 thead th {
    background-color: #ffac42
}

.brandstory__franchise .section._3 tbody th {
    background-color: #f9f7f5
}

.brandstory__franchise .section._3 .dot_list li:before {
    color: #ffac42
}

.brandstory__franchise .section._1 {
    background: url(../images/brandstory/bg.png) repeat
}

@media screen and (max-width: 768px) {
    .brandstory__franchise .section._1 {
        background-size:4px
    }
}

.brandstory__franchise .section._1 .box {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 60px;
    text-align: left;
    background-color: #fff
}

.brandstory__franchise .section._1 .box .list {
    width: 50%;
    float: left;
    position: relative
}

.brandstory__franchise .section._1 .box .list:before {
    content: '';
    height: 350px;
    border-left: 1px dashed #bbb;
    display: block;
    top: 0;
    position: absolute;
    left: 36px
}

@media screen and (max-width: 768px) {
    .brandstory__franchise .section._1 .box .list:before {
        display:none;
        content: none
    }
}

.brandstory__franchise .section._1 .box li {
    min-height: 100px;
    position: relative;
    margin-top: 30px;
    padding-top: 10px;
    padding-left: 120px
}

.brandstory__franchise .section._1 .box li._1,.brandstory__franchise .section._1 .box li._4 {
    min-height: 150px
}

@media screen and (max-width: 768px) {
    .brandstory__franchise .section._1 .box li {
        min-height:auto!important
    }
}

.brandstory__franchise .section._1 .box li:first-child {
    margin-top: 0
}

.brandstory__franchise .section._1 .box li .initial {
    position: absolute;
    left: 0;
    top: 0
}

.brandstory__franchise .section._1 .box li .initial .no {
    text-align: center;
    display: block;
    line-height: 50px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    color: #fff;
    font-family: "NanumSquare", sans-serif;
    font-size: 1.6875em;
    font-weight: 600;
    border: 12px solid #fff
}

.brandstory__franchise .section._1 .box li .desc {
    line-height: 1.3;
    color: #444;
    font-family: "NanumSquare", sans-serif
}

.brandstory__franchise .section._1 .box li .desc .tit {
    font-size: 1.875em
}

.brandstory__franchise .section._1 .box li .desc .txt {
    margin-top: 10px;
    line-height: 1.5;
    font-size: 1.125em
}

.brandstory__franchise .section._1 .box ._1 .initial .no {
    background-color: #feca2d;
    border-color: #ffe288
}

.brandstory__franchise .section._1 .box ._2 .initial .no {
    background-color: #dcc157;
    border-color: #f0dd91
}

.brandstory__franchise .section._1 .box ._3 .initial .no {
    background-color: #a6b399;
    border-color: #d3e1c5
}

.brandstory__franchise .section._1 .box ._4 .initial .no {
    background-color: #8aabbb;
    border-color: #bad6e4
}

.brandstory__franchise .section._1 .box ._5 .initial .no {
    background-color: #669fe2;
    border-color: #abcefc
}

.brandstory__franchise .section._1 .box ._6 .initial .no {
    background-color: #4793fd;
    border-color: #72adff
}

@media screen and (max-width: 1024px) {
    .brandstory__franchise .section._1 .box {
        padding:20px
    }
}

@media screen and (max-width: 768px) {
    .brandstory__franchise .section._1 .box {
        padding:15px 5px
    }

    .brandstory__franchise .section._1 .box .list {
        width: 100%
    }

    .brandstory__franchise .section._1 .box .list:nth-child(2) {
        margin-top: 20px
    }

    .brandstory__franchise .section._1 .box li {
        margin-top: 20px;
        padding-left: 60px
    }

    .brandstory__franchise .section._1 .box li .initial .no {
        line-height: 36px;
        width: 46px;
        height: 46px;
        border: 6px solid #fff
    }
}

.brandstory__support {
    padding-bottom: 0;
    text-align: center;
    word-break: keep-all
}

.brandstory__support .intro {
    padding-bottom: 50px
}

.brandstory__support .intro img {
    margin: 40px 0 40px
}

.brandstory__support .intro h3.tt.title {
    font-size: 1.875em
}

.brandstory__support .intro h5.tt {
    margin-top: 20px
}

.brandstory__support .section {
    padding: 90px 0
}

@media screen and (max-width: 1024px) {
    .brandstory__support .section {
        padding:50px 0
    }
}

.brandstory__support .section._1 {
    background: url(../images/brandstory/bg.png) repeat
}

@media screen and (max-width: 768px) {
    .brandstory__support .section._1 {
        background-size:4px
    }
}

.brandstory__support .section._1 .logo {
    margin-bottom: 20px
}

.brandstory__support .section._1 .tt {
    padding: 20px 0
}

@media screen and (max-width: 1024px) {
    .brandstory__support .section._1 .tt {
        padding:10px 0
    }

    .brandstory__support .section._1 .logo {
        max-width: 307px
    }
}

.brandstory__support .section._2 img {
    margin-top: 30px
}

.brandstory__support .section._2 .txt {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1015px;
    padding: 50px;
    margin-top: -45px;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .brandstory__support .section._2 .txt {
        padding:30px;
        margin-top: -25px
    }
}

.brandstory__partnership .tit_wrap {
    word-break: keep-all;
    text-align: center
}

.brandstory__partnership .tit_wrap h6.tt {
    letter-spacing: -0.2px
}

.brandstory__partnership .tit_wrap h4.tt {
    margin-bottom: 10px
}

.brandstory__partnership .clause_list .scroll-con-y {
    height: 200px
}

@media screen and (max-width: 768px) {
    .brandstory__partnership .clause_list .scroll-con-y {
        height:150px
    }
}

.brandstory__partnership .form_wrap {
    margin-top: 60px
}

.brandstory__partnership .file_box p {
    background-color: #fff
}

.brandstory__partnership .table-form-01 {
    margin-top: 40px;
    border: 0;
    border-collapse: initial;
    background-color: #fafafa;
    padding: 60px 50px
}

@media screen and (max-width: 1200px) {
    .brandstory__partnership .table-form-01 {
        padding:20px 15px
    }
}

.brandstory__partnership .table-form-01 td,.brandstory__partnership .table-form-01 th {
    border: 0;
    padding: 10px
}

@media screen and (max-width: 1024px) {
    .brandstory__partnership .table-form-01 td,.brandstory__partnership .table-form-01 th {
        padding:10px 5px
    }
}

.brandstory__partnership .table-form-01 .col_w {
    width: 10%
}

.brandstory__partnership .table-form-01 td {
    width: 40%
}

@media screen and (max-width: 768px) {
    .brandstory__partnership .table-form-01 {
        padding:10px
    }

    .brandstory__partnership .table-form-01 .col_w,.brandstory__partnership .table-form-01 td,.brandstory__partnership .table-form-01 th,.brandstory__partnership .table-form-01 tr {
        display: block;
        width: 100%
    }

    .brandstory__partnership .table-form-01 td,.brandstory__partnership .table-form-01 th {
        padding: 4px 0
    }
}

.brandstory__partnership .list_btn {
    width: 100%;
    max-width: 280px;
    margin: 0 auto
}

.franchise_call {
    margin: 0 auto;
    max-width: 1200px;
    background-color: #eef6ff;
    padding: 50px;
    display: table;
    width: 100%;
    text-align: left;
    table-layout: fixed
}

.franchise_call .tel,.franchise_call .tit {
    display: table-cell;
    vertical-align: middle
}

.franchise_call .tit {
    line-height: 1.3;
    color: #222;
    font-size: 2.0625em;
    font-family: "NanumSquare", sans-serif;
    padding-left: 130px;
    background-image: url(../images/brandstory/i_call.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    padding-right: 50px
}

.franchise_call .tit .bold {
    font-weight: 600
}

.franchise_call .tel {
    padding-left: 50px;
    border-left: 1px solid #ddd;
    font-weight: bolder;
    line-height: 1.3;
    font-family: "NanumSquare", sans-serif
}

.franchise_call .tel a,.franchise_call .tel span {
    vertical-align: middle
}

.franchise_call .tel span {
    color: #8c8c8c;
    font-size: 1.875em
}

.franchise_call .tel a {
    font-weight: 900;
    color: #4391ff;
    font-size: 2.625em
}

@media screen and (max-width: 1024px) {
    .franchise_call {
        padding:30px;
        display: block;
        text-align: center
    }

    .franchise_call .tel,.franchise_call .tit {
        display: block
    }

    .franchise_call .tit {
        padding: 0;
        padding-top: 60px;
        background-position: top center;
        background-size: 40px
    }

    .franchise_call .tel {
        margin-top: 10px;
        padding: 0;
        border-left: 0
    }
}

@media screen and (max-width: 768px) {
    .franchise_call {
        font-size:10px
    }
}

.tab.radi {
    display: inline-block;
    font-size: 0;
    margin: 0 auto 60px;
    text-align: center
}

.tab.radi li {
    float: none;
    line-height: 1;
    margin: 5px;
    display: inline-block
}

.tab.radi a {
    font-size: 18px;
    color: #222;
    border-radius: 58px;
    line-height: 58px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 25px
}

.tab.radi a.on {
    border-color: #4391ff;
    background-color: #4391ff;
    color: #fff
}
.tab.radi a.red {
	border-color: #ee889c;
	color: #ee889c;
}
.tab.radi a.red.on {
    background-color: #ee889c;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .tab.radi {
        margin:0 auto 30px
    }

    .tab.radi li {
        margin: 2px
    }

    .tab.radi a {
        padding: 0 15px;
        border-radius: 32px;
        line-height: 32px;
        font-size: 14px
    }
}

.kakao_talk_consultation .intro {
    background-color: #3e3330;
    padding: 110px 100px;
    text-align: left;
    background-image: url(../images/reservation/kakao_display.png);
    background-position: 90% bottom;
    background-position: right 100px bottom;
    background-repeat: no-repeat
}

.kakao_talk_consultation .intro .txt_bx {
    padding-right: 260px;
    line-height: 1.3;
    color: #fff
}

.kakao_talk_consultation .intro .txt_bx .desc,.kakao_talk_consultation .intro .txt_bx .tit span {
    color: #fae100
}

.kakao_talk_consultation .intro .txt_bx .desc {
    font-family: "NanumSquare", sans-serif;
    font-weight: 500;
    font-size: 1.25em
}

.kakao_talk_consultation .intro .txt_bx .tit {
    font-family: "NanumSquare", sans-serif;
    margin-top: 20px;
    font-size: 3.375em;
    font-weight: 300
}

.kakao_talk_consultation .intro .txt_bx .dot_list {
    margin-top: 40px
}

.kakao_talk_consultation .intro .txt_bx .dot_list li {
    margin-top: 10px
}

@media screen and (max-width: 1024px) {
    .kakao_talk_consultation .intro {
        padding:80px 30px;
        background-position: 90% bottom;
        background-position: right 30px bottom
    }
}

@media screen and (max-width: 768px) {
    .kakao_talk_consultation .intro {
        padding:30px 15px;
        background-image: none
    }

    .kakao_talk_consultation .intro .txt_bx {
        padding-right: 0
    }

    .kakao_talk_consultation .intro .txt_bx .tit {
        font-size: 24px
    }
}

.kakao_talk_consultation .list {
    margin-top: 50px
}

.kakao_talk_consultation .list .tit {
    text-align: center;
    font-size: 1.5625em;
    color: #222;
    font-weight: bold;
    font-family: "NanumSquare", sans-serif;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

@media screen and (max-width: 768px) {
    .kakao_talk_consultation .list .tit {
        padding:10px 0
    }
}

.kakao_talk_consultation .list ul {
    padding: 40px 0 60px;
    text-align: left;
    margin-left: -7px;
    margin-right: -7px
}

.kakao_talk_consultation .list ul:after,.kakao_talk_consultation .list ul:before {
    display: table;
    content: ''
}

.kakao_talk_consultation .list ul:after {
    clear: both
}

.kakao_talk_consultation .list ul li {
    float: left;
    width: 25%;
    padding: 0 7px 14px
}

.kakao_talk_consultation .list ul a {
    display: block;
    background-color: #fae100;
    color: #333;
    font-size: 1.125em;
    font-family: "NanumSquare", sans-serif;
    border-radius: 80px;
    position: relative;
    padding: 12px;
    padding-right: 0
}

.kakao_talk_consultation .list ul a:before {
    margin-right: 30px;
    content: '';
    vertical-align: middle;
    height: 52px;
    width: 52px;
    display: inline-block;
    background: url(../images/reservation/i_kakao.png) no-repeat
}

@media screen and (max-width: 1024px) {
    .kakao_talk_consultation .list ul {
        padding:30px 0 40px;
        margin-left: -4px;
        margin-right: -4px
    }

    .kakao_talk_consultation .list ul li {
        padding: 0 4px 8px
    }

    .kakao_talk_consultation .list ul a {
        padding: 5px;
        padding-right: 0
    }

    .kakao_talk_consultation .list ul a:before {
        margin-right: 5px;
        height: 30px;
        width: 30px;
        background-size: 30px
    }
}

@media screen and (max-width: 768px) {
    .kakao_talk_consultation .list ul {
        font-size:10px
    }

    .kakao_talk_consultation .list ul li {
        width: 50%
    }
}

.paid_chat_consultation .intro {
    word-break: keep-all;
    background-color: #6ed6d3;
    padding: 110px 100px;
    text-align: left;
    background-image: url(../images/reservation/chat_bg.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.paid_chat_consultation .intro .txt_bx {
    padding-right: 100px;
    line-height: 1.4;
    color: #fff
}

.paid_chat_consultation .intro .txt_bx .desc,.paid_chat_consultation .intro .txt_bx .tit span {
    color: #0d928d
}

.paid_chat_consultation .intro .txt_bx .desc {
    font-family: "NanumSquare", sans-serif;
    font-weight: 500;
    font-size: 1.25em
}

.paid_chat_consultation .intro .txt_bx .tit {
    font-family: "NanumSquare", sans-serif;
    margin-top: 20px;
    letter-spacing: -1px;
    font-size: 3.375em;
    font-weight: 100;
    line-height: 1.14545
}

.paid_chat_consultation .intro .txt_bx .tit span {
    font-weight: 400
}

.paid_chat_consultation .intro .txt_bx .txt {
    margin-top: 50px;
    color: #2d7572
}

@media screen and (max-width: 1200px) {
    .paid_chat_consultation .intro {
        padding:80px 30px;
        background-size: 40%
    }
}

@media screen and (max-width: 1024px) {
    .paid_chat_consultation .intro .txt_bx .txt {
        margin-top:20px
    }
}

@media screen and (max-width: 768px) {
    .paid_chat_consultation .intro {
        padding:30px 15px;
        background-image: none
    }

    .paid_chat_consultation .intro .txt_bx {
        padding-right: 0
    }

    .paid_chat_consultation .intro .txt_bx .tit {
        font-size: 24px
    }
}

.paid_chat_consultation .branch_search_list .txt_box {
    word-break: normal
}

.paid_chat_consultation .branch_search_list .txt_box .tit {
    margin-bottom: 15px
}

.paid_chat_consultation .branch_search_list .txt_box .tit .name {
    color: #384e6d;
    display: inline-block
}

.paid_chat_consultation .branch_search_list .txt_box .tit .cate {
    display: inline-block;
    color: #222;
    font-weight: 100;
    font-size: 0.75em
}

.paid_chat_consultation .branch_search_list .txt_box .txt {
    height: 88px;
    line-height: 22px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.paid_chat_consultation .branch_search_list .btn:after,.paid_chat_consultation .branch_search_list .btn:before {
    display: table;
    content: ''
}

.paid_chat_consultation .branch_search_list .btn:after {
    clear: both
}

.paid_chat_consultation .branch_search_list .btn span {
    width: 50%;
    display: block;
    color: #fff;
    float: left
}

.paid_chat_consultation .branch_search_list .btn .state {
    background-color: #fff
}

.paid_chat_consultation .branch_search_list .btn.on {
    border: 1px solid #4391ff;
    background-color: #4391ff
}

.paid_chat_consultation .branch_search_list .btn.on .state {
    color: #4391ff
}

.paid_chat_consultation .branch_search_list .btn.off {
    cursor: default;
    background-color: #9b9b9b
}

.paid_chat_consultation .branch_search_list .btn.off .state {
    color: #9b9b9b
}

.online_booking .intro {
    word-break: keep-all;
    font-size: 0.9375em;
    border: 1px solid #ddd;
    padding: 60px;
    padding-right: 0;
    text-align: left
}

.online_booking .intro .dot_list {
    padding-left: 150px;
    background-image: url(../images/brandstory/i_call.png);
    background-repeat: no-repeat;
    background-position: left center
}

.online_booking .intro .dot_list li {
    margin-top: 5px
}

.online_booking .intro .dot_list li:first-child {
    margin-top: 0
}

.online_booking .intro .dot_list li:before {
    color: #4391ff
}

@media screen and (max-width: 1024px) {
    .online_booking .intro {
        padding:20px
    }

    .online_booking .intro .dot_list {
        padding-left: 50px;
        background-size: 40px
    }
}

@media screen and (max-width: 768px) {
    .online_booking .intro {
        padding:10px
    }

    .online_booking .intro .dot_list {
        padding: 0;
        background-image: none
    }
}

.online_booking_step .step {
    margin-top: 50px
}

.online_booking_step .step .tit_wrap {
    position: relative;
    text-align: left;
    margin-bottom: 40px
}

.online_booking_step .step .tit_wrap .tt {
    color: #222
}

.online_booking_step .step .tit_wrap .no {
    color: #fff;
    background-color: #3d587f;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    font-size: 23px;
    margin-right: 10px
}

.online_booking_step .step .tit_wrap .date_info {
    position: absolute;
    right: 0;
    bottom: 0
}

.online_booking_step .step .tit_wrap .date_info p {
    display: inline-block;
    margin-left: 10px
}

.online_booking_step .step .tit_wrap .date_info span {
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.online_booking_step .step .tit_wrap .date_info .date_seleted {
    background-color: #4391ff
}

.online_booking_step .step .tit_wrap .date_info .date_available {
    background-color: #eb7588
}

@media screen and (max-width: 1024px) {
    .online_booking_step .step {
        margin-top:30px
    }

    .online_booking_step .step .tit_wrap {
        margin-bottom: 20px
    }

    .online_booking_step .step .tit_wrap .no {
        height: 20px;
        width: 20px;
        font-size: 14px;
        margin-right: 3px
    }

    .online_booking_step .step .tit_wrap .date_info span {
        width: 18px;
        height: 18px
    }
}

@media screen and (max-width: 480px) {
    .online_booking_step .step .tit_wrap .date_info {
        position:relative;
        text-align: right
    }
}

.online_booking_step .content_wrap {
    padding: 60px;
    background-color: #fafafa
}

.online_booking_step .content_wrap .list_btn {
    line-height: 62px;
    height: 62px;
    max-width: 290px;
    margin: 0 auto;
    border-radius: 5px
}

@media screen and (max-width: 1024px) {
    .online_booking_step .content_wrap {
        padding:10px
    }

    .online_booking_step .content_wrap .list_btn {
        line-height: 40px;
        height: 40px
    }
}

.online_booking .sel_date_wrap {
    display: table;
    width: 100%;
    table-layout: fixed
}

.online_booking .sel_date_wrap .sel_date_calendar,.online_booking .sel_date_wrap .sel_date_time {
    display: table-cell
}

.online_booking .sel_date_wrap .sel_date_calendar,.online_booking .sel_date_wrap .sel_date_time {
    vertical-align: top
}

.online_booking .sel_date_wrap .sel_date_time {
    padding-top: 55px;
    width: 300px;
    padding-left: 20px
}

.online_booking .sel_date_wrap .sel_date_time .wrap {
    padding: 20px;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.online_booking .sel_date_wrap .sel_date_time .wrap .scroll-con-y {
    height: 260px
}

.online_booking .sel_date_wrap .sel_date_time .wrap li {
    border-top: 1px solid #ddd
}

.online_booking .sel_date_wrap .sel_date_time .wrap li:first-child {
    border-top: 0
}

.online_booking .sel_date_wrap .sel_date_time .wrap .time {
    text-align: left;
    width: 100%;
    color: #666;
    padding: 10px 0;
    padding-right: 15px;
    position: relative;
    display: block;
    cursor: pointer
}

.online_booking .sel_date_wrap .sel_date_time .wrap .time:before {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.online_booking .sel_date_wrap .sel_date_time .wrap .time:before {
    font-size: 18px;
    margin-right: 15px;
    vertical-align: middle
}

.online_booking .sel_date_wrap .sel_date_time .wrap .time.on {
    color: #4391ff
}

.online_booking .sel_date_wrap .sel_date_time .wrap .time.on:after {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e929";
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 18px;
    margin-top: -9px
}

@media screen and (max-width: 768px) {
    .online_booking .sel_date_wrap,.online_booking .sel_date_wrap .sel_date_calendar,.online_booking .sel_date_wrap .sel_date_time {
        display:block;
        width: 100%
    }

    .online_booking .sel_date_wrap .sel_date_calendar {
        max-width: 600px;
        margin: 0 auto
    }

    .online_booking .sel_date_wrap .sel_date_time {
        padding: 0;
        margin-top: 10px
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap {
        padding: 0
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap:after,.online_booking .sel_date_wrap .sel_date_time .wrap:before {
        display: table;
        content: ''
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap:after {
        clear: both
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap .scroll-con-y {
        height: 160px
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap li {
        width: 25%;
        float: left;
        padding: 0 5px;
        border: 0
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap .time {
        padding: 6px 0;
        padding-right: 10px
    }

    .online_booking .sel_date_wrap .sel_date_time .wrap .time:before {
        font-size: 12px;
        margin-right: 5px
    }
}

@media screen and (max-width: 480px) {
    .online_booking .sel_date_wrap .sel_date_time .wrap li {
        width:50%
    }
}

.online_booking .reservation_form {
    margin: 0 auto;
    text-align: center
}

.online_booking .reservation_form .reserve_info {
    background-color: #3d587f;
    padding: 30px 0;
    text-align: center;
    font-size: 1.25em
}

.online_booking .reservation_form .reserve_info ul {
    max-width: 600px;
    margin: 0 auto;
    width: 100%
}

.online_booking .reservation_form .reserve_info li {
    float: left;
    width: 50%;
    padding: 0 10px;
    text-align: center
}

.online_booking .reservation_form .reserve_info dd,.online_booking .reservation_form .reserve_info dt {
    display: inline-block
}

.online_booking .reservation_form .reserve_info dt {
    color: #4391ff;
    font-weight: 500
}

.online_booking .reservation_form .reserve_info dd {
    color: #fff;
    font-weight: 300
}

@media screen and (max-width: 768px) {
    .online_booking .reservation_form .reserve_info {
        padding:15px 0
    }

    .online_booking .reservation_form .reserve_info li {
        width: 100%
    }
}

.online_booking .reservation_form .table-form {
    margin-top: 20px;
    width: 100%;
    table-layout: fixed;
    text-align: left
}

.online_booking .reservation_form .table-form tr th {
    color: #222;
    width: 120px
}

.online_booking .reservation_form .table-form tr td,.online_booking .reservation_form .table-form tr th {
    vertical-align: middle;
    text-align: left;
    padding: 10px 0
}

.online_booking .reservation_form .table-form .input_for,.online_booking .reservation_form .table-form .sel_for {
    max-width: 310px
}

.online_booking .reservation_form .table-form .num {
    max-width: 600px
}

.online_booking .reservation_form .table-form input,.online_booking .reservation_form .table-form select {
    height: 48px;
    line-height: 48px
}

.online_booking .reservation_form .table-form input,.online_booking .reservation_form .table-form select,.online_booking .reservation_form .table-form textarea {
    border-color: #ddd;
    width: 100%
}

@media screen and (max-width: 768px) {
    .online_booking .reservation_form .table-form {
        margin-top:10px
    }

    .online_booking .reservation_form .table-form tr th {
        width: 80px
    }

    .online_booking .reservation_form .table-form tr td,.online_booking .reservation_form .table-form tr th {
        padding: 5px 0
    }

    .online_booking .reservation_form .table-form input,.online_booking .reservation_form .table-form select {
        height: 40px;
        line-height: 40px
    }
}

@media screen and (max-width: 480px) {
    .online_booking .reservation_form .table-form td,.online_booking .reservation_form .table-form th,.online_booking .reservation_form .table-form tr {
        display:block;
        width: 100%
    }
}

.calendar_wrap {
    text-align: center
}

.calendar_nav {
    position: relative;
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .calendar_nav {
        margin-bottom:10px
    }
}

.calendar_nav_txt {
    font-weight: bold;
    margin: 0 40px
}

.calendar_nav .arr {
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    padding: 0 5px;
    display: inline-block
}

.calendar_nav ul {
    line-height: 1;
    display: inline-block
}

.calendar_nav ul li {
    float: left
}

.calendar_table {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    border-top: 1px solid #bfbfbf
}

.calendar_table thead th {
    border-color: #bfbfbf
}

.calendar_table td,.calendar_table th {
    padding: 10px 5px;
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e2
}

.calendar_table .day {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%
}

.calendar_table .day.available {
    color: #fff;
    background-color: #eb7588
}

.calendar_table .day.on {
    color: #fff;
    background-color: #4391ff
}

.calendar_table ._disable,.calendar_table ._none {
    color: #b4b4b4!important;
    background-color: transparent!important;
    cursor: default
}

.table_board_for tr.notice a {
    font-weight: 500;
    color: #222
}

.media__magazine .img_board_list .img_box {
    border: 1px solid #ddd
}

.media__magazine .img_board_list .img_box .img_src {
    padding-bottom: 141%
}

.media__lecture .img_board_list li {
    width: 33.33%
}

.media__lecture .img_board_list .txt_box .tit {
    white-space: normal;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 768px) {
    .media__lecture .img_board_list li {
        width:50%
    }
}

@media screen and (max-width: 1024px) {
    .media__lecture .img_board_list .txt_box .tit {
        height:40px;
        line-height: 20px
    }
}

.tag_radi {
    font-size: 0.9375em;
    display: inline-block;
    color: #fff;
    background-color: #4391ff;
    clear: both;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 30px
}

@media screen and (max-width: 1024px) {
    .tag_radi {
        padding:5px
    }
}

@media screen and (max-width: 1024px) {
    .table_board_for.type_a td:first-child,.table_board_for.type_a th:first-child {
        width:50px
    }
}

.media__media .img_board_list_02 .img_box {
    width: 400px
}

@media screen and (max-width: 1024px) {
    .media__media .img_board_list_02 .img_box {
        width:200px
    }
}

.media__media .img_board_list_02 .img_box .img_src {
    padding-bottom: 58%
}

.media__media .img_board_list_02 .txt_box .tit {
    font-size: 1.125em;
    margin-bottom: 10px
}

@media screen and (max-width: 480px) {
    .media__media .img_board_list_02 a:after,.media__media .img_board_list_02 a:before {
        display:table;
        content: ''
    }

    .media__media .img_board_list_02 a:after {
        clear: both
    }

    .media__media .img_board_list_02 a,.media__media .img_board_list_02 a .img_box,.media__media .img_board_list_02 a .txt_box {
        width: 100%;
        display: block
    }

    .media__media .img_board_list_02 a .img_box {
        float: none
    }

    .media__media .img_board_list_02 a .txt_box {
        margin-top: 10px
    }
}

.img_board_list_02 .img_box {
    width: 290px
}

.img_board_list_02 .img_box .img_src {
    padding-bottom: 72%
}

.img_board_list_02 .txt_box .tag_radi {
    margin-bottom: 10px
}

.img_board_list_02 .txt_box .tit {
    font-size: 25px;
    font-family: "NanumSquare", sans-serif;
    letter-spacing: -0.2px;
    font-weight: 600
}

@media screen and (max-width: 1024px) {
    .img_board_list_02 .img_box {
        width:90px
    }

    .img_board_list_02 .txt_box .tit {
        font-size: 16px
    }
}

.main_event_slick .slick-list {
    overflow: visible
}

.main_event_slick .slick-arrow {
    width: 70px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 50%;
    font-size: 20px
}

.main_event_slick .slick-arrow.sa_r {
    right: -35px
}

.main_event_slick .slick-arrow.sa_l {
    left: -35px
}

@media screen and (max-width: 1024px) {
    .main_event_slick .slick-arrow {
        width:50px;
        height: 50px;
        font-size: 16px
    }

    .main_event_slick .slick-arrow.sa_r {
        right: -10px
    }

    .main_event_slick .slick-arrow.sa_l {
        left: -10px
    }
}

.main_event_slick .list {
    margin-left: -10px;
    margin-right: -10px
}

@media screen and (max-width: 1024px) {
    .main_event_slick .list {
        margin-left:-5px;
        margin-right: -5px
    }
}

.main_event_slick .list .item {
    width: 33.33%;
    float: left
}

@media screen and (max-width: 768px) {
    .main_event_slick .list .item {
        width:50%
    }
}

@media screen and (max-width: 480px) {
    .main_event_slick .list .item {
        width:100%
    }
}

.main_event_slick .item {
    padding: 0 10px 20px
}

@media screen and (max-width: 1024px) {
    .main_event_slick .item {
        padding:0 5px 10px
    }
}

.main_event_slick .wrap {
    display: block
}

.main_event_slick .wrap .img_src {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 74%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.main_event_slick .wrap .txt_bx {
    word-break: keep-all;
    margin: 0 auto;
    margin-top: -45px;
    padding: 30px 20px;
    width: 90%;
    width: -webkit-calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    border-bottom: 3px solid #fff
}

.main_event_slick .wrap .txt_bx:hover {
    border-color: #4391ff
}

.main_event_slick .wrap .txt_bx .cate {
    display: inline-block;
    line-height: 30px;
    background-color: #4391ff;
    color: #fff;
    border-radius: 30px;
    padding: 0 20px;
    font-size: 0.9375em
}

.main_event_slick .wrap .txt_bx .cate:before {
    content: attr(data-cate)
}

.main_event_slick .wrap .txt_bx .cate[data-cate=우대할인혜택],.main_event_slick .wrap .txt_bx .cate[data-cate=혜택] {
    background-color: #19aeac
}

.main_event_slick .wrap .txt_bx .tit {
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #222;
    font-size: 1.125em;
    font-family: "NanumSquare", sans-serif;
    margin: 20px auto
}

.main_event_slick .wrap .txt_bx .txt {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.875em
}

@media screen and (max-width: 1024px) {
    .main_event_slick .wrap .txt_bx {
        margin-top:-15px;
        padding: 15px 10px;
        width: 90%;
        width: -webkit-calc(100% - 20px);
        width: -ms-calc(100% - 20px);
        width: -o-calc(100% - 20px);
        width: calc(100% - 20px);
        border-bottom: 2px solid #fff
    }

    .main_event_slick .wrap .txt_bx .cate {
        line-height: 22px;
        padding: 0 15px
    }

    .main_event_slick .wrap .txt_bx .tit {
        margin: 10px auto
    }

    .main_event_slick .wrap .txt_bx .txt {
        height: 32px;
        line-height: 16px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.procedure_guide {
    word-break: keep-all
}

.procedure_guide .step {
    margin: 80px auto;
    max-width: 1020px
}

.procedure_guide .step:after,.procedure_guide .step:before {
    display: table;
    content: ''
}

.procedure_guide .step:after {
    clear: both
}

@media screen and (max-width: 1024px) {
    .procedure_guide .step {
        margin:50px auto;
        max-width: 640px
    }
}

.procedure_guide .step li {
    float: left;
    width: 33.33%;
    position: relative;
    padding: 40px
}

.procedure_guide .step li:after {
    width: 18px;
    height: 32px;
    position: absolute;
    display: block;
    content: '';
    background: url(../images/reservation/procedure_step_arr.png) no-repeat center;
    right: -9px;
    top: 50%;
    margin-top: -16px
}

.procedure_guide .step li:nth-child(3):after {
    right: auto;
    left: 50%;
    margin-left: -9px;
    top: auto;
    bottom: -16px;
    margin-top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.procedure_guide .step li:nth-child(4),.procedure_guide .step li:nth-child(5),.procedure_guide .step li:nth-child(6) {
    float: right
}

.procedure_guide .step li:nth-child(4):after,.procedure_guide .step li:nth-child(5):after,.procedure_guide .step li:nth-child(6):after {
    right: auto;
    left: -9px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.procedure_guide .step li:nth-child(6):after {
    display: none;
    content: none
}

.procedure_guide .step li:nth-child(2n) .tit {
    border-color: #8b9bb2
}

.procedure_guide .step li:nth-child(2n) .no {
    background-image: url(../images/reservation/procedure_step_even.png)
}

.procedure_guide .step li .wrap {
    position: relative;
    text-align: center
}

.procedure_guide .step li .tit {
    display: block;
    height: 0;
    border: 7px solid #8ebdff;
    padding-bottom: 100%;
    padding-bottom: -wbkit-calc(100% - 14px);
    padding-bottom: -ms-calc(100% - 14px);
    padding-bottom: calc(100% - 14px);
    border-radius: 50%;
    position: relative;
    color: #222;
    font-size: 1.25em;
    font-family: "NanumSquare", sans-serif;
    font-weight: 500
}

.procedure_guide .step li .tit span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.procedure_guide .step li .no {
    z-index: 2;
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 100px;
    width: 90px;
    color: #fff;
    display: block;
    background-image: url(../images/reservation/procedure_step_odd.png);
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 1024px) {
    .procedure_guide .step li {
        padding:10px
    }

    .procedure_guide .step li:after {
        width: 9px;
        height: 16px;
        background-size: 9px;
        right: -4.5px;
        margin-top: -8px
    }

    .procedure_guide .step li:nth-child(3):after {
        margin-left: -4.5px;
        bottom: -8px
    }

    .procedure_guide .step li:nth-child(4):after,.procedure_guide .step li:nth-child(5):after,.procedure_guide .step li:nth-child(6):after {
        left: -4.5px
    }

    .procedure_guide .step li .tit {
        border: 4px solid #8ebdff;
        padding-bottom: 100%;
        padding-bottom: -wbkit-calc(100% - 8px);
        padding-bottom: -ms-calc(100% - 8px);
        padding-bottom: calc(100% - 8px)
    }

    .procedure_guide .step li .no {
        top: -10px;
        font-size: 12px;
        line-height: 70px;
        width: 63px;
        background-size: 63px
    }
}

@media screen and (max-width: 480px) {
    .procedure_guide .step li {
        width:100%;
        padding: 0
    }

    .procedure_guide .step li:after {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 10px auto;
        -webkit-transform: rotate(90deg)!important;
        -ms-transform: rotate(90deg)!important;
        transform: rotate(90deg)!important
    }

    .procedure_guide .step li .tit {
        padding-bottom: 0;
        height: auto;
        border: 0
    }

    .procedure_guide .step li .tit span {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        left: 0
    }

    .procedure_guide .step li .no {
        position: relative;
        right: auto;
        top: auto;
        color: #4391ff;
        background-image: none!important;
        width: auto;
        height: auto;
        line-height: 1.5
    }
}

.procedure_guide .guide {
    border-top: 2px solid #4391ff
}

.procedure_guide .guide .item {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed
}

.procedure_guide .guide .item .no,.procedure_guide .guide .item .txt_bx {
    display: table-cell
}

.procedure_guide .guide .item:first-child .no {
    background-color: #a8ccff
}

.procedure_guide .guide .item:nth-child(2) .no {
    background-color: #7db3ff
}

.procedure_guide .guide .item:nth-child(3) .no {
    background-color: #4391ff
}

.procedure_guide .guide .item:nth-child(4) .no {
    background-color: #2d74d9
}

.procedure_guide .guide .item:nth-child(5) .no {
    background-color: #255294
}

.procedure_guide .guide .item:nth-child(6) .no {
    background-color: #3d587f
}

.procedure_guide .guide .no {
    vertical-align: middle;
    width: 220px;
    text-align: center;
    color: #fff;
    font-size: 1.4375em;
    position: relative
}

.procedure_guide .guide .no img {
    position: absolute;
    width: 100%;
    max-width: 98px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .procedure_guide .guide .no {
        width:150px
    }

    .procedure_guide .guide .no img {
        max-width: 49px
    }
}

@media screen and (max-width: 480px) {
    .procedure_guide .guide .no {
        width:70px;
        font-size: 14px
    }
}

.procedure_guide .guide .txt_bx {
    border-bottom: 1px solid #ddd;
    padding: 40px
}

.procedure_guide .guide .txt_bx .tit {
    font-size: 1.125em;
    color: #222;
    margin-bottom: 10px;
    font-weight: 500
}

.procedure_guide .guide .txt_bx .hyphen_list li {
    margin-top: 5px
}

.procedure_guide .guide .txt_bx .hyphen_list li:before {
    color: #4391ff
}

.procedure_guide .guide .txt_bx .qna_wrap span {
    margin-right: 10px;
    text-align: center;
    font-size: 13px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    width: 20px;
    line-height: 20px
}

.procedure_guide .guide .txt_bx .info {
    margin-top: 10px;
    font-size: 0.875em;
    line-height: 1.3;
    position: relative;
    padding-left: 1.1em;
    color: #4391ff
}

.procedure_guide .guide .txt_bx .info:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '※ '
}

@media screen and (max-width: 1024px) {
    .procedure_guide .guide .txt_bx {
        padding:15px
    }
}

@media screen and (max-width: 480px) {
    .procedure_guide .guide .txt_bx {
        padding:10px
    }
}

.online_check {
    word-break: keep-all
}

.online_check .step {
    text-align: center;
    margin-left: -30px;
    margin-right: -30px
}

@media screen and (max-width: 640px) {
    .online_check .step {
        margin:0
    }
}

.online_check .step li {
    max-width: 298px;
    width: 25%;
    position: relative;
    float: left;
    padding: 0 30px
}

.online_check .step li:first-child .wrap {
    background-image: url(../images/reservation/online_step_1.png)
}

.online_check .step li:nth-child(2) .wrap {
    background-image: url(../images/reservation/online_step_2.png)
}

.online_check .step li:nth-child(3) .wrap {
    background-image: url(../images/reservation/online_step_3.png)
}

.online_check .step li:nth-child(4) .wrap {
    background-image: url(../images/reservation/online_step_4.png)
}

.online_check .step li:nth-child(4):after {
    content: none;
    display: none
}

.online_check .step li:after {
    content: '';
    width: 22px;
    height: 17px;
    background: url(../images/reservation/online_step_arr.png) no-repeat;
    position: absolute;
    display: block;
    right: -11px;
    top: 50%;
    margin-top: -8.5px
}

@media screen and (max-width: 1024px) {
    .online_check .step li:after {
        width:11px;
        height: 8.5px;
        right: -5px;
        margin-top: -4.25px;
        background-size: 11px
    }
}

@media screen and (max-width: 1024px) {
    .online_check .step li {
        padding:0 12px
    }
}

@media screen and (max-width: 640px) {
    .online_check .step li {
        width:50%;
        padding: 0px
    }

    .online_check .step li:after {
        content: none;
        display: none
    }
}

.online_check .step .wrap {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.online_check .step .wrap .txt_bx {
    line-height: 1.3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.online_check .step .wrap .no {
    color: #4391ff
}

.online_check .step .wrap .tit {
    font-size: 1.5em;
    color: #fff
}

.online_check .test_list_wrap {
    margin-top: 50px;
    border-top: 1px solid #ddd
}

@media screen and (max-width: 1024px) {
    .online_check .test_list_wrap {
        margin-top:25px
    }
}

.online_check .test_list_wrap .tt {
    margin-bottom: 20px;
    padding-top: 70px;
    color: #222
}

.online_check .test_list_wrap .tt img {
    vertical-align: middle;
    margin-right: 10px
}

@media screen and (max-width: 1024px) {
    .online_check .test_list_wrap .tt {
        padding-top:40px
    }

    .online_check .test_list_wrap .tt img {
        width: 20px
    }
}

.online_check .test_list_wrap .item {
    margin-bottom: 15px
}

.online_check .test_list_wrap .item:nth-child(odd) {
    clear: left
}

.online_check .test_list_wrap .item .wrap {
    padding: 30px;
    border: 1px solid #ddd;
    display: table;
    width: 100%;
    table-layout: fixed
}

.online_check .test_list_wrap .item .wrap .img_bx,.online_check .test_list_wrap .item .wrap .txt_bx {
    display: table-cell
}

.online_check .test_list_wrap .item .img_bx {
    padding-right: 20px;
    vertical-align: top;
    width: 130px;
    position: relative
}

.online_check .test_list_wrap .item .img_bx img {
    border: 1px solid #ddd
}

.online_check .test_list_wrap .item .txt_bx {
    position: relative;
    padding-bottom: 60px;
    line-height: 1.4;
    text-align: left
}

.online_check .test_list_wrap .item .txt_bx .tit {
    color: #222;
    font-size: 1.375em;
    font-family: "NanumSquare", sans-serif;
    margin-bottom: 20px;
    font-weight: 600
}

.online_check .test_list_wrap .item .txt_bx .dot_list li {
    margin-top: 5px
}

.online_check .test_list_wrap .item .txt_bx .dot_list li:before {
    color: #4391ff
}

.online_check .test_list_wrap .item .txt_bx .dot_list li span {
    color: #222;
    display: inline-block;
    width: 80px
}

.online_check .test_list_wrap .item .txt_bx .btns {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 30px;
    letter-spacing: -0.2px
}

.online_check .test_list_wrap .item .txt_bx .btns a,.online_check .test_list_wrap .item .txt_bx .btns button,.online_check .test_list_wrap .item .txt_bx .btns input {
    width: 100%;
    min-width: auto;
    padding: 0
}

.online_check .test_list_wrap .item .txt_bx .btn-type-02 {
    background-color: #292e34
}

.online_check .test_list_wrap .item .txt_bx .btn-type-02:hover {
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .online_check .test_list_wrap .item .wrap {
        padding:15px
    }

    .online_check .test_list_wrap .item .img_bx {
        padding-right: 15px;
        width: 120px
    }

    .online_check .test_list_wrap .item .txt_bx {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .online_check .test_list_wrap .item .wrap {
        padding:10px;
        position: relative
    }

    .online_check .test_list_wrap .item .wrap .img_bx {
        padding-right: 5px;
        width: 100px
    }

    .online_check .test_list_wrap .item .wrap .txt_bx {
        position: static
    }

    .online_check .test_list_wrap .item .wrap .txt_bx .btns {
        margin-left: 0;
        margin-right: 0;
        bottom: 2px
    }

    .online_check .test_list_wrap .item .wrap .txt_bx .tit {
        margin-bottom: 10px
    }

    .online_check .test_list_wrap .item .wrap .txt_bx .dot_list li span {
        width: 56px
    }
}

.branch_search_wrap .ci,.branch_title .ci {
    letter-spacing: -0.5px;
    display: inline;
    color: #779cd1
}

.branch_search_wrap .ci i,.branch_title .ci i {
    color: #eb7588
}

.branch_search_wrap .ci i.dot,.branch_title .ci i.dot {
    color: #222
}

.branch_search_wrap .top_wrap {
    display: table;
    width: 100%;
    table-layout: fixed
}

.branch_search_wrap .top_wrap .map_search,.branch_search_wrap .top_wrap .txt_search {
    display: table-cell
}

.branch_search_wrap .top_wrap .map_search,.branch_search_wrap .top_wrap .txt_search {
    border: 1px solid #ddd;
    vertical-align: middle;
    padding: 60px
}

@media screen and (max-width: 1024px) {
    .branch_search_wrap .top_wrap .map_search,.branch_search_wrap .top_wrap .txt_search {
        padding:15px
    }
}

.branch_search_wrap .top_wrap .map_search {
    width: 50%;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .branch_search_wrap .top_wrap .map_search {
        width:240px
    }
}

.branch_search_wrap .top_wrap .txt_search {
    border-left: 0
}

@media screen and (max-width: 640px) {
    .branch_search_wrap .top_wrap,.branch_search_wrap .top_wrap .map_search,.branch_search_wrap .top_wrap .txt_search {
        display:block;
        width: 100%
    }

    .branch_search_wrap .top_wrap .map_search img {
        max-width: 210px
    }

    .branch_search_wrap .top_wrap .txt_search {
        border: 1px solid #ddd;
        margin-top: -1px
    }
}

.branch_search_wrap .txt_search .title_bx .tit {
    font-weight: 600;
    line-height: 1.3;
    color: #222;
    font-family: "NanumSquare", sans-serif;
    font-size: 1.875em
}

.branch_search_wrap .txt_search .search_bx .tt {
    color: #222
}

.branch_search_wrap .txt_search .search_bx .bx {
    padding: 30px 0;
    border-top: 1px solid #ddd
}

.branch_search_wrap .txt_search .search_bx .bx:first-child {
    border-top: 0
}

@media screen and (max-width: 768px) {
    .branch_search_wrap .txt_search .search_bx .bx {
        padding:15px 0
    }
}

.branch_search_wrap .txt_search .input_bx {
    margin-top: 10px;
    position: relative;
    padding-right: 60px
}

.branch_search_wrap .txt_search .input_bx .btn,.branch_search_wrap .txt_search .input_bx input,.branch_search_wrap .txt_search .input_bx select {
    height: 50px;
    line-height: 50px
}

.branch_search_wrap .txt_search .input_bx input,.branch_search_wrap .txt_search .input_bx select {
    width: 100%
}

.branch_search_wrap .txt_search .input_bx .btn {
    display: block;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #4391ff;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon/i_search_w.png)
}

@media screen and (max-width: 768px) {
    .branch_search_wrap .txt_search .input_bx {
        padding-right:50px
    }

    .branch_search_wrap .txt_search .input_bx .btn,.branch_search_wrap .txt_search .input_bx input,.branch_search_wrap .txt_search .input_bx select {
        height: 40px;
        line-height: 40px
    }

    .branch_search_wrap .txt_search .input_bx .btn {
        width: 40px;
        background-size: 12px
    }
}

.branch_search_list {
    margin-left: -15px;
    margin-right: -15px
}

.branch_search_list:after,.branch_search_list:before {
    display: table;
    content: ''
}

.branch_search_list:after {
    clear: both
}

.branch_search_list .item {
    padding: 0 15px 30px;
    float: left;
    width: 33.33%
}

.branch_search_list .item:nth-child(3n+1) {
    clear: left
}

@media screen and (max-width: 1024px) {
    .branch_search_list {
        margin-left:-6px;
        margin-right: -6px
    }

    .branch_search_list .item {
        padding: 0 6px 12px
    }
}

@media screen and (max-width: 768px) {
	.branch_search_list {display: flex; flex-wrap: wrap}
	.branch_search_list .item .wrap {height:100%; display: flex; flex-direction: column}
	.branch_search_list .btn {margin-top: auto;}
    .branch_search_list .item {
        width:50%
    }

    .branch_search_list .item:nth-child(3n+1) {
        clear: none
    }

    .branch_search_list .item:nth-child(odd) {
        clear: left
    }
}

.branch_search_list .wrap {
    display: block
}

.branch_search_list .img_box {
    position: relative
}

.branch_search_list .img_box a {
    display: block;
    position: relative
}

.branch_search_list .img_box a:before,.branch_search_list .img_box a i {
    -webkit-transition: 400ms all;
    -o-transition: 400ms all;
    transition: 400ms all
}

.branch_search_list .img_box a i {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    font-size: 40px;
    margin-left: -20px;
    margin-top: -20px;
    left: 50%;
    top: 50%;
    color: #fff
}

.branch_search_list .img_box a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0)
}

.branch_search_list .img_box a:hover i {
    filter: alpha(opacity=100);
    opacity: 1
}

.branch_search_list .img_box a:hover:before {
    background-color: rgba(0, 0, 0, 0.8)
}

.branch_search_list .img_box .img_src {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.branch_search_list .txt_box {
    text-align: left;
    word-break: keep-all;
    margin: 30px auto;
    line-height: 1.3
}

.branch_search_list .txt_box .tit {
    font-family: "NanumSquare", sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 1.4375em;
    color: #222;
    letter-spacing: -0.2px
}

@media screen and (max-width: 768px) {
    .branch_search_list .txt_box {
        margin:20px auto
    }

    .branch_search_list .txt_box .tit {
        margin-bottom: 20px
    }
}

.branch_search_list .txt_box .txt {
    color: #292e34
}

.branch_search_list .txt_box .txt .add,.branch_search_list .txt_box .txt .tel {
    min-height: 18px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center left
}

@media screen and (max-width: 768px) {
    .branch_search_list .txt_box .txt .add,.branch_search_list .txt_box .txt .tel {
        min-height:auto;
        padding-left: 16px;
        background-size: 12px
    }
}

.branch_search_list .txt_box .txt .tel {
    background-image: url(../images/icon/i_tel.png)
}

.branch_search_list .txt_box .txt .add {
    margin-top: 2px;
    background-image: url(../images/icon/i_add.png)
}

.branch_search_list .btn {
    line-height: 60px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .branch_search_list .btn {
        line-height:45px
    }
}

.branch_search_list .btn:hover {
    color: #fff;
    background-color: #4391ff
}

.search_result_wrap .section {
    margin: 20px 0 80px;
    padding-bottom: 30px
}

.search_result_wrap .section_tit {
    padding-top: 20px
}

.search_result_wrap .section_tit .tt {
    display: inline;
    font-weight: 700
}

.search_result_wrap .section_tit .tt,.search_result_wrap .section_tit .tt a {
    color: #222
}

.search_result_wrap .section_tit .tt i {
    color: #999;
    vertical-align: middle
}

.search_result_wrap .section_tit .tt a:hover {
    text-decoration: underline
}

.search_result_wrap .section_tit .total {
    margin-left: 10px
}

.search_result_wrap .section_tit .total i {
    color: #4391ff
}

.search_result_wrap .section .search_result_bx {
    padding-top: 10px
}

@media screen and (max-width: 1024px) {
    .search_result_wrap .section {
        margin:10px 0 50px;
        padding-bottom: 20px
    }
}

.search_result_wrap .clinic_list,.search_result_wrap .main_event_slick {
    padding-top: 20px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #ddd
}

.search_result_wrap .clinic_list {
    text-align: center
}

.search_result_wrap .clinic_list ul {
    margin-left: -10px;
    margin-right: -10px
}

.search_result_wrap .clinic_list li {
    padding: 0 10px 20px;
    float: left;
    width: 20%
}

.search_result_wrap .clinic_list li:nth-child(5n+1) {
    clear: left
}

.search_result_wrap .clinic_list li .img_bx {
    margin-bottom: 10px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .search_result_wrap .clinic_list ul {
        margin-left:-5px;
        margin-right: -5px
    }

    .search_result_wrap .clinic_list li {
        padding: 0 5px 10px;
        width: 33.33%
    }

    .search_result_wrap .clinic_list li:nth-child(5n+1) {
        clear: none
    }

    .search_result_wrap .clinic_list li:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (max-width: 768px) {
    #branch_map [style*=" margin: -62px 0px 0px -48px;"] {
        margin:-31px 0 0 -24px!important
    }

    #branch_map [style*=" margin: -62px 0px 0px -48px;"] img {
        width: 47.5px!important;
        height: 31px!important
    }
}

.branch__intro .branch_title {
    font-family: "NanumSquare", sans-serif;
    font-size: 1.75em;
    color: #222;
    padding-bottom: 20px;
    border-bottom: 2px solid #222;
    margin-bottom: 20px
}

.branch__intro .main__branch_intro {
    background-color: #fff
}

.branch__intro .main__branch_intro .branch_info_wrap #branch_map,.branch__intro .main__branch_intro .branch_info_wrap .wrap._map {
    height: 450px
}

@media screen and (max-width: 1024px) {
    .branch__intro .main__branch_intro .branch_info_wrap #branch_map,.branch__intro .main__branch_intro .branch_info_wrap .wrap._map {
        height:300px
    }
}

@media (min-width: 1025px) {
    .branch__intro .main__branch_intro .branch_info_wrap #branch_map,.branch__intro .main__branch_intro .branch_info_wrap .wrap {
        height:300px!important
    }
}

.branch__intro .board-box {
    padding: 30px 0
}

.branch__intro .direct_info .item {
    color: #222;
    line-height: 1.4;
    padding: 50px 10px;
    border-top: 1px solid #ddd
}

.branch__intro .direct_info .item:first-child {
    border-top: 0
}

.branch__intro .direct_info .item .tt {
    color: #222;
    margin-bottom: 30px
}

.branch__intro .direct_info .item .tt img {
    margin-right: 10px;
    width: 30px;
    vertical-align: middle
}

@media screen and (max-width: 1024px) {
    .branch__intro .board-box {
        padding:0 0 15px
    }

    .branch__intro .direct_info .item {
        padding: 30px 5px
    }

    .branch__intro .direct_info .item .tt {
        margin-bottom: 10px
    }

    .branch__intro .direct_info .item .tt img {
        margin-right: 5px;
        width: 20px
    }
}

.main__branch_intro {
    background-color: #f3f3f3
}

.main__branch_intro .main_title .tit {
    color: #222
}

.main__branch_intro .branch_info_wrap {
    text-align: left
}

.main__branch_intro .branch_info_wrap #branch_map,.main__branch_intro .branch_info_wrap .wrap {
    height: 300px
}

.main__branch_intro .branch_info_wrap .wrap {
    margin-top: 10px;
    padding: 40px
}

.main__branch_intro .branch_info_wrap .wrap h5.title {
    color: #fff;
    font-size: 1.5em;
    font-family: "NanumSquare", sans-serif;
    margin-bottom: 30px;
    line-height: 1.3
}

@media screen and (max-width: 1024px) {
    .main__branch_intro .branch_info_wrap .col-lg-4,.main__branch_intro .branch_info_wrap .col-lg-6,.main__branch_intro .branch_info_wrap .col-lg-8 {
        width:100%
    }

    .main__branch_intro .branch_info_wrap .wrap {
        padding: 20px;
        height: auto
    }
}

.main__branch_intro .branch_info_wrap ._reservation {
    padding-right: 43%;
    background-color: #2a3d59;
    background-image: url(../images/branch/bg_reservation.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

@media screen and (max-width: 1200px) {
    .main__branch_intro .branch_info_wrap ._reservation {
        background-size:35%
    }
}

@media screen and (max-width: 1024px) {
    .main__branch_intro .branch_info_wrap ._reservation {
        background-size:auto 110px
    }
}

.main__branch_intro .branch_info_wrap ._reservation,.main__branch_intro .branch_info_wrap ._reservation a {
    color: #fff
}

.main__branch_intro .branch_info_wrap ._reservation dl {
    margin-top: 5px;
    display: table;
    width: 100%;
    table-layout: fixed
}

.main__branch_intro .branch_info_wrap ._reservation dl dd,.main__branch_intro .branch_info_wrap ._reservation dl dt {
    display: table-cell
}

.main__branch_intro .branch_info_wrap ._reservation dl dt {
    width: 50px
}

@media screen and (max-width: 1024px) {
    .main__branch_intro .branch_info_wrap ._reservation dl dt {
        width:25px
    }

    .main__branch_intro .branch_info_wrap ._reservation dl dt img {
        width: 20px
    }
}

.main__branch_intro .branch_info_wrap ._reservation dl dd,.main__branch_intro .branch_info_wrap ._reservation dl dt {
    vertical-align: middle
}

.main__branch_intro .branch_info_wrap ._reservation dl dd {
    line-height: 1.3;
    font-size: 1.25em;
    letter-spacing: -0.5px;
    font-family: "NanumSquare", sans-serif
}

.main__branch_intro .branch_info_wrap ._opentime {
    color: #fff;
    background-color: #5275a6;
    background-image: url(../images/branch/bg_opentime.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.main__branch_intro .branch_info_wrap ._opentime dl {
    margin-top: 10px
}

.main__branch_intro .branch_info_wrap ._opentime dl dd,.main__branch_intro .branch_info_wrap ._opentime dl dt {
    display: inline-block;
    line-height: 1.2
}

.main__branch_intro .branch_info_wrap ._opentime dl dt {
    min-width: 70px;
    margin-right: 10px;
    border-right: 1px solid #7591b8;
    padding-right: 10px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .main__branch_intro .branch_info_wrap ._opentime {
        background-size:70px
    }
}

.main__branch_intro .branch_info_wrap ._inquiry {
    background-color: #fff
}

.main__branch_intro .branch_info_wrap ._inquiry .anwer_off,.main__branch_intro .branch_info_wrap ._inquiry .anwer_on {
    line-height: 36px;
    height: auto;
    border-radius: 36px;
    border: 1px solid #3e4652;
    min-width: auto;
    padding: 0;
    width: 100%;
    font-size: 14px
}

.main__branch_intro .branch_info_wrap ._inquiry .anwer_off {
    background-color: #fff;
    color: #3e4652
}

.main__branch_intro .branch_info_wrap ._inquiry .anwer_on {
    color: #fff;
    background-color: #3e4652
}

.main__branch_intro .branch_info_wrap ._inquiry .table_board_for {
    margin-top: 0;
    border: 0
}

.main__branch_intro .branch_info_wrap ._inquiry .table_board_for .col_state {
    width: 100px
}

.main__branch_intro .branch_info_wrap ._inquiry .table_board_for td,.main__branch_intro .branch_info_wrap ._inquiry .table_board_for th {
    border: 0;
    padding: 4px
}

.main__branch_intro .branch_info_wrap ._inquiry .table_board_for a {
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (max-width: 1024px) {
    .main__branch_intro .branch_info_wrap ._inquiry .anwer_off,.main__branch_intro .branch_info_wrap ._inquiry .anwer_on {
        line-height:30px;
        border-radius: 30px;
        font-size: 13px
    }

    .main__branch_intro .branch_info_wrap ._inquiry .table_board_for .col_state {
        width: 80px
    }
}

.main__branch_intro .branch_info_wrap ._map {
    padding: 0;
    position: relative
}

.main__branch_intro .branch_info_wrap ._map .add {
    z-index: 5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 1.3;
    background-color: #2a3d59;
    color: #fff;
    font-size: 0.9375em;
    padding: 20px 25px
}

.tour_slick {
    margin-top: 30px
}

.tour_slick .slick-arrow {
    filter: alpha(opacity=30);
    opacity: 0.3
}

.tour_slick .slick-arrow:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .tour_slick .slick-arrow img {
        height:52px
    }
}

.tour_slick .img_src {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.tour_slick .slick_nav {
    margin-left: -5px;
    margin-right: -5px
}

.tour_slick .slick_nav .item {
    padding: 10px 5px 0
}

@media screen and (max-width: 1024px) {
    .tour_slick .slick_nav {
        margin-left:-2px;
        margin-right: -2px
    }

    .tour_slick .slick_nav .item {
        padding: 4px 2px 0
    }
}

.mfp-container {
    padding: 0
}

.pop-branch_call {
    max-width: 1100px;
    padding: 0;
    height: 100vh;
    overflow: auto
}

.pop-branch_call .pop-body,.pop-branch_call .pop-head {
    padding: 30px
}

.pop-branch_call .mfp-close {
    color: #fff;
    width: auto;
    height: auto;
    line-height: 1;
    right: 30px;
    top: 50%;
    padding: 0;
    font-size: 40px;
    margin-top: -20px
}

.pop-branch_call .pop-head {
    position: relative;
    text-align: left;
    background-color: #384e6d;
    color: #fff;
    font-size: 1.5625em;
    font-family: "NanumSquare", sans-serif;
    font-weight: 600
}

.pop-branch_call .pop-head img {
    margin: 0;
    vertical-align: middle;
    margin-right: 10px
}

.pop-branch_call .pop-body {
    background-color: #fff
}

.pop-branch_call .tel_list {
    float: left;
    width: 20%;
    padding: 0 5px
}

.pop-branch_call .tel_list_wrap {
    text-align: left
}

.pop-branch_call .tel_list .tt {
    text-align: center;
    border-radius: 3px;
    background-color: #4391ff;
    color: #fff;
    font-family: "NanumSquare", sans-serif;
    line-height: 1.3;
    padding: 12px 5px;
    font-weight: 600;
    letter-spacing: -0.5px
}

.pop-branch_call .tel_list li {
    font-size: 15px;
    line-height: 1.3;
    margin-top: 20px
}

.pop-branch_call .tel_list li .tel,.pop-branch_call .tel_list li .tit {
    padding-left: 8px
}

.pop-branch_call .tel_list li .tel a {
    display: block
}

.pop-branch_call .tel_list li .tel a:hover {
    text-decoration: underline
}

.pop-branch_call .tel_list li .tit {
    margin-bottom: 5px;
    color: #222;
    position: relative;
    font-weight: 500
}

.pop-branch_call .tel_list li .tit:before {
    position: absolute;
    left: 0;
    content: "· ";
    color: #4391ff
}

@media screen and (max-width: 1024px) {
    .pop-branch_call .pop-body,.pop-branch_call .pop-head {
        padding:15px
    }

    .pop-branch_call .mfp-close {
        right: 15px;
        font-size: 30px;
        margin-top: -15px
    }

    .pop-branch_call .pop-head img {
        width: 15px;
        margin-right: 5px
    }

    .pop-branch_call .tel_list {
        padding: 0 2px
    }

    .pop-branch_call .tel_list .tt {
        font-size: 14px;
        padding: 5px 0
    }

    .pop-branch_call .tel_list li {
        font-size: 12px;
        margin-top: 15px
    }

    .pop-branch_call .tel_list li .tel,.pop-branch_call .tel_list li .tit {
        padding-left: 6px
    }
}

@media screen and (max-width: 560px) {
    .pop-branch_call .pop-body,.pop-branch_call .pop-head {
        padding:10px
    }

    .pop-branch_call .tel_list {
        width: 100%;
        margin-top: 20px
    }

    .pop-branch_call .tel_list:first-child {
        margin-top: 0
    }

    .pop-branch_call .tel_list li {
        float: left;
        padding: 0 5px;
        width: 33.33%
    }

    .pop-branch_call .tel_list li .tel {
        padding-left: 0
    }
}

.img_board_list_doctor li {
    margin-bottom: 20px
}

.img_board_list_doctor .img_box {
    position: relative;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    height: 0
}

.img_board_list_doctor .img_box:after {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.img_board_list_doctor .img_box img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.img_board_list_doctor .txt_box {
    padding: 15px;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-top: none;
    text-align: center
}

.img_board_list_doctor .txt_box .doctor_name {
    font-family: "NanumSquare", sans-serif;
    font-size: 1.25em;
    color: #222;
    margin-bottom: 5px
}

.img_board_list_doctor .txt_box .doctor_des span {
    position: relative;
    padding: 0 10px
}

.img_board_list_doctor .txt_box .doctor_des span:first-child:before {
    display: none
}

.img_board_list_doctor .txt_box .doctor_des span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 12px;
    margin-top: -6px;
    border-left: 1px solid #ddd
}

.img_board_list_doctor .bot_btn_box {
    margin-top: 10px
}

.img_board_list_doctor .bot_btn_box a {
    display: block;
    line-height: 40px;
    border: 1px solid #222;
    text-align: center;
    color: #222
}

.img_board_list_doctor .bot_btn_box a:hover {
    background-color: #222;
    color: #fff
}

.staff_detail {
    padding: 30px 0;
    border-bottom: 1px solid #ddd
}

.staff_detail .tt {
    margin-bottom: 20px;
    color: #222;
    line-height: 1;
    padding-left: 10px;
    border-left: 3px solid #4391ff
}

@media screen and (max-width: 1024px) {
    .staff_detail {
        padding:22px 0
    }
}

.staff_profile {
    border-top: 2px solid #000
}

.staff_profile>.clearfix {
    display: table;
    width: 100%;
    position: relative
}

.staff_profile>.clearfix:after {
    content: '';
    display: block;
    clear: both
}

.staff_profile .txt_bx {
    padding-left: 40px;
    display: table-cell;
    width: 100%;
    position: relative;
    vertical-align: top
}

.staff_profile .img_bx {
    width: 250px;
    float: left
}

.staff_profile .tit_bx {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    color: #222;
    font-family: "NanumSquare", sans-serif
}

.staff_profile .tit_bx .name {
    display: inline-block;
    font-size: 1.4375em;
    font-weight: bold
}

.staff_profile .tit_bx .loca {
    display: inline-block;
    font-weight: 300;
    font-size: 1.125em
}

.staff_profile .tit_bx .doctor_des {
    display: inline-block;
    font-weight: 300;
    font-size: 1.125em
}

.staff_profile .tit_bx .doctor_des:before {
    content: '';
    width: 10px;
    border-bottom: 1px solid #000;
    display: none
}

@media screen and (max-width: 1024px) {
    .staff_profile .txt_bx {
        padding-left:20px
    }

    .staff_profile .tit_bx {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 768px) {
    .staff_profile .img_bx {
        width:120px
    }
}

.recommand_tab {
    text-align: center;
    margin: 80px 0 20px
}

@media screen and (max-width: 1024px) {
    .recommand_tab {
        margin:50px 0 10px
    }
}

.recommand_tab .tab.cir {
    margin-bottom: 30px;
    display: block;
    font-size: 0
}

.recommand_tab .tab.cir li {
    max-width: 230px;
    display: inline-block;
    float: none;
    padding: 0 10px;
    height: auto
}

.recommand_tab .tab.cir a {
    width: 100%;
    display: block;
    padding-bottom: 100%;
    height: 0;
    border-radius: 50%;
    color: #222;
    background-color: #ecf3fb;
    font-size: 19px;
    letter-spacing: -0.2px;
    line-height: 1.2;
    position: relative
}

.recommand_tab .tab.cir a.on {
    color: #fff;
    background-color: #41516b
}

.recommand_tab .tab.cir a.on:after {
    content: '';
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    top: 15%;
    left: 15%;
    margin-left: -21px;
    margin-top: -21px;
    background-image: url(../images/sub/tab_icon-on.png);
    background-repeat: no-repeat
}

.recommand_tab .tab.cir a.on .tit:before {
    background-position-y: 100%
}

.recommand_tab .tab.cir .tit {
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.recommand_tab .tab.cir .tit:before {
    content: '';
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    background-position-y: 0
}

@media screen and (max-width: 1024px) {
    .recommand_tab .tab.cir li {
        padding:0 3px
    }
}

@media screen and (max-width: 768px) {
	.m_img {display: block !important;}
	.recommand_tab .tab.cir {display: flex; flex-wrap: wrap;}
    .recommand_tab .tab.cir li {
        padding:0;
		display: block;
		width:33.33333%;
		box-sizing: border-box;
    }

    .recommand_tab .tab.cir a {
        display:block;
        border-radius: 0;
        font-size: 13px;
		height: 100%;
        padding-bottom: 0;
		word-break: break-all;

    }

    .recommand_tab .tab.cir a.on:after {
        width: 20px;
        height: 20px;
        top: 0;
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        background-size: 20px
    }
	
    .recommand_tab .tab.cir .tit {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 5px
    }

    .recommand_tab .tab.cir .tit:before {
        width: 40px;
        height: 40px;
        margin: 0 auto 5px;
        background-size: auto 80px
    }
}

.recommand_tab ._recommand .tit:before {
    background-image: url(../images/sub/tab_icon_recommand.png)
}

.recommand_tab ._recommand li:first-child .tit:before {
    background-position-x: 0
}

.recommand_tab ._recommand li:nth-child(2) .tit:before {
    background-position-x: 25%
}

.recommand_tab ._recommand li:nth-child(3) .tit:before {
    background-position-x: 50%
}

.recommand_tab ._recommand li:nth-child(4) .tit:before {
    background-position-x: 75%
}

.recommand_tab ._recommand li:nth-child(5) .tit:before {
    background-position-x: 100%
}

.recommand_tab ._counseling .tit:before {
    background-image: url(../images/sub/tab_icon_counseling.png)
}

.recommand_tab ._counseling li:first-child .tit:before {
    background-position-x: 0
}

.recommand_tab ._counseling li:nth-child(2) .tit:before {
    background-position-x: 25%
}

.recommand_tab ._counseling li:nth-child(3) .tit:before {
    background-position-x: 50%
}

.recommand_tab ._counseling li:nth-child(4) .tit:before {
    background-position-x: 75%
}
.recommand_tab ._counseling li:nth-child(5) .tit:before {
   background-position-x: 100%
}

.recommand_tab .depth03_box {
    text-align: center;
    font-size: 0
}

.recommand_tab .depth03_box .tit {
    position: relative;
    display: inline-block;
    border: 3px solid #4391ff;
    line-height: 42px;
    border-radius: 48px;
    bottom: -24px;
    padding: 0 20px;
    min-width: 140px;
    background-color: #fff;
    font-family: "NanumSquare", sans-serif;
    font-weight: 600;
    color: #4391ff;
    font-size: 23px
}

.recommand_tab .depth03_box .tab {
    border: 1px solid #ddd;
    padding: 50px 20px;
    font-size: 18px
}

.recommand_tab .depth03_box .tab .img_bx {
    display: none
}

.recommand_tab .depth03_box .tab li {
    display: inline-block;
    padding: 0 20px
}

.recommand_tab .depth03_box .tab a {
    color: #333
}

.recommand_tab .depth03_box .tab a:before {
    content: '#'
}

.recommand_tab .depth03_box .tab a:hover {
    color: #4391ff
}

.recommand_tab .depth03_box .tab a.on {
    color: #4391ff;
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .recommand_tab .depth03_box .tit {
        border:2px solid #4391ff;
        line-height: 26px;
        border-radius: 30px;
        bottom: -15px;
        min-width: 80px;
        font-size: 15px
    }

    .recommand_tab .depth03_box .tab {
        padding: 20px 5px;
        font-size: 13px
    }

    .recommand_tab .depth03_box .tab li {
        padding: 0 5px
    }
}

.naver_talk_btn {
    width: 110px;
    height: 37px;
    overflow: hidden;
    position: relative
}

.naver_talk_btn:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../images/branch/naver_talk_btn.png);
    z-index: 2
}

.naver_talk_btn a {
    z-index: 3;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0)
}

.chk_list_btnbx {
    text-align: center;
    margin-top: 50px
}

.chk_list_btnbx .btn {
    -webkit-transition: 400ms all;
    -ms-transition: 400ms all;
    -o-transition: 400ms all;
    transition: 400ms all;
    margin: 0 auto;
    max-width: 350px;
    padding: 0 100px;
    background-color: #4391ff;
    line-height: 55px;
    display: block;
    padding: 0 50px;
    border: 1px solid #4391ff;
    color: #fff;
    font-size: 22px;
    border-radius: 4px
}

.chk_list_btnbx .btn:hover {
    background-color: #fff;
    color: #4391ff
}



/* br-why */
.br-why {
	font-family: "NanumSquare", sans-serif;
	color: #222222;
}
.br-why.br-why-1 {
	position: relative;
	width: 100%;
	height: 750px;
	background-image: url(../../images/brandstory/why/br_1_bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.br-why.br-why-1 .text {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0, -50%);
	text-align: right;
	font-weight: 300;
}
.br-why.br-why-1 .text .hd {
	font-size: 2.8em;
}
.br-why.br-why-1 .text p {
	margin-top: 120px;
	font-size: 1.6875em;
}
.br-why.br-why-2 {
	position: relative;
	width: 100%;
	height: 935px;
	background-image: url(../../images/brandstory/why/br_2.png);
	background-position: 90% -10%;
	background-repeat: no-repeat;
}
.br-why.br-why-2 .text {
	position: absolute;
	top: 50%;
	left: 10%;
	background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 25px 25px rgba(255, 255, 255, 0.5);
	transform: translate(0, -50%);
	text-align: right;
	font-weight: 300;
}
.br-why.br-why-2 .text .hd {
	font-size: 2.125em;
}
.br-why.br-why-2 .text p {
	margin-top: 2em;
	font-size: 1.5em;
	line-height: 1.2;
}
.br-why.br-why-3 {
	position: relative;
	width: 100%;
	height: 750px;
	background-image: url(../../images/brandstory/why/br_3_bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.br-why.br-why-3 .text {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0, -50%);
	text-align: right;
	font-weight: 300;
}
.br-why.br-why-3 .text .hd {
	font-size: 2.125em;
}
.br-why.br-why-3 .text p {
	margin-top: 120px;
	font-size: 1.5em;
}
.br-why.br-why-4 {
	padding: 125px 0;
}
.br-why.br-why-4 .tit {
	padding-top: 3em;
    background: url(../images/brandstory/why/br_4_i.png) no-repeat center 0;
    color: #222;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 50px;
    text-align: center;
}
.br-why.br-why-4 .cont {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	width: calc(100% + 32px);
	margin-left: -16px;
}
.br-why.br-why-4 .cont > img {
	margin: 15px;
}
.br-why.br-why-5 {
	padding: 125px 0;
	background-color: #f4f2f3;
}
.br-why.br-why-5 .fc {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.br-why.br-why-5 .text {
	padding: 0 15px;
}
.br-why.br-why-5 .text .hd {
	font-size: 2.125em;
}
.br-why.br-why-5 .text p {
	margin-top: 40px;
	font-size: 1.5em;
	font-weight: 300;
}
.br-why.br-why-6 {
	padding: 125px 0;
}
.br-why.br-why-6 .tit {
	text-align: center;
	font-size: 2.125em;
}
.br-why.br-why-6 .product {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	margin-top: 125px;
}
.br-why.br-why-6 .text {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
	text-align: center;
	font-size: 1.2em;
}
.br-why.br-why-6 .text .line > span {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: 700;
	line-height: 50px;
}
@media screen and (max-width: 1024px) {
	.br-why.br-why-1 {
		height: auto;
		padding-bottom: 50%;
		background-position: 40% bottom;
		background-size: 120%;
	}
	.br-why.br-why-1 .text {
		position: relative;
		margin-top: 60px;
		padding: 0 15px;
		top: auto;
		right: auto;
		transform: none;
		text-align: center;
	}
	.br-why.br-why-1 .text p {
		margin-top: 2em;
	}
	.br-why.br-why-2 {
		height: auto;
		padding-bottom: 400px;
		background-position: 50% 120%;
		background-size: 280px;
	}
	.br-why.br-why-2 .text {
		position: relative;
		margin-top: 60px;
		padding: 0 15px;
		top: auto;
		left: auto;
		transform: none;
		text-align: center;
	}
	.br-why.br-why-3 {
		height: auto;
		padding-bottom: 62%;
		background-position: left bottom;
		background-size: 150%;
	}
	.br-why.br-why-3 .text {
		position: relative;
		margin-top: 60px;
		padding: 0 15px;
		top: auto;
		right: auto;
		transform: none;
		text-align: center;
	}
	.br-why.br-why-3 .text p {
		margin-top: 40px;
	}
	.br-why.br-why-4 .tit {
		padding: 2em 0 1em 0;
	}
	.br-why.br-why-4 {
		padding: 4em 0;
	}
	.br-why.br-why-4 .cont > img {
		max-width: 80%;
	}
	.br-why.br-why-5 {
		padding: 4em 0;
	}
	.br-why.br-why-5 .fc {
		flex-direction: column;
	}
	.br-why.br-why-6 {
		padding: 4em 0;
	}
	.br-why.br-why-6 .product {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 4em;
	}
	.br-why.br-why-6 .product > img {
		margin-bottom: 4em;
		max-width: 60%;
	}
	.br-why.br-why-6 .text {
		flex-direction: column;
		margin-top: 2em;
	}
	.br-why.br-why-6 .text .line {
		margin-bottom: 2em;
	}
}

.head_quick {display: none;}

@media screen and (max-width: 1024px) {
	.header .gnb_bx {background: #fff; z-index: 2}
	.head_quick {display: block; z-index: 1}
	/* .head_quick {position: absolute; left:0px; top:-100%; width: 100%; background:rgba(131, 173, 220, 20%); padding:9px;  transition:all 0.2s 0s ease-in-out;} */
	.head_quick > ul {display: flex; flex-wrap: wrap; box-shadow: 0px 3px 5px rgba(0, 0, 0, 10%); border:2px solid #eff5fb; border-radius:6px; background: #fff; max-width: 80%; margin: 0 auto; padding: 5px 0px;}
	.head_quick > ul > li {width: 50%; position: relative;}
	.head_quick > ul > li:after {display: block; content: ""; width: 2px; height:20px; background: #dcdcdc; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
	.head_quick > ul > li:first-child:after {display: none;}
	.head_quick > ul > li > a {display: block; text-align: center; padding: 0px 5px; color: #83addc; font-size:17px; line-height: 1.3em; font-weight: 500;}
	.head_quick.down {top: 100%}
	.head_quick {position: absolute; left:0px; top:-100%; width: 100%; background:#eb7387; transition:all 0.2s 0s ease-in-out;}
	.head_quick .txt a {display:block; color:#fff; font-family: 'GmarketSans'; text-align:center; font-size:1.2em; padding:8px 5px 6px 5px;font-weight:700;}
}
@media screen and (max-width: 480px) { 
	.head_quick {padding:0px;}
	.head_quick > ul > li > a {font-size:15px; padding:5px 5px 3px 5px;}
}
@media screen and (min-width: 1025px) {
	.hugmom_inquiry_wrap_pop {display: block !important}
}
@media screen and (max-width: 1024px) {
/*	.hugmom_inquiry_wrap_pop {display: none; -webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:60px; bottom:111px; z-index:99999; background:rgba(0, 0, 0, 70%); padding:100px 0px 0px 0px; box-sizing: border-box; z-index: 99}
	.hugmom_inquiry_wrap_pop .hugmom_inquiry_wrap {padding: 30px 0px;}*/
	#hugmom_inquiry_pop.active {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:60px; bottom:111px; z-index:99999; background:rgba(0, 0, 0, 70%); padding:100px 0px 0px 0px; box-sizing: border-box; z-index: 99}
	#hugmom_inquiry_pop.active .hugmom_inquiry_wrap {padding:0px 0px;}
}
@media screen and (max-width: 640px) {
	#hugmom_inquiry_pop.active {bottom:91px;}

}
.brainwave {padding-bottom:0px; font-family:"NanumSquare", sans-serif; font-size:31px; color:#000000; line-height:1.4em; font-weight:600;}
.brainwave .green {color:#6CFF85 !important}
.brainwave .key_visual {position:relative;}
.brainwave .key_visual .txt {font-family: "NanumSquare", sans-serif; text-transform: uppercase; position:absolute; width:100%; height:100%; display:flex; flex-direction:column; left:0px; top:0px; padding:10px; padding-top:10%; align-items:center; font-size:80px; line-height:1.4em; font-weight:800; color:#fff;}
.brainwave .key_visual .txt .space {width:2.1em;display:inline-block;}
.brainwave .key_visual .txt .txt_a {font-size:1.8125em; line-height:1.4em;}
.brainwave .key_visual img {width: 100%; max-height: 1854px; object-fit: cover;}
.brainwave .bb_txt {text-align:center;font-weight:400;}
.brainwave .bb_txt > strong {font-weight:900;}

.card_box {word-break: keep-all; padding:180px 10px; margin:0 auto; max-width:1440px;}
.card_box > ul {display:flex; flex-wrap:Wrap; margin:-40px -20px;}
.card_box > ul > li {width:50%; box-sizing:border-box; padding:40px 20px;}
.card_box > ul dl dt {position:relative; color:#fff;}
.card_box > ul dl dt > div {text-align:center; font-size:1.5625em; line-height:1.3em; position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.card_box > ul dl dt > div .ico {padding-bottom:0.5em;}
.card_box > ul dl dd {text-align:center; padding-top:1em}

.brainwave .banner_wrap {background:#000000; padding:150px 10px;}
.brainwave .banner {max-width:1300px; gap:49px; margin:0 auto; display:flex; flex-wrap:wrap;}
.brainwave .banner > li {width:calc(25% - 37px);}
.brainwave .banner > li > a {display:flex; align-items:center; padding:10px; height: 298px; background:linear-gradient(#333 20%, #0e0e0e 80%, #000); border:1px solid rgba(202, 255, 211, 40%); border-radius:0.8em; color:#fff;padding-bottom:110px; position:relative;}
.brainwave .banner > li > a .txt {display:flex; text-align:center;  align-items: center; justify-content: center; font-size:1.25em; line-height:1.3em; min-height:3em; width:100%;}
.brainwave .banner > li > a:after {display:block;  content:""; width:82px; height:79px; background:url(../images/imedisync/ic_play.svg) no-repeat center /cover; position:absolute; left:50%; transform:translateX(-50%); bottom:10%;}

.banner_wrap > h3 {text-align:center; font-size:1.25em; font-weight:600; line-height:1.4em; padding-bottom:1em; color:#fff; }
.brainwave .review {max-width:1300px; gap:10px; margin:0 auto; display:flex; flex-wrap:wrap;}
.brainwave .review > li {width:calc(20% - 8px);}
.brainwave .review > li > a {display:flex; justify-content:center; text-align:center; align-items:center; padding:10px; height:166px; background:linear-gradient(#333 0%, #0e0e0e 50%, #000); border:1px solid rgba(202, 255, 211, 40%); border-radius:0.8em; color:#fff;position:relative;}
.brainwave .review > li > a .txt {display:flex; text-align:center;  align-items: center; justify-content: center; font-size:1.25em; line-height:1.3em; min-height:3em; width:100%;}
.brainwave .review_line {display:block; width:100%; max-width:1420px; margin:90px auto; background:#fff; height:1px; opacity:0.5; }


.brainwave .reservation .title {max-width:1420px; margin:90px auto; border-top:1px solid #fff; border-bottom:1px solid #fff; opacity:0.5; text-align:center ;color:#fff; font-size:1.25em; line-height:1.6em; font-weight:800; padding:2em 10px;}
.brainwave .reservation .input_area {margin:0 auto; max-width:748px;}
.brainwave .reservation .input_area > li:not(:first-child) {margin-top:35px;}
.brainwave .reservation .input_area .select_w {position:relative;}
.brainwave .reservation input, .brainwave .reservation select {position:relative; border:1px solid #FFFFFF; background:#000; width:100%; border-radius:20px; height:90px; font-size:0.78em; line-height:1.3em; color:#D1D1D1}
.brainwave .reservation .select_w:after {content:''; width:18px; height:18px; border-top:2px solid #c8c8c8; border-right:2px solid #c8c8c8; display:inline-block; position:absolute; right:20px; top:50%; margin-top:-5px; transform:translateY(-50%) rotate(135deg);}
.brainwave .reservation .input_area .bt {display:flex; align-items:center; justify-content:center; background:#6CFF85; width:100%; border-radius:20px; height:90px; font-weight:800; font-size:1.25em; line-height:1.3em; color:#000}

.imedisync > p {padding-bottom:min(140px, 9.85vw); text-align:center;}

@media screen and (max-width:1920px) { 
	.brainwave .key_visual .txt {font-size:calc(80 / 1920 * 100vw)}
}

@media screen and (max-width:1340px) { 
	.brainwave {font-size:calc(31 / 1340 * 100vw)}
	.card_box > ul dl dt > div .ico {width:calc(150 / 1340 * 100vw)}
}

@media screen and (max-width:768px) { 
	.card_box {padding:100px 10px}
	.card_box > ul {margin:-30px -10px}
	.card_box > ul > li {padding: 30px 10px;}
	.brainwave .reservation input, .brainwave .reservation select {height: 70px; padding-left:1em; font-size:1em;}
	.brainwave .reservation .input_area .bt {height:70px;}
	.brainwave .banner {gap:10px}
	.brainwave .banner > li {width: calc(25% - 8px);}
	.brainwave .banner > li > a {height:180px; padding-bottom:60px;}
	.brainwave .banner > li > a:after {width: 52px; height: 49px;}
	.brainwave .review_line {margin:11.7vw auto;}
}

@media screen and (max-width:480px) { 
	.brainwave {font-size:calc(16 / 480 * 100vw)}
	.card_box > ul > li {width:100%; padding:20px 10px;}
	.card_box > ul {margin:-20px -10px}
	.card_box {padding:50px 10px}
	.card_box > ul dl dt > div .ico {width:calc(80 / 480 * 100vw)}
	.brainwave .banner_wrap {padding:50px 10px;}
	.brainwave .banner > li {width:calc(50% - 5px)}
	.brainwave .reservation .title {margin: 50px 0px; font-size: 1.3em;}
	.brainwave .reservation input, .brainwave .reservation select {height:45px; font-size:1.25em; border-radius:10px;}
	.brainwave .reservation .input_area > li:not(:first-child) {margin-top: 20px;}
	.brainwave .reservation .select_w:after {width:10px; height:10px;}
	.brainwave .reservation .input_area .bt {height:45px; border-radius:10px; font-size:1.4em;}
	.brainwave .banner > li > a:after {width: 42px; height: 39px; bottom:13%}
	.brainwave .banner > li > a {height:calc(170 / 480 * 100vw); padding-bottom:50px;}
	.brainwave .review > li {width:calc(50% - 5px)}
	.brainwave .review > li > a {height:6em}
}