@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); @import url('https://fonts.googleapis.com/css2?family=Asta+Sans:wght@300..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /* font:inherit; */
    vertical-align: baseline;
}

body {
    font-family: "Asta Sans", sans-serif;
    font-size: 16px;
    color: #333;
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0;
}

ul,ol,li {
    list-style: none
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

fieldset,img {
    border: 0
}

hr {
    height: 0;
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

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

a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
}

a[href^="tel"] {
    font-style: normal
}

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

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

img {
    border: 0;
    vertical-align: top
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,th {
    padding: 0;
}

legend, caption {
    overflow: hidden;
    text-indent: -9999999px;
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    margin: 0;
    padding: 0;
}

input {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

input[type="text"],input[type="password"],input[type="email"] {
    -webkit-appearance: none;
    border-radius: 0;
}

input:checked[type="checkbox"] {
    -webkit-appearance: checkbox
}

button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {
    border-radius: 0;
    -webkit-appearance: button;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

button,select {
    text-transform: none
}

optgroup {
    font-weight: bold
}

textarea {
    border: 1px solid #bcbcbc;
    overflow: auto;
    -webkit-appearance: none
}

input::-ms-clear {
    display: none;
}

input {
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.fl_l {
    float: left !important;
}

.fl_r {
    float: right !important;
}

.cl_b {
    clear: both !important;
}

.fl_txt {
    text-align: left !important;
}

.disN {
    display: none;
}

.disN2 {
    display: none !important;
}

.disB {
    display: block;
}

.disB2 {
    display: block !important;
}

.txC {
    text-align: center;
}

.W_Auto {
    width: auto;
}

.rel {
    position: relative;
}

* {
    outline: none;
    box-sizing: border-box;
    letter-spacing: -0.5px;
    line-height: 100%;
}

.visiH {
    visibility: hidden;
}

:root {
    --main-color: #0e2c42;
    --sub-color: #1eacd5;
    --third-color: #0c6eae;
    --en: "Plus Jakarta Sans", sans-serif;
}

body,html {
    max-width: 1920px;
    margin: 0 auto !important;
}

#header {
    max-width: 1920px;
    margin: 0 auto;
}

.leftpop {
    position: absolute;
    top: 25%;
    left: 0;
    width: auto;
    box-sizing: border-box;
    z-index: 1;
    transform: translateX(-100%);
    transition: 0.45s linear all;
    opacity: 0;
    animation: fadeIn 1s 0.5s forwards;
}

.leftpop.active {
    transform: translateX(0);
}

.leftpop .flexwrap {
    display: flex;
}

.leftpop .btn_leftpop {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: -60px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.leftpop .btn_leftpop {
    width: 60px;
    height: 167px;
    background: url(../images/btn_popup_open.png) center center / cover no-repeat;
}

.leftpop .btn_leftpop {
    background: var(--main-color);
    color: #fff;
    transition: .3s;
}

.leftpop .btn_leftpop:hover {
    opacity: .8;
}

.leftpop .btn_leftpop .con {
    display: inline-block;
}

/* .leftpop .flexwrap li {width:300px;} */
.leftpop .flexwrap li img {
    width: 100%;
}

@media(max-width: 1860px) {
    .leftpop .flexwrap li {
        width:300px;
    }
}

@media(max-width: 1640px) {
    .leftpop .flexwrap li {
        width:280px;
    }
}

@media(max-width: 1520px) {
    .leftpop .flexwrap li {
        width:260px;
    }
}

@media(max-width: 1080px) {
    .leftpop {
        display: none;
    }
}

.popup_wrap2 {
    display: none;
    position: absolute;
    top: 140px;
    left: 21%;
    width: auto;
    box-sizing: border-box;
    z-index: 90;
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}

.popup_wrap2.v1 {
}

/* .popup_wrap2.v2{left:auto;right:90px;top:150px;width:265px;} */
.popup_wrap2 ul li {
    float: left;
}

.popup_wrap2.wd320I ul li img {
    width: 320px !important;
}

.popup_wrap2.wd100I ul li img {
    width: 100% !important;
}

.popup_wrap2 ul li:last-child {
    margin-right: 0
}

.popup_wrap2 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup_wrap2 .bt a {
    display: block;
    color: #333
}

.popup_wrap2 .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

.popup_wrap2 .bt #check input {
    margin: 0 3px 0 0;
}

.popup_wrap2 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

.popup_wrap2 .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
    transition: 0.75s all;
}

.popup_wrap2 .bt .btn-close:hover {
    color: var(--main-color);
}

.popup_wrap2 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

.popup_wrap2 input[type="checkbox"] {
    display: none;
}

.popup_wrap2 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.popup_wrap2 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

.popup_wrap3 {
    position: relative;
    width: auto;
    padding-top: 4%;
    box-sizing: border-box;
    z-index: 1000;
}

.popup_wrap3_layer {
    width: 70%;
    margin: 0 auto;
}

.popup_wrap3 ul li {
}

.popup_wrap3 ul li img {
}

.popup_wrap3 ul li:last-child {
    margin-right: 0
}

.popup_wrap3 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup_wrap3 .bt a {
    display: block;
    color: #333
}

.popup_wrap3 .bt #check {
    color: #fff;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

.popup_wrap3 .bt #check input {
    margin: 0 3px 0 0;
}

.popup_wrap3 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

.popup_wrap3 .bt .btn-close {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -1px;
    transition: 0.75s all;
}

.popup_wrap3 .bt .btn-close:hover {
    color: #ef7f84;
}

.popup_wrap3 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

.popup_wrap3 input[type="checkbox"] {
    display: none;
}

.popup_wrap3 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.popup_wrap3 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

@media (max-width: 1024px) {
    .popup_wrap3 {
        width:100%;
        padding-top: 150px
    }

    .popup_wrap3 ul li img {
        width: 80%
    }

    .popup_wrap3 .bt .btn-close {
        font-size: 20px;
    }

    .popup_wrap3 .bt .btn-close span {
        font-size: 20px;
    }
}

/* #popup9 {display:none;position:absolute;top:105px;left:50%; width:400px; margin-left:-40%; z-index:88}
#popup9 .fade{width:100%}
#popup9 .fade .popup_img {width:100%}
#popup9 .bt {clear:both; width:100%; padding:13px 0 22px 0; background:#333}
#popup9 .bt a {display:block; padding-top:5px; color:#333}
#popup9 .bt #check {float:left; margin-top:-7px; margin-left:10px; font-family:"NotoSans"; color:#fff; font-size:12px;}
#popup9 .bt #check input {margin:0 3px 0 0;}
#popup9 .bt #check label {cursor:pointer}
#popup9 .bt .btn-close {float:right; margin-top:-15px; margin-right:10px; font-family:"NotoSansM"; color:#fff; font-size:12px;}
#popup9 .bt .btn-close span {vertical-align:-2px; font-size:17px;}
#popup9 .slick-next, #popup9 .slick-prev{top:25%;width: 35px;height: 35px;background-size: cover;}
#popup9 .slick-next{background-image: url("/teaser/images/main_right_m.png");right:2%;}
#popup9 .slick-prev{background-image: url("/teaser/images/main_left_m.png");left:2%;}
@media (max-width:1081px){
	#popup9 {display:none;position:absolute;top:105px;left:50%; width:80%; margin-left:-40%; z-index:88}
#popup9 img {width:100%}
} */
#popup10 {
    display: none;
    position: absolute;
    top: 135px;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    z-index: 90
}

#popup10 img {
    width: 100%;
}

#popup10 .fade {
    width: 100%
}

#popup10 .fade .popup_img {
    width: 100%
}

#popup10 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup10 .bt a {
    display: block;
    line-height: 100%;
    color: #333
}

#popup10 .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup10 .bt #check input {
    margin: 0 3px 0 0;
}

#popup10 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

#popup10 .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup10 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

#popup10 input[type="checkbox"] {
    display: none;
}

#popup10 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#popup10 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

#popup10 .slick-next, #popup10 .slick-prev {
    top: 15%;
    width: 35px;
    height: 35px;
    background-size: cover;
}

#popup10 .slick-next {
    background-image: url("../images/main_right_m.png?v=<%=genTimeStamp%>");
}

#popup10 .slick-prev {
    background-image: url("../images/main_left_m.png?v=<%=genTimeStamp%>");
}

@media (max-width: 500px) {
    .popup_wrap {
        top:13%;
        left: 50%;
        width: 60%;
        margin-left: -30%;
    }

    .popup_wrap ul li {
        width: 100%;
        margin-right: 0
    }

    .popup_wrap ul li img {
        width: 100%;
    }
}

#popup11 {
    display: none;
    position: absolute;
    top: 135px;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    z-index: 88
}

#popup11 img {
    width: 100%;
}

#popup11 .fade {
    width: 100%
}

#popup11 .fade .popup_img {
    width: 100%
}

#popup11 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup11 .bt a {
    display: block;
    line-height: 100%;
    color: #333
}

#popup11 .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup11 .bt #check input {
    margin: 0 3px 0 0;
}

#popup11 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

#popup11 .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup11 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

#popup11 input[type="checkbox"] {
    display: none;
}

#popup11 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#popup11 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

#popup11 .slick-next, #popup11 .slick-prev {
    top: 15%;
    width: 35px;
    height: 35px;
    background-size: cover;
}

#popup11 .slick-next {
    background-image: url("/images/main_right_m.png?v=<%=genTimeStamp%>");
}

#popup11 .slick-prev {
    background-image: url("/images/main_left_m.png?v=<%=genTimeStamp%>");
}

@media (max-width: 500px) {
    .popup_wrap {
        top:13%;
        left: 50%;
        width: 60%;
        margin-left: -30%;
    }

    .popup_wrap ul li {
        width: 100%;
        margin-right: 0
    }

    .popup_wrap ul li img {
        width: 100%;
    }
}

#popup12 {
    display: none;
    position: absolute;
    top: 135px;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    z-index: 87
}

#popup12 img {
    width: 100%;
}

#popup12 .fade {
    width: 100%
}

#popup12 .fade .popup_img {
    width: 100%
}

#popup12 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup12 .bt a {
    display: block;
    line-height: 100%;
    color: #333
}

#popup12 .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup12 .bt #check input {
    margin: 0 3px 0 0;
}

#popup12 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

#popup12 .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup12 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

#popup12 input[type="checkbox"] {
    display: none;
}

#popup12 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#popup12 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

#popup12 .slick-next, #popup10 .slick-prev {
    top: 15%;
    width: 35px;
    height: 35px;
    background-size: cover;
}

#popup12 .slick-next {
    background-image: url("../images/main_right_m.png?v=<%=genTimeStamp%>");
}

#popup12 .slick-prev {
    background-image: url("../images/main_left_m.png?v=<%=genTimeStamp%>");
}

#popup13 {
    display: none;
    position: absolute;
    top: 135px;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    z-index: 86
}

#popup13 img {
    width: 100%;
}

#popup13 .fade {
    width: 100%
}

#popup13 .fade .popup_img {
    width: 100%
}

#popup13 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup13 .bt a {
    display: block;
    line-height: 100%;
    color: #333
}

#popup13 .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup13 .bt #check input {
    margin: 0 3px 0 0;
}

#popup13 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

#popup13 .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup13 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

#popup13 input[type="checkbox"] {
    display: none;
}

#popup13 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#popup13 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

#popup13 .slick-next, #popup13 .slick-prev {
    top: 15%;
    width: 35px;
    height: 35px;
    background-size: cover;
}

#popup13 .slick-next {
    background-image: url("../images/main_right_m.png?v=<%=genTimeStamp%>");
}

#popup13 .slick-prev {
    background-image: url("../images/main_left_m.png?v=<%=genTimeStamp%>");
}

#popup14 {
    display: none;
    position: absolute;
    top: 135px;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    z-index: 85
}

#popup14 img {
    width: 100%;
}

#popup14 .fade {
    width: 100%
}

#popup14 .fade .popup_img {
    width: 100%
}

#popup14 .bt {
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popup14 .bt a {
    display: block;
    line-height: 100%;
    color: #333
}

#popup14 .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup14 .bt #check input {
    margin: 0 3px 0 0;
}

#popup14 .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

#popup14 .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
}

#popup14 .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

#popup14 input[type="checkbox"] {
    display: none;
}

#popup14 input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#popup14 input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

#popup14 .slick-next, #popup14 .slick-prev {
    top: 15%;
    width: 35px;
    height: 35px;
    background-size: cover;
}

#popup14 .slick-next {
    background-image: url("../images/main_right_m.png?v=<%=genTimeStamp%>");
}

#popup14 .slick-prev {
    background-image: url("../images/main_left_m.png?v=<%=genTimeStamp%>");
}

.mobile_popstyle {
    display: none;
    position: absolute;
    top: 105px;
    left: 0;
    width: 100%;
    z-index: 88
}

.mobile_popstyle img {
    width: 100%;
}

.mobile_popstyle .mobile_pop_content {
    width: 70%;
    margin: 0 auto;
}

.mobile_popstyle .fade .popup_img {
    width: 100%
}

.mobile_popstyle .bt {
    width: 70%;
    margin-bottom: 0;
    padding: 15px;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.mobile_popstyle .bt a {
    display: block;
    line-height: 100%;
    color: #333
}

.mobile_popstyle .bt #check {
    color: #7e7e7e;
    font-size: 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: -1px;
}

.mobile_popstyle .bt #check input {
    margin: 0 3px 0 0;
}

.mobile_popstyle .bt #check label {
    cursor: pointer;
    padding-left: 31px;
}

.mobile_popstyle .bt .btn-close {
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 300;
    letter-spacing: -1px;
}

.mobile_popstyle .bt .btn-close span {
    vertical-align: -2px;
    font-size: 17px;
}

.mobile_popstyle input[type="checkbox"] {
    display: none;
}

.mobile_popstyle input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(/teaser/images/popup_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.mobile_popstyle input[type="checkbox"]:checked + label:before {
    background-position: -22px 0;
}

.mobile_popstyle .slick-next, .mobile_popstyle .slick-prev {
    top: 15%;
    width: 35px;
    height: 35px;
    background-size: cover;
}

.mobile_popstyle .slick-next {
    background-image: url("/teaser/images/main_right_m.png?v=<%=genTimeStamp%>");
}

.mobile_popstyle .slick-prev {
    background-image: url("/teaser/images/main_left_m.png?v=<%=genTimeStamp%>");
}

@media (max-width: 500px) {
    .popup_wrap {
        top:13%;
        left: 50%;
        width: 60%;
        margin-left: -30%;
    }

    .popup_wrap ul li {
        width: 100%;
        margin-right: 0
    }

    .popup_wrap ul li img {
        width: 100%;
    }
}

#hd_pop {
    width: 100%;
}

.hd_pops_con img {
    width: 100%;
    height: auto;
}

.hd_pops {
    border: none;
}

.hd_pops_footer {
    font-size: 12px;
}

body,html {
    background: #fff
}

body.main {
}

.scrolld_down {
    position: absolute;
    bottom: 13%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10
}

.scrolld_down .ico {
    animation: motion_scrolld_down 1.5s ease-in infinite;
}

@keyframes motion_scrolld_down {
    0% {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(0, 10px, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes motion_scrolld_down {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }

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

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

@-moz-keyframes motion_scrolld_down {
    0% {
        -moz-transform: translate3d(0, 0, 0)
    }

    50% {
        -moz-transform: translate3d(0, 10px, 0)
    }

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

.header-fixed-at-mobile-nav-opened #header .header-container, #header.fixed .header-container {
    padding: 0;
}

.mainWrap {
    width: 100%;
}

.video_wrap {
    position: relative;
    height: calc(100% - 80px);
    margin-top: 80px;
}

#videoDim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
}

/* video_area */
.video_area {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.video_area li {
    display: none;
}

.video_area li.active {
    display: block;
}

.video_area video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto ;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.video_area img {
    width: 100%;
}

/* video_cotent */
.video_content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(1,1,1,0.5);
    -ms-overflow-x: hidden;
}

.video_content .video_inner {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* video_info */
.video_info {
    position: relative;
    width: 100%;
    height: 100%;
}

.video_info ul {
    position: relative;
    width: 100%;
    height: 100%;
}

.video_info li {
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    line-height: 100%;
}

.video_info li.active {
    opacity: 1;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

.video_info .text {
    color: #9c9c9c;
    vertical-align: middle;
    opacity: 0;
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
    letter-spacing: -0.1rem;
    font-family: 'NotoSansL';
    -webkit-transition: all .9s cubic-bezier(.17,.67,.54,.9);
    transition: all .9s cubic-bezier(.17,.67,.54,.9);
}

.video_info .text strong {
    color: #fff;
    font-weight: normal;
    font-family: "Asta Sans", sans-serif;
}

.video_info li.active .text {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .3s .3s;
    -webkit-transition: all .3s .3s;
}

.video_info .text img {
    font-size: 0;
}

.video_info li.active .text.only {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.video_info h3.text {
    line-height: 40px;
    font-size: 25px;
    letter-spacing: -0.1rem;
    font-family: "NanumSquare","NotoSans",'malgun gothic','dotum';
}

.video_info .progress {
    width: 550px;
    height: 2px;
    margin: 0 auto;
    background-color: #a9a593;
    vertical-align: middle;
    margin-top: 25px;
    margin-bottom: 85px;
}

.video_info .progress .bar {
    width: 0;
    height: 2px;
    background-color: #fff;
}

.video_info .tit {
    width: 100%;
    height: auto;
    font-size: 65px;
    color: #fff;
    vertical-align: middle;
    opacity: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    text-align: center;
    line-height: 75px;
    letter-spacing: -0.1rem;
    font-family: "Asta Sans", sans-serif;
    -webkit-transition: all .10s cubic-bezier(.17,.67,.54,.9);
    transition: all .10s cubic-bezier(.17,.67,.54,.9);
}

.video_info .tit span {
    font-size: 22px;
}

.video_info li.active .tit {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .3s .5s, opacity 1s .5s;
    -webkit-transition: all .3s .5s, opacity 1s .5s;
}

/* video_state */
.video_state {
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url(/resource/images/main/video_play.png) 60% 50% no-repeat;
    border: 1px solid #d5d5d1;
    border-radius: 100%;
    cursor: pointer;
}

.video_state.stop {
    background-image: url(/resource/images/main/video_stop.png);
    background-position: 50%;
}

/* paging_area */
.paging_area {
    position: absolute;
    left: 50%;
    top: 75%;
    z-index: 10;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.paging_area a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: center;
}

.paging_area a span {
    font: 0/0 all;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 5px;
}

.paging_area a.active span {
    background-color: #fff;
}

/* menu_wrap */
.menu_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 30;
    width: 100%;
    max-width: 1065px;
}

.menu_wrap ul {
    overflow: hidden;
    width: 100%;
}

.menu_wrap li {
    float: left;
    width: calc(100% / 3);
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
}

.menu_wrap li:first-child {
    border-left: none;
}

.menu_wrap .menu_top li {
    height: 60px;
    font-size: 18px;
    color: #000;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.menu_wrap .menu_bottom {
    position: absolute;
    left: 0;
    bottom: -250px;
}

.menu_wrap .menu_bottom li {
    position: relative;
    height: 250px;
    padding: 50px 0 50px 50px;
}

.menu_wrap .menu_bottom li a {
    display: block;
}

.menu_wrap .menu_bottom li dt {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    letter-spacing: -.025em;
}

.menu_wrap .menu_bottom li dt:after {
    position: absolute;
    right: -15px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    content: "";
}

.menu_wrap .menu_bottom li dd {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #888;
    letter-spacing: -.05em;
}

.menu_wrap .menu_bottom .icon {
    position: absolute;
    bottom: 0;
    opacity: 0;
}

.menu_wrap .menu_bottom li:nth-child(1) .icon {
    right: 50px;
    width: 51px;
    height: 67px;
}

.menu_wrap .menu_bottom li:nth-child(2) .icon {
    right: 50px;
    width: 67px;
    height: 65px;
}

.menu_wrap .menu_bottom li:nth-child(3) .icon {
    right: 55px;
    width: 85px;
    height: 60px;
}

.menu_wrap.active .menu_bottom li .icon {
    opacity: 1;
    transition: bottom .3s, opacity .3s ease-in-out;
}

.menu_wrap.active .menu_bottom li:nth-child(1) .icon {
    bottom: 30px;
    transition-delay: .4s;
}

.menu_wrap.active .menu_bottom li:nth-child(2) .icon {
    bottom: 35px;
    transition-delay: .6s;
}

.menu_wrap.active .menu_bottom li:nth-child(3) .icon {
    bottom: 40px;
    transition-delay: .8s;
}

/* link_wrap */
.link_wrap {
    position: absolute;
    left: 50%;
    bottom: 23px;
    z-index: 20;
    width: 100%;
    max-width: 1400px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: right;
}

.link_wrap ul {
    overflow: hidden;
    display: inline-block;
}

.link_wrap li {
    float: left;
    padding: 0 20px;
    border-left: 1px solid #eaeaea;
}

.link_wrap li:first-child {
    padding-left: 0;
    border-left: none;
}

.link_wrap li:last-child {
    padding-right: 0;
}

.link_wrap li a {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #eaeaea;
}

.quick_menu {
    display: none;
}

@media (max-width: 1480px) {
    .menu_wrap {
        max-width: 940px;
    }

    .menu_wrap .menu_bottom li {
        padding: 50px 0 50px 30px;
    }

    .link_wrap {
        padding: 0 20px;
    }
}

@media (max-width: 1300px) {
    .menu_wrap {
        max-width: 900px;
    }

    .link_wrap {
        padding: 0 10px;
    }
}

#quick {
    position: fixed;
    right: 50px;
    bottom: 2.5%;
    z-index: 12;
    text-align: center;
}

.subWrap #quick {
}

#quick > * {
    line-height: 100%;
}

#quick .openWrap {
    color: #fff;
    letter-spacing: -1px;
    background: #b9976c;
    padding: 20px 0;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'NanumSquare',sans-serif;
}

#quick .openWrap .open_con01 {
    font-weight: 800;
    font-size: 35px;
    line-height: 100%;
    margin-bottom: 8px;
}

#quick .openWrap .open_con02 {
    font-weight: 700;
    font-size: 23px;
    line-height: 100%;
}

#quick .list_wrap {
    display: flex;
    gap: 20px;
    opacity: 0;
    animation: fadeIn 1s 5.5s linear forwards;
}

.subWrap #quick .list_wrap {
    animation: fadeIn 1s 2s linear forwards;
}

#quick .list_wrap .list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.75s all;
    font-size: 17px;
}

#quick .list_wrap .list .con {
    width: 100px;
    height: 100px;
    background: #1c1a1a;
    color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    flex-direction: column;
    align-items: center;
}

#quick .list_wrap .list .con.con01 {
}

#quick .list_wrap .list .con.con01::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(../images/quick_home.png) center center / cover no-repeat;
    margin-bottom: 10px;
}

#quick .list_wrap .list .con.con02 {
    background: var(--main-color);
}

#quick .list_wrap .list .con.con02::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(../images/quick_customer.png) center center / cover no-repeat;
    margin-bottom: 10px;
}

#quick .list_wrap .list .con.con03 {
    background: #e3a602;
}

#quick .list_wrap .list .con.con03::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(../images/quick_map.png) center center / cover no-repeat;
    margin-bottom: 10px;
}

#quick .list_wrap .list:nth-last-child(1) {
    margin-bottom: 0;
}

#quick .list_wrap .list:hover {
    opacity: 0.8;
}

#quick .list_wrap .list.brand {
    background: #06377c;
}

#quick .list_wrap .list.intro {
    background: #414141;
}

#quick .list_wrap .list.customer {
}

#quick .list_wrap .list.map {
}

#quick .list_wrap .list.top {
    background: #000000 ;
}

#quick .list_wrap .list .image {
    margin-bottom: 10px;
}

#quick .list_wrap .list.only .image {
    margin-bottom: 0;
}

@media (max-width: 1080px) {
    .back_bg {
        display:none;
    }

    #quick {
        display: flex;
        right: 2.5%;
        top: auto;
        bottom: 14%;
        transform: translate(0);
    }

    #quick img {
        width: 100%;
    }

    #quick .openWrap {
        flex: 0 0 50%;
        height: 50px;
        flex-direction: row;
        align-items: center;
    }

    #quick .openWrap .open_con01 {
        font-size: 30px;
        margin-bottom: 0;
        margin-right: 5px;
    }

    #quick .openWrap .open_con02 {
        font-size: 20px;
    }

    #quick .list_wrap {
        flex-wrap: wrap;
        flex-direction: row;
        flex: 0 0 100%;
        flex-direction: column;
    }

    #quick .list_wrap .list {
        flex: 0 0 calc(100% / 2);
        height: 50px;
        font-size: 15px;
        flex-direction: row;
    }

    #quick .list_wrap .list.map {
        background: #b9976c;
    }

    #quick .list_wrap .list.top {
        display: none;
    }

    #quick .list_wrap .list.top img {
        width: 20px;
    }

    #quick .list_wrap .list .image {
        width: 20px;
        margin-bottom: 0;
        margin-right: 10px;
    }
}

@media (max-width: 400px) {
    #quick {
        width: 35px;
    }

    #quick .list_wrap {
        gap: 10px;
    }

    .mainVisual .content .open_infoWrap .open_info {
        width: 70px;
        height: 70px;
    }

    .mainVisual .content .open_infoWrap .open_info .con {
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    #quick .openWrap .open_con01 {
        font-size: 13px;
    }
}

#pageNavi {
}

#pageNavi button {
    z-index: 100;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 11px;
    border: none;
    font: 0/0 all;
}

#pageNavi button.prev {
    left: 30px;
    background: url(/teaser/images/main_left.png?v=<%=genTimeStamp%>) 0 0 no-repeat;
    border: none;
    width: 54px;
    height: 107px;
}

#pageNavi button.next {
    right: 130px;
    background: url(/teaser/images/main_right.png?v=<%=genTimeStamp%>) 0 0 no-repeat;
    border: none;
    width: 54px;
    height: 107px;
}

#videoWrap .ico_open {
    position: absolute;
    right: 70px;
    top: 70px;
    z-index: 100;
}

.Ibar {
    position: absolute;
    width: 100px;
    right: 0;
    top: 0;
    height: 100%;
    background-color: rgba(1,1,1,0.6);
    z-index: 98;
}

.Ibar ul {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.Ibar ul li {
    ;display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.Ibar ul li.top {
    flex-basis: 40%;
    background-color: rgba(163, 144, 120, 0.67);
    -ms-flex: 0 0 30%;
}

.Ibar ul li.top a {
    cursor: inherit;
}

.Ibar ul li.middle {
    flex-basis: 40%;
    justify-content: flex-start;
    margin-top: 30px;
    -ms-flex: 0 0 50%;
}

.Ibar ul li.middle a {
    margin-bottom: 7px;
    background: transparent;
    transition: 0.65s all;
}

.Ibar ul li.middle a:hover {
    background-color: rgba(255,255,255,0.2);
}

.Ibar ul li.middle a:last-child {
}

.Ibar ul li.bottom {
    flex-basis: 20%;
    -ms-flex: 0 0 20%;
}

.Ibar ul li.bottom a {
    border: 1px solid #fff;
    padding: 15px;
    border-radius: 50%;
    transition: 0.65s all;
}

.Ibar ul li.bottom a:hover {
    background-color: rgba(255,255,255,0.2);
    border-radius: 0;
}

/* .Ibar ul li a:before{content:"";display:block;border:1px solid #fff; width:100%; position:absolute;} */
.c_bar {
    position: absolute;
    top: 65% ;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

.c_bar li {
    display: inline-block;
    width: 260px;
    text-align: center;
    border: 1px solid #666;
    background-color: rgba(0,0,0,0.4);
}

.c_bar li:first-child {
    margin-right: 8px
}

.c_bar a {
    position: relative;
    display: block;
    padding: 8px 0 8px 0;
    font-family: "Asta Sans", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    transition: 0.65s all;
}

.c_bar a:before {
    content: '';
    position: absolute;
    top: 44%;
    right: 10%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c_bar a:hover {
    background-color: rgba(255,255,255,0.3);
}

/* .Ibar ul li a:before{content:"";display:block;border:1px solid #fff; width:100%; position:absolute;} */
.top_Area {
    clear: both;
    width: 100%;
    height: 100%;
    margin-bottom: 150px;
    background: url("/teaser/images/bg_premium2.jpg?v=<%=genTimeStamp%>") center 459px no-repeat;
    background-size: auto auto;
    box-sizing: border-box;
}

.premium_back {
    clear: both;
    box-sizing: border-box;
}

.premium_back:after {
    display: block;
    clear: both;
    content: "";
}

.premium_back .inner {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding-top: 150px
}

.premium_back h3 {
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
}

.premium_back .inner li {
    float: left;
    margin-right: 20px;
}

.premium_back .inner li:last-child {
    margin-right: 0
}

.type_wrap {
    clear: both;
    width: 100%;
    margin-top: 150px;
    box-sizing: border-box;
}

.type_wrap .inner {
    width: 1100px;
    height: 257px;
    margin: 0 auto
}

.type_sec {
    clear: both;
    position: relative;
}

.type_sec .type_tit {
    clear: both;
    margin: 0 0 30px 0;
    text-align: center
}

.type_sec .type_tit:after {
    display: block;
    clear: both;
    content: "";
}

.type_sec .type_tit ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.type_sec .type_tit ul .slick_left {
    float: left;
    margin-top: -10px
}

.type_sec .type_tit ul .slick_right {
    float: right;
    margin-top: -10px
}

.type_sec .slide_con {
    clear: both;
    max-width: 1100px;
    width: 100%;
    background: #000
}

.type_sec .slide_con li {
    float: left;
    width: 33.3333333333%;
    margin: 0 auto;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff
}

.type_sec .slide_con li img {
    width: 65%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px
}

.type_sec .slide_con li .txt {
    padding: 10px 0 10px 0;
    text-align: center;
    background: #006991
}

.type_sec .slide_con li .txt p {
    font-size: 40px;
    line-height: 40px;
    font-family: "NotoSans",'malgun gothic','dotum';
    color: #fff;
}

.type_sec .slide_con li .txt span {
    font-size: 18px;
    font-family: "NotoSans",'malgun gothic','dotum';
    color: #fff;
}

.type_wrap .btn_wrap {
    clear: both;
    margin-top: 15px;
}

.type_wrap .btn_wrap .btn {
    position: relative;
    float: left;
    width: 49%;
    margin: 10px 0 0 0;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: -0.04rem;
    color: #fff;
    font-family: "NotoSansL",'malgun gothic','dotum';
    background: #333
}

.type_wrap .btn_wrap .btn:hover {
    color: #066DAB;
}

.type_wrap .btn_wrap .btn .icon {
    position: absolute;
    top: 0;
    right: 0;
}

.type_wrap .btn_wrap .btn:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 5%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.location_wrap {
    position: relative;
    clear: both;
    max-width: 1920px;
    height: 100%;
    margin: 0 auto;
    padding: 100px 0 0 0;
    background: url("/teaser/images/bg_bt2.jpg?v=<%=genTimeStamp%>") 0 510px repeat-x;
    background-size: 100% 100%;
    box-sizing: border-box;
}

@media (max-width: 1920px) {
    .location_wrap {
        width:100%;
    }
}

.location_wrap:after {
    display: block;
    clear: both;
    content: "";
}

.location_wrap .inner {
    width: 1100px;
    margin: 0 auto;
}

.location_wrap .location_bg {
    float: left;
}

.location_wrap .txt_area {
    float: left;
    margin-left: 5%;
    padding-top: 120px;
    text-align: center;
    box-sizing: border-box;
}

.location_wrap ul li:nth-child(1) {
    position: relative;
    margin-bottom: 50px;
    z-index: 9
}

.location_wrap ul li:nth-child(2) {
    margin-bottom: 20px
}

.location_wrap ul li:nth-child(3) {
    margin-bottom: 50px
}

.location_wrap .bi {
    position: absolute;
    top: 20px;
    right: 0;
}

.location_wrap .bi2 {
    position: absolute;
    bottom: 80px;
    left: 0;
}

.design_wrap {
    clear: both;
    width: 1920px;
    height: 500px;
    margin: 0 auto;
    background: #eee url("/teaser/images/bg_premiumdesign.jpg?v=<%=genTimeStamp%>") right top no-repeat;
}

@media (max-width: 1920px) {
    .design_wrap {
        width:100%;
    }
}

.design_wrap:after {
    display: block;
    clear: both;
    content: "";
}

.design_wrap .inner {
    width: 1100px;
    margin: 0 auto;
}

.design_wrap ul {
    float: left;
    width: 550px;
    height: 500px;
    padding-top: 60px;
    text-align: center;
    background: #eee;
    box-sizing: border-box;
}

.design_wrap ul li:nth-child(1) {
    margin-bottom: 50px
}

.design_wrap ul li:nth-child(4) {
    margin-bottom: 30px
}

.design_wrap ul li {
    margin-bottom: 20px
}

.design_wrap .hr {
    width: 100px;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #ddd
}

.map_warp {
    clear: both;
    width: 100%;
    margin-top: 0;
    padding: 100px 0 350px 0;
    background: url("/teaser/images/bg_map.jpg?v=<%=genTimeStamp%>") center top no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

.map_warp .inner {
    width: 1100px;
    margin: 0 auto
}

.map_warp .titArea {
    clear: both;
    margin-bottom: 20px
}

.map_warp .titArea:after {
    display: block;
    clear: both;
    content: "";
}

.map_warp .titArea h3 {
    float: left;
    font-size: 35px;
    font-family: "NotoSansM",'malgun gothic','dotum';
    color: #fff;
    letter-spacing: -0.04rem;
}

.map_warp .btn {
    position: relative;
    float: right;
    margin: 15px 15px 0 0;
    padding: 0 15px 0 0;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: -0.04rem;
    color: #fff;
    font-family: "NotoSansL",'malgun gothic','dotum';
}

.map_warp .btn:hover {
    color: #066DAB;
}

.map_warp .btn .icon {
    position: absolute;
    top: 0;
    right: 0;
}

.map_warp .btn:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.map_warp ul {
    padding: 15px 0 15px 0;
    background: #006991
}

.map_warp ul:after {
    display: block;
    clear: both;
    content: "";
}

.map_warp li {
    float: left;
    width: 100%;
    text-indent: 15px;
    border-right: 1px solid #ddd;
    font-size: 18px;
    font-family: "NotoSans",'malgun gothic','dotum';
    color: #fff;
    box-sizing: border-box
}

.map_warp li:last-child {
    border-right: 0
}

.map_warp #map {
    height: 400px;
    background: #333
}

.subVisual {
    overflow: hidden;
    clear: both;
    position: relative;
    width: 100%;
    height: 250px;
    padding-top: 0;
    box-sizing: border-box;
    text-align: center;
    background: var(--main-color);
    z-index: 0;
    margin-bottom: 2.5%;
    animation: subVisual 1s 2s forwards;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes subVisual {
    to {
    }
}

.subVisual .inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
}

.subVisual .text {
    font-size: 36px;
    font-weight: 300;
}

.subVisual .text > * {
    line-height: 100%;
}

.subVisual .text .slogan {
    color: #fff;
    margin-bottom: 1.25%;
    display: flex;
}

.subVisual .text .slogan_con {
}

.subVisual .text .slogan_con .char {
    opacity: 0;
}

.subVisual .text .slogan_con .char {
    animation: fadeInUp 1s cubic-bezier(.10, 0, .10, 1) both;
    animation-delay: calc(100ms * var(--char-index));
}

.subVisual .text .slogan_con b {
    font-size: 200%;
}

.subVisual .text .slogan_con b.--color {
    transition: 1s 2s all;
    font-size: 300%;
}

.subVisual .text .slogan_con b.--color {
    color: #fff;
    transform: scale(1);
    font-size: 300%;
    animation: subVisual_b 1s 1.5s forwards;
}

@keyframes subVisual_b {
    to {
        color: var(--third-color);
        transform: scale(1);
        font-size: 200%;
    }
}

@media (max-width: 1080px) {
    .subVisual {
    }

    .subVisual .text {
        font-size: 24px;
    }
}

@media (max-width: 640px) {
    .subVisual {
        height: 150px;
    }

    .subVisual .text {
        font-size: 3.2vw;
    }
}

.subVisual video {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0;
    background-color: #006e98;
}

.subVisual video:before {
    content: "";
}

.subVisual .underlayer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
    z-index: 0;
}

.seminar_wrap {
    position: relative;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 50px;
    line-height: 1.5;
}

.seminar_wrap .bg_seminar_middle {
    width: 100%;
    padding: 0 0 20px 0;
    background: #fff;
    font-size: 16px;
    font-family: 'Noto Sans KR';
}

.seminar_wrap .bg_seminar_bottom {
    width: 100%;
}

.seminar_wrap .bg_seminar_bottom img {
    width: 100%
}

.seminar_wrap .bg_seminar_middle .titleinfo {
    background: #dfded9;
    font-size: 22px;
    text-align: center;
}

.seminar_wrap .bg_seminar_middle .titleinfo .infocon {
}

.seminar_wrap .allchkWrap {
    display: flex;
    justify-content: center;
    gap: 20px;
    background: #f2f2f2;
    padding: 30px;
    align-items: center;
    letter-spacing: -0.75px;
}

.seminar_wrap .allchkWrap .text {
}

.seminar_wrap .allchkWrap .input {
    width: 20px;
    height: 20px;
    border: 1px solid #111;
    cursor: pointer;
}

.seminar_wrap .title {
    margin-top: 10px;
    text-indent: 0;
    color: #333;
    margin-bottom: 30px;
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 100%;
    position: relative;
    padding-top: 15px;
    font-weight: 500;
}

.seminar_wrap .title::before {
    content: "";
    width: 75px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #999;
}

.seminar_wrap #box_wrap {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding-top: 25px;
    margin-bottom: 45px;
}

.seminar_wrap #box_wrap .box_text {
    overflow-y: scroll;
    max-height: 180px;
    padding: 30px 15px 0;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #222;
    background: #fff;
    letter-spacing: -0.75px;
}

.seminar_wrap #box_wrap .box_text h4 {
    padding: 30px 0 10px;
    font-size: 18px;
    color: #222;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.seminar_wrap #box_wrap .box_text .txt4 {
    margin-bottom: 30px;
}

.seminar_wrap #box_wrap .box_text .txt4 li {
    position: relative;
    padding-left: 8px;
    margin-bottom: 5px;
}

.seminar_wrap #box_wrap .box_text .txt4 li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #222;
}

.seminar_wrap #box_wrap .box_text .txt2 {
    margin-bottom: 15px;
}

.seminar_wrap #box_wrap .box_text .txt3 {
    margin-bottom: 30px;
}

.seminar_wrap #box_wrap .agrre1 {
    position: relative;
    text-align: center;
    color: #333;
    padding: 5px 0;
}

.seminar_wrap #box_wrap .agrre1 span {
    margin-left: 5px;
}

.seminar_wrap #box_wrap .agrre1 label {
    cursor: pointer
}

.seminar_wrap #box_wrap .agrre1 .agrre_ti {
    padding-right: 15px
}

.seminar_wrap #box_wrap .surveyWrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList {
    background: #f5f5f5;
    padding: 2.5%;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList span {
}

.seminar_wrap #box_wrap .surveyWrap .surveyList input:checked ~ span {
    color: var(--main-color);
    font-weight: 700;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList.--address {
}

.seminar_wrap #box_wrap .surveyWrap .surveyList.--address .flex {
    display: flex;
    align-items: center;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList.--address .input {
    border: 2px solid #bbb;
    padding: 5px 10px;
    margin-right: 5px;
    width: 125px;
    text-align: right;
    font-weight: 700;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .explain {
    color: var(--main-color);
    font-size: 20px;
    margin-bottom: 10px;
    word-break: keep-all;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .explain .--point {
    position: relative;
    margin-left: 5px;
    padding-left: 5px;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .explain .--point: :before {
    content: "*";
    width: 5px;
    height: 5px;
    color: red;
    position: absolute;
    left: -5px;
    top: 0;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .btn_checkbox {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .btn_checkbox:not(:first-child) {
    margin-left: 20px;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .btn_checkbox input {
    width: 20px;
    height: 20px;
    border: 1px solid #C8CCD4;
    cursor: pointer;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .btn_checkbox span {
    cursor: pointer;
    user-select: none;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList .flex_wrap {
    padding: 0;
}

.seminar_wrap #box_wrap .surveyWrap .surveyList.--address .flex_wrap {
    gap: 30px;
}

.seminar_wrap .tbl_frm01 {
    margin: 0 auto;
    margin-top: 20px;
}

.seminar_wrap .tbl_frm01 table {
    border-top: 2px solid #666;
}

.seminar_wrap .tbl_frm01 th {
    padding: 16px 0;
    text-align: center;
    vertical-align: middle;
    font-family: "Asta Sans", sans-serif;
    color: #333;
    border-top: 1px solid #cbcbcb;
    border-right: none;
    border-left: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #fafafa;
    font-weight: 600;
    text-align: left;
    padding-left: 30px;
}

.seminar_wrap .tbl_frm01 th label.need {
    position: relative;
}

.seminar_wrap .tbl_frm01 th label.need:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: -10px;
    top: 0;
    background: #8bb9d7;
    border-radius: 50%;
}

.seminar_wrap .tbl_frm01 td {
    padding: 8px;
    color: #333;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    background: #fff;
}

.seminar_wrap .tbl_frm01 .frm_input {
    float: left;
    min-width: 90px;
    line-height: 100%;
    padding: 8px 0 8px 8px;
    margin: 0 5px 0 0;
    text-indent: 5px;
    color: #333;
    border: 1px solid #c8c8c8;
    background: #fff;
    font-weight: 300;
    font-family: "Asta Sans", sans-serif;
    box-sizing: border-box;
    height: 42px;
}

.seminar_wrap .tbl_frm01 .frm_input.address {
    width: 100%
}

.seminar_wrap .tbl_frm01 .frm_input2 {
    width: 70%;
    height: 22px;
    line-height: 22px;
    margin: 0 5px 0 10px;
    text-indent: 5px;
    color: #333;
    font-size: 13px;
    font-family: "dotum";
    border: none;
    border: 1px solid #666;
    background: #fff
}

.seminar_wrap .tbl_frm01 .frm_input3 {
    width: 70%;
    height: 22px;
    line-height: 22px;
    margin: 0 5px 0 0;
    text-indent: 5px;
    color: #333;
    font-size: 13px;
    font-family: "dotum";
    border: none;
    border: 1px solid #666;
    background: #fff
}

.seminar_wrap .tbl_frm01 .textarea {
    width: 80%;
    height: 70px;
    padding: 10px;
    line-height: 16px;
    font-size: 12px;
    border: 1px solid #ccc;
    background: #fff;
    height: 150px;
    width: 100%;
}

.seminar_wrap .tbl_frm01 .selectbox {
    float: left;
    min-width: 90px;
    padding: 7px 0;
    color: #333;
    border: 1px solid #ccc;
    font-weight: 300;
}

.seminar_wrap .tbl_frm01 .noti {
    clear: both;
    font-size: 11px;
    color: #333;
    font-family: dotum;
}

.seminar_wrap .tbl_frm01 ul li {
    clear: both;
    padding: 0 0 5px 0;
}

.seminar_wrap .tbl_frm01 ul li:after {
    display: block;
    clear: both;
    content: ""
}

.seminar_wrap .tbl_frm01 .btn {
    float: left;
    margin-right: 10px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: "Asta Sans", sans-serif;
    cursor: pointer;
    background: #005151;
    box-sizing: border-box;
    padding: 8px 20px;
    border: 1px solid transparent;
}

.seminar_wrap .tbl_frm01 .address_info {
    font-size: 14px;
    margin-top: 8px;
    float: left;
    letter-spacing: -0.5px;
}

.seminar_wrap .q_wrap {
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    font-family: "dotum";
}

.seminar_wrap .a_wrap {
    color: #333;
    font-size: 14px;
    font-family: "dotum";
    letter-spacing: -1px;
}

.seminar_wrap .a_wrap.photo label {
    display: block;
    float: left;
    width: 150px
}

.seminar_wrap .a_wrap.photo label .img {
    width: 65%
}

.seminar_wrap .a_wrap label {
    margin: 0 5px 0 0;
    cursor: pointer
}

.seminar_wrap .a_wrap label.clear {
    display: block;
    clear: both;
}

.seminar_wrap .a_wrap input {
    margin: 0 3px 0 0;
    vertical-align: -2px
}

.seminar_wrap .a_wrap .tit {
    padding-top: 10px;
    color: #7d7d7d
}

.seminar_wrap .have_dot {
}

.seminar_wrap .have_dot_con {
    position: relative;
    padding-left: 10px;
}

.seminar_wrap .have_dot_con::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: #000;
    border-radius: 50%;
}

.seminar_wrap .indent_con {
    padding-left: 10px;
}

.seminar_wrap .have_dot .outlink {
    color: #074f51;
    border-bottom: 1px solid #074f51;
    font-weight: 500;
    margin-left: 5px;
}

.seminar_wrap .flex_wrap {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 2.5%;
    align-items: center;
}

.seminar_wrap td .flex_wrap {
    padding: 8px 0;
    gap: 5px;
}

.seminar_wrap td .flex_wrap input, .seminar_wrap td .flex_wrap select {
    flex: 1;
}

.seminar_wrap .tbl_frm01 .flex_wrap .frm_input {
    margin: 0;
}

.seminar_wrap .flex_wrap .text {
    width: auto;
    flex: 1;
}

.seminar_wrap .flex_wrap .text_big {
    line-height: 100%;
    margin-bottom: 7.5px;
    font-size: 20px;
}

.seminar_wrap .flex_wrap .text_small {
    font-size: 85%;
    line-height: 100%;
    opacity: 0.65;
    letter-spacing: -.5px;
}

.seminar_wrap #box_wrap .flex_wrap .agrre1 {
    flex: 1;
    text-align: right;
}

@media(max-width: 1080px) {
    .seminar_wrap .flex_wrap {
        flex-wrap:wrap;
    }
    .seminar_wrap td .flex_wrap{
        padding:0;
    }

    .seminar_wrap .flex_wrap .text {
        width: auto;
        flex: 0 0 100%;
        text-align: center;
    }

    .seminar_wrap #box_wrap .flex_wrap .agrre1 {
        flex: 1;
        text-align: center;
    }
}

@media(max-width:680px){
    .seminar_wrap .tbl_frm01 .frm_input{
        min-width:50px;
    }
}

/*submit*/
.btn_confirm {
    width: 100%;
    text-align: center
}

.btn_confirm .btn_submit {
    width: 230px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 20px 0;
    /* border:1px solid #333; */
    background-color: var(--main-color);
    transition: 0.75s all;
    font-weight: 500;
    border-radius: 10px;
}

.btn_confirm .btn_submit.--color {
    background: #878787;
    margin-left: 20px;
}

.btn_confirm .btn_submit:hover {
    opacity: 0.6;
}

.btn_submitwrap {
    font-size: 16px;
    color: #313131;
    display: inline-block;
    position: relative;
    margin-top: 25px;
}

.btn_submitwrap span {
}

.btn_submitwrap:before {
    border-color: #074f51;
    border-left-width: 2px;
    border-top-width: 2px;
    left: -5px;
    top: -5px;
}

.btn_submitwrap:after {
    border-bottom-width: 2px;
    border-color: #074f51;
    border-right-width: 2px;
    bottom: -5px;
    right: -5px;
}

.btn_submitwrap:hover, .btn_submitwrap.hover {
    /* background-color: #074f51; */
    color: #fff;
}

.btn_submitwrap:hover:before, .btn_submitwrap.hover:before, .btn_submitwrap:hover:after, .btn_submitwrap.hover:after {
    height: 100%;
    width: 100%;
}

.btn_submitwrap span:before, .btn_submitwrap span:after {
    border-color: transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
}

/* .btn_submitwrap span:before {
  border-color: #074f51;
  border-right-width: 2px;
  border-top-width: 2px;
  right: -5px;
  top: -5px;
}
.btn_submitwrap span:after {
  border-bottom-width: 2px;
  border-color: #074f51;
  border-left-width: 2px;
  bottom: -5px;
  left: -5px;
} */
.btn_submitwrap span:hover, .btn_submitwrap span.hover {
}

.container.brand {
    max-width: none;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    min-height: auto;
}

.container.brand .container {
    min-height: auto;
}

.container.brand .conPD {
    padding: 50px 0;
}

.container.brand .sec0 img {
    width: auto;
}

.container.brand .sec0 .container {
    margin-bottom: 50px;
}

.container.brand .sec1 {
    padding-top: 0;
}

.container.brand .sec1 .container {
    margin: 0 auto;
}

.container.brand .sec2 {
    text-align: center;
}

.container.brand .sec2 img {
    width: auto;
}

.container.brand .container {
    margin: 0 auto;
}

.container.brand .sec3 {
    width: 100%;
    height: 1000px;
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: cover;
    background-attachment: fixed;
}

/*input radio check*/
.cntr {
    margin: auto;
}

.btn_radio {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
}

.btn_radio:not(:first-child) {
    margin-left: 20px;
}

@media screen and (max-width: 480px) {
    .btn_radio {
    }

    .btn_radio:not(:first-child) {
    }
}

.btn_radio svg {
    fill: none;
    vertical-align: middle;
}

.btn_radio svg circle {
    stroke-width: 2;
    stroke: #C8CCD4;
}

.btn_radio svg path {
    stroke: #008FFF;
}

.btn_radio svg path.inner {
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}

.btn_radio svg path.outer {
    stroke-width: 2;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}

.btn_radio input {
    display: none;
}

.btn_radio input:checked + svg path {
    transition: all 0.4s ease;
}

.btn_radio input:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
}

.btn_radio input:checked + svg path.outer {
    stroke-dashoffset: 0;
}

.btn_radio span {
    display: inline-block;
    vertical-align: middle;
}

.alone_title {
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
    margin: 0 auto;
    background-color: #074f51;
    margin-bottom: 30px;
    color: #fff;
}

@media(max-width: 1080px) {
    .alone_title {
        margin:15px auto;
        font-size: 13px;
    }
}

/*movieWrap*/
.container .movieWrap {
    padding: 5%;
    background: #ededed;
}

.container .movieWrap .movieContent {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 30px;
}

.container .movieWrap .movieContent .movieCon {
}

.container .movieWrap .movieContent .movieCon.movieCon_01 {
    grid-area: 1 / 1 / span 3 / span 2;
}

.container .movieWrap .movieContent .movieCon .text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding-top: 10px;
}

/*input radio check*/
.cntr {
    margin: auto;
}

.btn_radio {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    letter-spacing: -1px;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.btn_radio:not(:first-child) {
    margin-left: 10px;
}

@media screen and (max-width: 480px) {
    .btn_radio {
        float: none;
    }

    .btn_radio:not(:first-child) {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .tbl_frm01 .btn_radio:not(:first-child) {
        margin-top: 0;
    }

    .tbl_frm01 td .flex_wrap {
        gap: 5px;
    }
}

.btn_radio svg {
    fill: none;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.btn_radio svg circle {
    stroke-width: 2;
    stroke: #C8CCD4;
}

.btn_radio svg path {
    stroke: #008FFF;
}

.btn_radio svg path.inner {
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}

.btn_radio svg path.outer {
    stroke-width: 2;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}

.btn_radio input {
    display: none;
}

.btn_radio input:checked + svg path {
    transition: all 0.4s ease;
}

.btn_radio input:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
}

.btn_radio input:checked + svg path.outer {
    stroke-dashoffset: 0;
}

.btn_radio span {
    display: inline-block;
    vertical-align: middle;
}

.alone_title {
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
    margin: 0 auto;
    background-color: var(--main-color);
    margin-bottom: 30px;
    color: #fff;
}

@media(max-width: 1080px) {
    .sub_body #quick {
        display:none;
    }

    .alone_title {
        margin: 15px auto;
        font-size: 13px;
    }
}

.subWrap {
    width: 100%;
}

.subWrap.--ovA {
    overflow: unset;
}

.subWrap .inner {
    background-color: #fff;
    padding-top: 0;
    margin: 0 auto;
}

.subWrap .inner img {
    max-width: 1200px;
    margin: 0 auto;
}

.subWrap .container.--pd0{
    padding: 0;
}

.container .inner img {
    width: 100%;
    height: auto;
}

.container .inner img.W_Auto {
    width: auto;
}

.titleArea {
    clear: both;
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-top: 60px;
    padding-bottom: 30px;
    box-sizing: border-box;
    text-align: left;
    z-index: 6;
    color: var(--main-color);
}

.titleArea .sub {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -1px;
}

.titleArea .main {
    font-weight: 400;
    font-size: 77px;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    line-height: 100%;
    margin-top: 10px;
    letter-spacing: -1px;
}

.titleArea .main .char {
}

.titleArea .main .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.titleArea .main .char.show {
    opacity: 1;
    transform: translateY(0);
}

@keyframes titleArea_main {
    0% {
        letter-spacing: 30px;
        opacity: 0;
    }

    100% {
        letter-spacing: -1px;
        opacity: 1;
    }
}

@media(max-width: 1080px) {
    .titleArea .main {
        padding-bottom:0;
        margin-top: 0;
        font-size: 50px;
    }

    .titleArea .sub {
        font-size: 20px;
        width: auto;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .titleArea img {
        width: 100%;
        max-width: max-content;
    }
}

@media(max-width: 650px) {
    .titleArea .main {
        font-size: 10vw;
    }

    .titleArea .sub, .titleArea .sub_en {
        font-size: 4vw;
    }
}

.tabmenu_t {
    clear: both;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #eee;
    border: 1px solid #ddd;
}

.tabmenu_t:after {
    display: block;
    clear: both;
    content: ""
}

.tabmenu_t li {
    position: relative;
    float: left;
    width: 33.3333333333%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
}

.tabmenu_t li.last {
    border-right: none
}

.tabmenu_t li a {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #666;
    font-family: "NotoSans",'malgun gothic','dotum';
}

.tabmenu_t li.active {
    color: #a39078;
}

.tabmenu_t li.active a {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    background: #a39078
}

.tabmenu_t li.active:last-child {
    border-right: none;
}

.tabmenu_t li a:hover {
    color: #fff;
    background: #a39078;
    transition: all 0.4s ease;
}

.tabmenu {
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
    z-index: 1;
    padding: 10px 20px 20px 20px;
    background: transparent;
}

.tabmenu li {
    position: relative;
    float: left;
    width: 33.3333333333%;
    text-align: center;
    border-bottom: 1px solid #999;
    font-size: 17px;
    color: #999;
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif;
    cursor: pointer;
    height: 45px;
    line-height: 40px;
    /* font-weight: bold; */
    box-sizing: border-box;
}

.tabmenu li:first-child {
}

.tabmenu.w50 li {
    width: 50%;
}

.tabmenu.w25 li {
    width: 25%;
}

.tabmenu.w20 li {
    width: 20%;
}

.tabmenu.w33 li {
    width: 33.3333333333%;
}

.tabmenu.w16 li {
    width: 16.6666666667%;
}

.tabmenu.w14 li {
    width: 14.2857142857%;
}

.tabmenu.w11 li {
    width: 11.1111111111%;
}

.tabmenu.w10 li {
    width: 10%;
}

.tabmenu.w7 li {
    width: calc(100% / 7);
}

.tabmenu.w6 li {
    width: calc(100% / 6);
}

.tabmenu.w3 li {
    width: calc(100% / 3);
}

.tabmenu li a {
    display: block;
    color: #fff;
    outline: none;
}

.tabmenu li:hover {
    color: #ddd;
    border-bottom: 1px solid #ddd;
    transition: all 0.4s ease;
    /* font-weight: bold; */
}

.tabmenu li:hover a {
    color: #fff;
    transition: all 0.4s ease;
}

.tabmenu li.active {
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
    font-weight: bold;
}

.tabmenu li.active a {
    color: #fff;
    font-family: "Asta Sans", sans-serif;
    font-weight: 400;
}

.tabmenu li.active a:hover {
    color: #fff;
}

.tabmenu li.txt_color {
    color: #8d7d70;
}

.tabmenu li.txt_color:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.tabmenu li.txt_color .txt_link {
    color: #8d7d70;
}

.tabmenu li.txt_color:hover .txt_link {
    color: #fff;
}

.tabmenu li.txt_color2 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

@media (max-width: 1140px) {
    .tabmenu {
        width:100% !important;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px 20px 20px 20px;
    }

    .tabmenu li {
        font-size: 12px;
        line-height: 100%;
        height: auto;
        padding: 2.5% 0;
    }

    .tabmenu li.active {
        border-bottom: 1px solid var(--main-color);
    }
}

.tabmenu_sc {
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 1.25%;
    z-index: 1;
    background: transparent;
}

.tabmenu_sc li {
    position: relative;
    float: left;
    width: 33.3333333333%;
    text-align: center;
    border-bottom: 1px solid #999;
    font-size: 17px;
    color: var(--main-color);
    letter-spacing: -1px;
    cursor: pointer;
    height: 45px;
    line-height: 40px;
    /* font-weight: bold; */
    box-sizing: border-box;
}

.tabmenu_sc li:first-child {
}

.tabmenu_sc.w50 li {
    width: 50%;
}

.tabmenu_sc.w25 li {
    width: 25%;
}

.tabmenu_sc.w20 li {
    width: 20%;
}

.tabmenu_sc.w33 li {
    width: 33.3333333333%;
}

.tabmenu_sc.w16 li {
    width: 16.6666666667%;
}

.tabmenu_sc.w14 li {
    width: 14.2857142857%;
}

.tabmenu_sc.w11 li {
    width: 11.1111111111%;
}

.tabmenu_sc.w10 li {
    width: 10%;
}

.tabmenu_sc.w7 li {
    width: calc(100% / 7);
}

.tabmenu_sc.w6 li {
    width: calc(100% / 6);
}

.tabmenu_sc.w3 li {
    width: calc(100% / 3);
}

.tabmenu_sc li a {
    display: block;
    color: #fff;
    outline: none;
}

.tabmenu_sc li:hover {
    color: #ddd;
    border-bottom: 1px solid #ddd;
    transition: all 0.4s ease;
    /* font-weight: bold; */
}

.tabmenu_sc li:hover a {
    color: #fff;
    transition: all 0.4s ease;
}

.tabmenu_sc li.active {
    font-weight: bold;
    background: var(--main-color);
    color: #fff;
}

.tabmenu_sc li.active a {
    color: #fff;
    font-family: "Asta Sans", sans-serif;
    font-weight: 400;
}

.tabmenu_sc li.active a:hover {
    color: #fff;
}

.tabmenu_sc li.txt_color {
    color: #8d7d70;
}

.tabmenu_sc li.txt_color:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.tabmenu_sc li.txt_color .txt_link {
    color: #8d7d70;
}

.tabmenu_sc li.txt_color:hover .txt_link {
    color: #fff;
}

.tabmenu_sc li.txt_color2 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

@media (max-width: 1140px) {
    .tabmenu_sc {
        width:100% !important;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px 20px 20px 20px;
    }

    .tabmenu_sc li {
        font-size: 12px;
        line-height: 100%;
        height: auto;
        padding: 2.5% 0;
    }

    .tabmenu_sc li.active {
        border-bottom: 1px solid var(--main-color);
    }
}

.introSlider {
}

.introSlider_sub.slick-slider {
    width: 480px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.introSlider_sub .slick-list {
    overflow: inherit;
    width: auto;
    background-color: #fff;
    margin: 0 auto;
}

.introSlider_sub .slick-track {
    display: flex;
    padding: 30px;
}

.introSlider_sub .slideCon {
    position: relative;
    margin: 0 10px;
    max-width: 190px;
    cursor: pointer;
    transition: 0.75s all;
}

.introSlider_sub .slideCon:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -5px;
    top: -5px;
    background-color: transparent;
    border: 5px solid transparent;
    transition: 0.75s all;
}

.introSlider_sub .slick-current:before {
    border-color: var(--main-color);
    transition: 0.75s all;
}

@media (max-width: 1080px) {
    .introSlider_sub.slick-slider {
        width: 100%;
        transform: none;
        left: 0;
        padding: 30px 0;
    }

    .introSlider_sub .slick-track {
        padding: 0;
        justify-content: center;
    }

    .introSlider_sub .slideCon {
        max-width: none;
        margin: 0 5px;
    }
}

.news_list {
    clear: both;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
    border-top: 1px solid #ddd
}

.news_list li {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd
}

.news_list .media {
    margin: 0 10px 0 0;
    color: #06377b;
    font-family: "NotoSans",'malgun gothic','dotum';
    font-size: 17px;
}

.news_list .tit {
    overflow: hidden;
    height: 25px;
    color: #333;
    font-family: "NotoSans",'malgun gothic','dotum';
    font-size: 17px;
}

.news_list .tit a {
    color: #333;
}

.news_list .con {
    overflow: hidden;
    max-height: 47px;
    color: #999;
    font-family: "NotoSans",'malgun gothic','dotum';
}

.news_list .con a {
    color: #999;
}

.news_list a:hover {
    color: #8a7255;
}

.paging {
    clear: both;
    margin-top: 25px;
    text-align: center
}

.paging .icon {
    display: inline-block;
    color: #fff;
    font-family: 'Noto Sans KR';
    font-weight: 400;
    height: auto;
    margin: 0 5px;
    background-color: transparent;
    width: 25px;
    height: 25px;
    line-height: 22px;
    font-size: 12px;
    border: 1px solid var(--main-color);
    color: #666;
}

.paging .icon.active {
    color: #fff;
    background-color: var(--main-color);
}

.iconWrap.pageWrap {
    display: inline-block;
}

.iconWrap .icon.pageItem {
    border: 1px solid #666;
    color: #666;
}

.iconWrap.pageWrap .prev {
    background: url(../images/ico_arrow_prev.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-right: 15px;
    cursor: pointer;
    border: none;
}

.iconWrap.pageWrap .next {
    background: url(../images/ico_arrow_next.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-left: 15px;
    cursor: pointer;
    border: none;
}

.paging li {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    font-size: 12px;
    font-family: "dotum";
    background: #666;
}

.paging li:last-child {
    margin-right: 0
}

.paging li a {
    display: block;
    color: #fff;
}

.paging li.num {
    color: #fff
}

.paging .on {
}

.paging li.prev,.paging li.next {
    width: 35px;
    color: #fff;
}

.paging li {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    height: auto;
    margin: 0 5px;
    background-color: transparent;
}

.paging .num a {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    transition: 0.75s all;
}

.paging .num a.on {
    color: #fff;
    background-color: var(--main-color);
}

.paging .num a:hover {
    background-color: transparent;
    color: var(--main-color);
}

.paging a.next:hover {
    border: none;
    background-color: transparent;
}

.paging li.prev {
    background: url(../images/ico_arrow_prev.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-right: 15px;
}

.paging li.next {
    background: url(../images/ico_arrow_next.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-left: 15px;
}

/* .subWrap .iconWrap {
    position: relative;
    display: inline-block;
    border: 1px solid #dddfe5;
}
.subWrap .pageWrap {
    border: none;
}
.subWrap .pageItem.active {
    color: #fff;
    background-color: #3f51b5;
}
.subWrap .pageItem {
    margin: 0 3px;
}
.subWrap .conbottom .icon {
    padding: 7px 9px;
    background-color: #f8f8f8;
}
.subWrap .icon {
    background: none;
    border: none;
    padding: 7px;
    padding-left: 37px;
    cursor: pointer;
    transition: 0.75s all;
} */
.news_list_new .list_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

.news_list_new .list {
    width: 32%;
    flex: 0 0 32%;
    box-shadow: 15px 20px 20px #f5f5f5, -5px 0 15px #f5f5f5;
    min-height: 250px;
    position: relative;
    margin-bottom: 5%;
    margin-right: 1%;
}

.news_list_new .list .link {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 10% 5%;
    position: relative;
}

.news_list_new .list .top {
    font-weight: 400;
    font-size: inherit;
    color: #333;
    letter-spacing: -0.025em;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
    margin-top: 5px;
    position: relative;
}

.news_list_new .list .top:before {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 1s all;
}

.news_list_new .list:hover .top:before {
    width: 100%;
    transition: 1s all;
}

.news_list_new .list .media {
    position: relative;
    display: inline-block;
    line-height: 100%;
}

.news_list_new .list .title {
    font-weight: 400;
    font-size: 18px;
    color: var(--main-color);
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_list_new .list .bottom {
    margin-top: 30px;
    box-sizing: border-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12pt;
    letter-spacing: -0.05em;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 74px;
    color: #666;
    font-weight: 300;
}

.paging li {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    height: auto;
    margin: 0 5px;
    background-color: transparent;
}

.paging .num a {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    transition: 0.75s all;
}

.paging .num a.on {
    color: #fff;
    background-color: var(--main-color);
}

.paging .num a:hover {
    background-color: transparent;
    color: var(--main-color);
}

.paging a.next:hover {
    border: none;
    background-color: transparent;
}

.paging li.prev {
    background: url(../images/ico_arrow_prev.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-right: 15px;
}

.paging li.next {
    background: url(../images/ico_arrow_next.png) center center / cover no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    margin-left: 15px;
}

#top_scroll {
    /* display: none; */
    position: absolute;
    z-index: 9999;
    left: 50%;
    bottom: calc(100% - 43px);
    transform: translateX(-50%);
}

@media (max-width: 1080px) {
    .news_list_new .list_wrap {
        width:calc(100% - 30px);
        margin: 0 auto;
    }

    .news_list_new .list {
        width: 100%;
        flex: 0 0 100%;
    }

    .news_list {
        width: 97%;
        margin-top: 10px;
        border-top: none
    }

    .news_list .media {
        font-size: 13px
    }

    .news_list .tit {
        height: 21px;
        padding-left: 0;
        font-size: 13px;
    }

    .news_list .con {
        max-height: 40px;
        padding-left: 0;
        font-size: 12px;
    }

    .paging {
        margin-bottom: 100px
    }

    #top_scroll {
        bottom: 5%;
        width: 48px;
        right: 2.5%;
        display: none !important;
        !i; !; }

    #top_scroll img {
        width: 100%;
    }
}

.subscription_notice {
    clear: both;
    max-width: 1100px;
    width: 100%;
    margin-bottom: 30px;
    padding: 15px 0 15px 0;
    color: #b31414;
    font-size: 1rem;
    font-family: "NotoSansM",'malgun gothic','dotum';
    letter-spacing: -0.02em;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
}

.subscription_notice span a {
    color: #c5b284;
}

.subscription_notice span {
    color: #c5b284;
}

.table_agree {
    border-top: 2px solid #111111;
}

.table_agree th {
    padding: 13px 0 13px 0;
    font-size: 13px;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

.table_agree td {
    padding: 0 0 0 25px;
    font-size: 13px;
    border-bottom: 1px solid #dddddd;
}

.movie_wrap {
    padding: 0 0 0 35px;
}

.movie_wrap ul:first-child {
    clear: both;
    float: left;
    margin: 0 0 20px 0
}

.movie_wrap li {
    float: left;
    text-align: left
}

.movie_wrap li:first-child {
    margin: 0 20px 0 0;
}

.movie_wrap .txt01 {
    clear: both;
    padding: 0 0 0 0;
    font-size: 21px;
    color: #666;
    font-family: "NotoSans";
}

.movie_wrap .txt02 {
    clear: both;
    text-indent: 0;
    font-size: 21px;
    color: #006991;
    font-family: "NotoSans";
}

.movie_wrap:after {
    display: block;
    clear: both;
    content: ""
}

.cs_movie_wrap {
    width: 900px;
    margin: 0 auto
}

.cs_movie_wrap .txt01 {
    margin-bottom: 10px;
    text-align: left;
    font-size: 25px;
    font-family: "NotoSansM",'malgun gothic','dotum';
    color: #a39078;
}

.btn_area2 {
    clear: both;
    margin-top: 3rem;
    margin-bottom: 4rem;
    text-align: center
}

.btn_area2 .btn_list {
    position: relative;
    padding: 0.8rem 3rem 0.8rem 3rem;
    font-size: 1.2rem;
    font-family: "NotoSansM",'malgun gothic','dotum';
    color: #fff;
    letter-spacing: -0.04em;
    background: #666666;
    border-radius: 20px;
}

.btn_area2 .btn_list:before {
    content: '';
    position: absolute;
    top: 42%;
    right: 10%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn_area2 .btn_list:hover {
    background: #474747
}

@media (max-width: 1140px) {
    .btn_area2 {
        margin-top:2rem;
        margin-bottom: 3rem;
    }

    .btn_area2 .btn_list {
        padding: 0.4rem 2rem 0.4rem 2rem;
        font-size: 0.8rem;
        border-radius: 15px;
    }

    .btn_area2 .btn_list:before {
        content: '';
        position: absolute;
        top: 42%;
        right: 8%;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        padding: 3px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media (max-width: 650px) {
    .btn_area2 .btn_list {
        font-size:0.6rem;
    }
}

@media (max-width: 450px) {
    .btn_area2 .btn_list {
        font-size:0.6rem;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    .btn_area2 .btn_list:before {
        right: 5%;
    }
}

.pop_share {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    background: rgba(1,1,1,0.5);
    z-index: 9999999;
    height: 100%;
    transform: translateY(-50%);
    display: none;
}

.pop_share_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pop_share_con {
    text-align: center;
    padding: 30px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 30px;
}

#cs_movie {
    width: 1100px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333333;
    top: 0px;
}

#cs_movie .tit {
    font-size: 1.5rem;
    font-family: "Asta Sans", sans-serif;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.04em;
}

#player3 {
    position: relative;
    left: 0;
    top: 0;
    ;}

.promotion_movie_wrap {
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 50px 0;
}

.promotion_movie_wrap .movie {
    margin: 30px 0;
}

.promotion_movie_wrap .movie_tab {
    background-color: #1a1819;
    padding: 30px;
    m}

.promotion_movie_wrap .movie_tab .title {
    padding-bottom: 30px;
}

.promotion_movie_wrap .movie_tab .title img {
    max-width: 114px;
}

.promotion_movie_wrap .movie_tab ul {
    display: flex;
    justify-content: flex-start;
}

.promotion_movie_wrap .movie_tab ul li {
    flex: 0 0 25%;
    margin-right: 5px;
}

.promotion_movie_wrap .movie_tab ul li .image img {
    transition: 0.75s ease-out;
}

.promotion_movie_wrap .movie_tab ul li img:hover {
    opacity: 0.6;
}

.promotion_movie_wrap .movie_tab ul li .text {
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.promotion_movie_wrap .movie_tab ul li .text p {
    line-height: 1.3;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: -1px;
}

.intro_slider {
    clear: both;
    /* max-width:720px; */
    margin: 0 auto;
    margin-bottom: 8px;
}

.bxslider {
    width: 100%;
    text-align: center;
}

.bxslider li {
    position: relative;
    overflow: hidden;
}

#bx-pager {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
}

#bx-pager a img {
    width: 7%;
    margin: 0 0 6px 0;
    padding: 1px;
    border: solid #666 1px;
    box-sizing: border-box;
}

#bx-pager a:hover img {
    border: solid #c5b284 1px;
}

#bx-pager .active img {
    border: solid #c5b284 1px;
}

.intro_slider .bx-wrapper .bx-prev {
    background-image: url('../images/main_prev_m.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    left: 5px;
}

.intro_slider .bx-wrapper .bx-next {
    background-image: url('../images/main_next_m.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    right: 5px;
}

.page_infor {
    width: 100%;
    font-size: 11px;
    color: #888;
    line-height: 1.2rem;
    padding: 1rem 1rem;
    border: 1px solid #ddd;
    margin: 1rem auto 1rem;
    text-align: left;
}

.page_infor LI:before {
    content: "";
    display: inline-block;
    margin-right: 0;
}

.sublink_wrap {
    max-width: 1100px;
    margin: 0 auto 75px;
    position: relative;
}

.sublink_wrap:after {
    content: "";
    width: 0;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
    animation: wd100 1s 1s forwards;
}

@keyframes wd100 {
    to {
        width: 100%;
    }
}

.sublink_wrap .content {
    margin: 0 auto;
    display: flex;
}

.sublink_wrap .sublink_menu {
    display: none;
    white-space: nowrap;
    overflow: auto;
    justify-content: center;
    flex: 1;
    padding: 30px 0;
    gap: 30px;
}

.sublink_wrap .sublink_menu.active {
    display: flex;
}

/* .sublink_wrap .sublink_menu::-webkit-scrollbar {
    opacity: 0;
}
.sublink_wrap .sublink_menu::-webkit-scrollbar-thumb {
} */
.sublink_wrap .sublink_con {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    position: relative;
    transition: 0.75s all;
    opacity: 0;
    animation: fadeIn 1s 1s forwards;
}

.sublink_wrap .sublink_con:hover {
    color: var(--main-color);
}

.sublink_wrap .sublink_con.only {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc(-50% + 5px));
}

.sublink_wrap .sublink_con.only::after {
    display: none;
}

.sublink_wrap .sublink_con.only:hover {
    opacity: 0.75;
}

.sublink_wrap .sublink_con.only img {
}

.sublink_wrap .sublink_con.active {
    color: var(--main-color);
}

.sublink_wrap .sublink_con.active::before {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: -6px;
}

.fo_text {
    background: #f7f7f7;
    padding: 2%;
    border: 1px solid #f1f1f1;
    text-align: left;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 3%;
}

.fo_text .con {
    font-size: 13px;
    color: #666666;
    font-family: 'Noto Sans KR';
    margin-bottom: .5%;
    display: flex;
}

.fo_text .con .txt_l {
    flex: 0 0 1.5%;
    display: inline-block;
}

.fo_text .con .txt_r {
    flex: 1 1 auto;
    display: inline-block;
}

.fo_text .con.mg_0 {
    margin-bottom: 0;
}

.fo_text .con:last-child {
    margin-bottom: 0;
}

@media (max-width : 1100px) {
    .sublink_wrap {
        margin-bottom:5%;
    }

    .sublink_wrap .sublink_menu {
        padding: 15px 0;
        gap: 10px;
    }

    .sublink_wrap .sublink_con.only {
        transform: translateY(calc(-50%));
        left: 5%;
    }

    .sublink_wrap .sublink_con {
        font-size: 12px;
    }

    .sublink_wrap .sublink_con.only img {
        width: 20px;
    }
}

@media (max-width: 499px) {
    .fo_text {
        margin-top: 5%;
    }

    .fo_text .con {
        margin-bottom: 1%;
    }

    .fo_text .con .txt_l {
        flex: 0 0 3.5%;
    }

    .sublink_wrap .sublink_con {
        font-size: 10px;
    }

    .sublink_wrap .sublink_con.only {
        left: 2.5%;
    }
}

.subWrap .img_info {
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #ddd;
}

.subWrap .img_info .info_con {
    font-size: 14px;
    color: #878787;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
    font-weight: 300;
    word-break: keep-all;
    line-height: 130%;
}

.subWrap .img_info .info_con:nth-last-child(1) {
    margin-bottom: 0;
}

@media(max-width: 640px) {
    .subWrap .img_info {
        padding:20px 10px;
        text-align: left;
    }

    .subWrap .img_info .info_con {
        font-size: 2.2vw;
    }
}

.txt01 {
    margin-bottom: 5px;
    text-align: left;
    text-indent: 10px;
    font-size: 12px;
    font-family: "NotoSansM",'malgun gothic','dotum';
    color: var(--main-color);
}

#footer {
    position: relative;
    width: 100%;
    background: #f7f9fa;
    z-index: 5;
    text-align: center;
    padding: 5% 0;
    z-index: 11;
    border-top: 1px solid #ddd;
}

#footer .wrap {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1700px;
    text-align: left;
    align-items: stretch;
    gap: 60px;
    width: 95%;
}

#footer .leftArea {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#footer .leftArea .top {
    margin-bottom: 10%;
}

#footer .leftArea .logo {
}

#footer .leftArea .bt {
}

#footer .leftArea .info {
    font-size: 14px;
}

#footer .leftArea .info_con {
    margin-bottom: 2.5%;
    display: block;
}

#footer .leftArea .info_con.--btn {
    border: 1px solid #a1a1a1;
    padding: 7px 20px;
    display: inline-block;
}

#footer .leftArea .info_con:nth-last-child(1) {
    margin-bottom: 0;
}

#footer .rightArea {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#footer .rightArea .top {
}

#footer .rightArea .listWrap {
    display: flex;
    gap: 80px;
    margin-bottom: 5%;
}

#footer .rightArea .listcon {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#footer .rightArea .link {
    font-size: 16px;
    color: #6b6978;
}

#footer .rightArea .link.--big {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--main-color);
}

#footer .rightArea .bt {
}

#footer .rightArea .info {
}

#footer .rightArea .info_con {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--en);
}

#footer .rightArea .info_con:nth-last-child(1) {
    margin-bottom: 0;
}

#footer .lastArea {
    color: var(--main-color);
}

#footer .lastArea .title {
    margin-bottom: 10%;
}

#footer .lastArea .title_con {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2.5%;
}

#footer .lastArea .title .num {
    font-family: var(--en);
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -5px;
}

#footer .lastArea .explain {
    font-size: 18px;
}

#footer .lastArea .explain_con {
    margin-bottom: 2.5%;
}

#footer .lastArea .explain_con .subject {
    font-weight: 700;
    margin-right: 10px;
}

#footer .lastArea .explain_con .info {
    font-family: var(--en);
}

/*rightfix*/
.right_fix {
    position: fixed;
    right: 0;
    height: 100vh;
    background-color: rgba(1,1,1,0.5);
    top: 0;
    width: 100px;
    transition: 1s all;
    z-index: 11111;
}

.right_fix.SlideF {
    background-color: rgba(129,106,60,0.5);
    border-color: rgba(129,106,60,0.3);
    transition: 1s all;
}

.right_fix .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right_fix .list {
    width: 100%;
    text-align: center;
}

.right_fix.SlideF .list {
    border-color: rgba(129,106,60,0.3);
    transition: 0.75s all;
}

.right_fix .btn {
    cursor: pointer;
    transition: 0.75s all;
}

.right_fix .content .btn {
    background-color: #509041;
    width: 100%;
    padding: 15px 0;
    text-align: center;
}

.right_fix .content .money {
    background-color: #19206e;
}

.right_fix .content .pay {
    background-color: #fff;
}

.right_fix .content .customer {
    background-color: #d8e375;
}

.right_fix .content .scrolltop {
    background-color: #333;
}

@keyframes change-color {
    0% {
        background-color: #ff8522;
    }

    50% {
        background-color: #000738;
    }

    100% {
        background-color: #ff8522;
    }
}

.right_fix .content .explain_open {
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 15px 0;
    background: #6b841b;
}

.right_fix .content .explain_open .point {
    color: #fff;
    font-size: 30px;
    transition: 0.75s all;
}

.right_fix .content .explain_open .top {
    padding-bottom: 15px;
    position: relative;
    font-size: 25px;
}

.right_fix .content .explain_open .top::before {
    content: "";
    width: 25%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.right_fix .content .explain_open .bottom {
    padding-top: 15px;
    font-size: 25px;
}

.right_fix .content .explain_open .bottom .explain {
    line-height: 100%;
}

.right_fix .content .explain_open .bottom .open_con02 {
    font-size: 23px;
    margin-top: 5px;
}

.right_fix .content .scroll_down {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    animation: right_fix_scrolldown 3s infinite;
}

@keyframes right_fix_scrolldown {
    0% {
        bottom: 15%;
    }

    50% {
        bottom: 5%;
    }

    100% {
        bottom: 15%;
    }
}

@media (max-width: 1140px) {
    .right_fix {
        display:none
    }
}

.date_wrap {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
    background: #589498;
    height: 100%;
}

.date_wrap .date_list {
    color: #fff;
    font-family: "Asta Sans", sans-serif;
    font-weight: 300;
    border-bottom: 1px dashed #fff;
    padding: 3px 0;
    font-size: 16px;
    flex: 1;
    text-align: left;
    width: 100%;
    line-height: 100%;
}

.date_wrap .date_list:nth-child(1) {
    color: #bfbfbf;
}

.date_wrap .date_list:nth-last-child(1) {
    padding-bottom: 0;
    border: none;
}

.date_wrap .title {
    line-height: 100%;
    display: inline-block;
}

.date_wrap .result {
    line-height: 100%;
    display: inline-block;
}

/*subWrap*/
.subWrap {
    overflow: hidden;
}

.subWrap .container {
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
}

.subWrap.--full .container {
    max-width: none;
}

.subWrap.--mg0 .container {
}

.subWrap.--pd0 .container {
    padding: 0;
}

.subWrap .subVisual {
    height: 450px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.subWrap.--mg0 .subVisual {
    margin: 0 auto;
}

.subWrap .subVisual .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    animation: scale_1 4s forwards;
    z-index: -1;
}

@keyframes scale_1 {
    to {
        transform: scale(1);
    }
}

.subWrap .subVisual .bg {
    background: url(../images/subVisual_bg.jpg) center center / cover no-repeat;
}

.subWrap .subVisual .bg.--customer {
    background: url(../images/subVisual_bg_customer.jpg) center center / cover no-repeat;
}

.subWrap .subVisual .pagename {
    color: #fff;
    text-align: center;
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    letter-spacing: 20px;
    animation: pagename 1s 1s forwards;
    width: 100%;
}

@keyframes pagename {
    to {
        letter-spacing: -2px;
    }
}

.subWrap .subVisual .tabWrap {
    display: flex;
    width: 100%;
    flex: 1;
}

.subWrap .subVisual .tabWrap .tablist {
    background-color: rgba(250, 246, 240, 0.5);
    flex: 1;
    padding: 20px;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
}

.subWrap .subVisual .tabWrap .tablist.active {
    background-color: var(--main-color);
    color: #fff;
    font-weight: 600;
}

.subWrap .subContent {
    margin: 100px auto;
}

.subWrap.--mg0 .subContent {
    margin: 0 auto;
}
.subWrap .subContent.--mb0{
    margin-bottom: 0;
}
.subContent .maintit {
    font-size: 36px;
    font-weight: 700;
    position: relative;
    color: var(--main-color);
    margin-bottom: 40px;
    letter-spacing: -1px;
}
.subContent .maintit .maintit_explain{
    font-size: 60%;
    font-weight: 500;
    margin-top: 1.25%;
    letter-spacing: -1.5px;
}

.subContent .maintit:before {
    content: "";
    width: 5px;
    height: 70%;
    background: var(--main-color);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

@media(max-width: 1080px) {
    .subWrap .subVisual {
        height:250px;
    }

    .subWrap .subVisual .bg {
        background: url(../images/subVisual_bg_m.jpg) center center / cover no-repeat;
    }

    .subWrap .subVisual .pagename {
        font-size: 40px
    }
}

@media(max-width: 640px) {
    .subWrap .subVisual .pagename {
        font-size:30px
    }
}

.subContent .customerWrap {
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    padding: 40px;
    border-radius: 20px;
}

.subContent .customerWrap .flexWrap {
    display: flex;
    gap: 10px;
}

.subContent .customerWrap .infoWrap {margin-bottom: 2.5%;}

.subContent .customerWrap .infoWrap .info_tit {
    color: #8bb9d7;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.subContent .customerWrap .infoWrap .info_tit:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #8bb9d7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.subContent .customerWrap .infoWrap .info_tit:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.4);
    border-radius: 50%;
}

.subContent .customerWrap .infoWrap .info_text {
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5% 2.5%;
}
.subContent .customerWrap .infoWrap .info_text .info_table{
	background: #ffffff;
}
.subContent .customerWrap .infoWrap .info_text .info_table .listWrap{
	font-size: 14px;
}
.subContent .customerWrap .infoWrap .info_text .info_table .listcon{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
}
.subContent .customerWrap .infoWrap .info_text .info_table .listcon.--head{
	background: #e5e5e5;
	font-weight: 500;
	text-align: center;
}
.subContent .customerWrap .infoWrap .info_text .info_table .listcon .left{
	padding: 15px 10px;
	flex: 0 0 30%;
	border-right: 1px solid #ddd;
}
.subContent .customerWrap .infoWrap .info_text .info_table .listcon .right{
	padding: 15px 0 15px 20px;
	flex: 1;
}

.subContent .customerWrap .infoWrap .text_con {
    letter-spacing: -1px;
    line-height: 135%;
}

.subContent .customerWrap .infoWrap .text_con.--big {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0.5%;
}
.subContent .customerWrap .agreePR{
    text-align:center;
}
.subContent .customerWrap .agreeWrap{
	display: inline-grid;
	grid-template-columns: max-content auto;
	column-gap: 20px;
	row-gap: 10px;
	align-items: center;
	text-align: left;
}
.subContent .customerWrap .agree {
    margin: 2.5% auto;
    text-align: center;
    display: flex;
    align-items: center;
	flex-wrap:wrap;
	display: contents;
}
.subContent .customerWrap .agree_con{
    text-align:left;
}
.subContent .customerWrap .agree .title{
	font-size: 16px;
	margin-right: 10px;
	margin-bottom: 0;
	color: var(--main-color);
	text-align:left;
}
.subContent .customerWrap .agree .title.--must span{
	position:relative;
	color: var(--ma);
	letter-spacing: -1px;
}
.subContent .customerWrap .agree .title.--must span::after{
	content:"*";
	position:absolute;
	right: -10px;
	top:0;
	color:red;
}

@media(max-width: 1080px) {
    .subContent .customerWrap {
        padding: 20px 0;
        box-shadow: none;
    }

    .subContent .customerWrap .infoWrap {
        text-align: left;
        margin-bottom: 5%;
    }

    .subContent .customerWrap .seminar_wrap {
        padding-bottom: 0;
        margin-bottom: 2.5%;
    }

    .subContent .customerWrap .btn_radio {
        font-size: 16px;
		margin-right:5px;
		margin-left:0;
		margin-bottom:0;
    }
	.subContent .customerWrap .btn_radio svg{
		width:14px;
		height:14px;
	}
	.subContent .customerWrap .agree .title{
		text-align:left;
		margin-bottom: 0;
	}
}

@media(max-width: 680px) {
    .subContent .customerWrap .infoWrap .info_tit {
        font-size: 14px;
    }

    .subContent .customerWrap .infoWrap .info_tit:before, .subContent .customerWrap .infoWrap .info_tit:after {
        width: 10px;
        height: 10px;
    }

    .subContent .customerWrap .infoWrap .text_con.--big {
        font-size: 16px;
    }

    .subContent .customerWrap .infoWrap .text_con {
        font-size: 12px;
        line-height: 135%;
        letter-spacing: -1px;
    }
	.subContent .customerWrap .infoWrap .info_text .info_table .listWrap{
		font-size:12px;
	}
	.subContent .customerWrap .infoWrap .info_text .info_table .listcon .left,
	.subContent .customerWrap .infoWrap .info_text .info_table .listcon .right{
		line-height:130%;
	}

	.subContent .customerWrap .agree .title{
		font-size:14px;
	}
	.subContent .customerWrap .btn_confirm .btn_submit{
		padding: 15px;
        width: auto;
        min-width: 150px;
	}
	.subContent .customerWrap .btn_radio{
		font-size: 13px;
	}
}

.subContent .Slider .slick-list, .subContent .Slider.slick-slider, .subContent .Slider .slick-track {
    height: 100%;
    clear: both;
}

.subContent .Slider .slick-track {
}

.subContent .slick-next, .subContent .slick-prev {
    width: 81px;
    height: 53px;
    transition: 0.75s all;
}

.subContent .careWrap {
}

.subContent .careWrap .topVisual {
}

.subContent .careWrap .topVisual .explain {
    font-size: 22px;
    color: var(--main-color);
    font-weight: 300;
    margin-bottom: 2.5%;
}

.subContent .careWrap .topVisual .explain_con {
    margin-bottom: 1%;
}

.subContent .careWrap .topVisual .explain_con:nth-last-child(1) {
}

.subContent .careWrap .topVisual .slideWrap {
    margin-bottom: 5%;
}

.subContent .careWrap .topVisual .slideWrap .slideCon {
}

.subContent .slick-next, .subContent .slick-arrow {
    z-index: 10;
}

.subContent .careWrap .topVisual .slideWrap .slick-prev {
    width: 62px;
    height: 62px;
    left: 0;
    background: url(../images/sub_ico_prev.jpg) center center / cover no-repeat;
}

.subContent .careWrap .topVisual .slideWrap .slick-next {
    width: 62px;
    height: 62px;
    right: 0;
    background: url(../images/sub_ico_next.jpg) center center / cover no-repeat;
}

.subContent .careWrap .content {
}

.subContent .careWrap .content .subtit {
    font-size: 30px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 1.25%;
    position: relative;
    padding-left: 20px;
}

.subContent .careWrap .content .subtit:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #8bb9d7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.subContent .careWrap .content .subtit:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.4);
    border-radius: 50%;
}

.subContent .careWrap .content .colorparret {
    color: var(--main-color);
    font-weight: 500;
    font-size: 18px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 1.25%;
}

.subContent .careWrap .content .colorparret .listcon {
    display: flex;
    gap: 5px;
    align-items: center;
}

.subContent .careWrap .content .colorparret .listcon .color {
    height: 80%;
    width: 60px;
    border-radius: 15px;
}

.subContent .careWrap .content .colorparret .listcon .color.--skyblue {
    background-color: #cdf5ff;
}

.color.--skyblue {
}

.subContent .careWrap .content .colorparret .listcon .color.--gray {
    background-color: #ededed;
}

.subContent .careWrap .content .colorparret .listcon .color.--yellow {
    background-color: #fbf3dd;
}

.subContent .careWrap .content .colorparret .listcon .text {
}

.subContent .careWrap .content .schedule_table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #d1d8e4;
    font-size: 19px;
    margin-bottom: 2.5%;
    font-weight: 700;
}

.subContent .careWrap .content .schedule_table th {
    padding: 20px 0;
    border: 1px solid #d1d8e4;
    vertical-align: middle;
    color: #566366;
    font-weight: 700;
}

.subContent .careWrap .content .schedule_table th.--color {
    color: var(--main-color);
}

.subContent .careWrap .content .schedule_table td {
    padding: 20px 0;
    border: 1px solid #d1d8e4;
    vertical-align: middle;
    color: var(--main-color);
}

.subContent .careWrap .content .schedule_table td span {
    font-weight: 400;
}

.subContent .careWrap .content .bg_blue {
    background-color: #f1f4f9;
    color: #2c3e50;
    font-weight: bold;
}

.subContent .careWrap .content .bg_head {
    background-color: #f8f8f8;
}

.subContent .careWrap .content .bg_gray {
    background-color: #f2f2f2;
}

.subContent .careWrap .content .bg_yellow {
    background-color: #fff9e6;
}

.subContent .careWrap .content .bg_skyblue {
    background-color: #f0fcff;
}

.subContent .careWrap .content .time {
    font-weight: 500;
}

.subContent .careWrap .content .txt_blue {
    color: #0056b3;
    font-weight: bold;
    /* text-decoration: underline; */
    cursor: pointer;
}

.subContent .careWrap .content .schedule_table th:first-child {
    width: 20%;
}

/* .subContent .careWrap .content .schedule_table th:nth-child(2) {
    width: 15%;
} */
.subContent .careWrap .content .notice {
    text-align: center;
    margin: 2.5% auto 5%;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -1px;
}

.subContent .careWrap .content .infoWrap {
    background: var(--main-color);
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 2.5%;
}

.subContent .careWrap .content .infoWrap .left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.subContent .careWrap .content .infoWrap .left_con {
    font-size: 22px;
    margin-bottom: 2.5%;
    font-weight: 300;
}

.subContent .careWrap .content .infoWrap .left_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .careWrap .content .infoWrap .right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.subContent .careWrap .content .infoWrap .right_con {
    background: var(--main-color);
    border: 1px solid #fff;
    border-radius: 5px;
    transition: 0.5s all;
    color: #fff;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.subContent .careWrap .content .infoWrap .right_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .careWrap .content .infoWrap .right_con:hover {
    background: #fff;
    color: var(--main-color);
}

.subContent .careWrap .content .infoWrap .right_con .ico {
    transition: 0.5s all;
    filter: invert(100%) brightness(200%);
    margin-right: 5px;
    width: 30px;
    text-align: center;
}

.subContent .careWrap .content .infoWrap .right_con:hover .ico {
    filter: invert(0%) brightness(0%);
}

.subContent .careWrap .content .table_container .schedule_table.--v2 th:first-child {
    width:10%;
}

.schedule_table.--v2 .bg_title_blue {
    background-color: #d9eaf7;
    font-weight: bold;
    color: #2c3e50;
}

@media(max-width: 1080px) {
    .subContent .careWrap {
        text-align:left;
    }

    .subContent .careWrap .topVisual .explain {
        font-size: 18px;
    }

    .subContent .careWrap .topVisual .slideWrap .slick-prev {
        width: 30px;
        height: 30px;
        left: 0;
        background: url(../images/sub_ico_prev.jpg) center center / cover no-repeat;
    }

    .subContent .careWrap .topVisual .slideWrap .slick-next {
        width: 30px;
        height: 30px;
    }

    .subContent .careWrap .table_container {
        margin-bottom: 5%;
    }

    .subContent .careWrap .content .notice {
        font-size: 14px;
    }

    .subContent .careWrap .content .infoWrap {
        flex-direction: column;
        align-items: flex-end;
    }

    .subContent .careWrap .content .infoWrap .left {
        flex: 1;
        width: 100%;
    }

    .subContent .careWrap .content .infoWrap .left_con {
        font-size: 16px;
    }

    .subContent .careWrap .content .infoWrap .right_con {
        font-size: 14px;
    }

    .subContent .careWrap .content .infoWrap .right_con .ico {
        width: 14px;
    }

    .subContent .careWrap .content .schedule_table {
        /* width: 300%; */
        /* overflow-x: scroll; */
    }

    .table_container {
        width: 100%;
        height: 500px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table_container::-webkit-scrollbar {
        height: 6px;
        display: block;
    }

    .table_container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table_container::-webkit-scrollbar-thumb {
        background: #bbc2cd;
        border-radius: 4px;
    }

    .table_container::-webkit-scrollbar-thumb:hover {
        background: #a1aab5;
    }

    .subContent .careWrap .content .schedule_table {
        width: 1200px;
        table-layout: fixed;
        font-size: 14px;
    }

    .subContent .careWrap .content .colorparret {
        font-size: 14px;
        margin: 5% auto;
        justify-content: center;
    }
}

@media(max-width: 640px) {
    .subContent .careWrap .topVisual .explain {
        font-size:3.4vw;
    }

    .subContent .careWrap .topVisual .explain_con {
        margin-bottom: 0;
        line-height: 150%;
    }

    .subContent .careWrap .content .subtit {
        font-size: 6vw;
    }

    .subContent .careWrap .content .notice {
        font-size: 3vw;
    }
}

.subContent .carequickWrap {
    min-width: 200px;
    transition: 0.5s all;
    background: #fff;
    position: relative;
    height: 100px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 100px;
    z-index: 10;
    padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 1px solid var(--main-color);
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ddd;
}

.subContent .carequickWrap:before {
    content: "";
    width: 100%;
    height: 0.1px;
    background: #dedede;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc(-50% - 10px));
    opacity: 0.3;
}

.subContent .carequickWrap .listWrap {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.subContent .carequickWrap .quick {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: translateY(16px);
    cursor: pointer;
    font-size: 18px;
}

.subContent .carequickWrap .quick.active {
    color: var(--main-color);
    font-weight: 700;
}

.subContent .carequickWrap .quick .circle {
    width: 5px;
    height: 5px;
    position: relative;
    border-radius: 50%;
    background: #999;
    margin-bottom: 10px;
    transition: 0.5s all;
}

.subContent .carequickWrap .quick.active .circle {
    background: var(--main-color);
    transform: scale(1.5);
}

.subContent .carequickWrap .quick .text {
    transition: 0.5s all;
    letter-spacing: -1px;
}

.subContent .careWrap .quickWrap2 {
    position: fixed;
    left: 0;
    top: 55%;
    min-width: 200px;
    transition: 0.5s all;
    z-index: 1000;
}

.subContent .careWrap .quickWrap2.--top {
    top: 20%;
}

.subContent .careWrap .quickWrap2 .quick {
    transition: 0.5s all;
    border-bottom: 1px solid #bbb;
    position: relative;
    padding: 15px;
    padding-left: 20px;
    background: #fff;
    cursor: pointer;
}

.subContent .careWrap .quickWrap2 .quick:before {
    transition: inherit;
}

.subContent .careWrap .quickWrap2 .quick.active {
    color: var(--main-color);
    font-weight: 700;
    padding-left: 40px;
}

.subContent .careWrap .quickWrap2 .quick:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s all;
    opacity: 0;
}

.subContent .careWrap .quickWrap2 .quick.active:before {
    opacity: 1;
}

.subContent .careWrap .quickWrap2 .quick.active:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--main-color);
}

.subContent .careWrap .quickWrap3 {
    position: fixed;
    right: 1.25%;
    top: 55%;
    min-width: 200px;
    transition: 0.5s all;
    z-index: 1000;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 5px solid var(--main-color);
}

.subContent .careWrap .quickWrap3.--top {
    top: 30%;
}

.subContent .careWrap .quickWrap3 .quick {
    transition: 0.5s all;
    border-bottom: 1px solid #bbb;
    position: relative;
    padding: 15px;
    padding-left: 20px;
    background: #fff;
    color: #7e7e7e;
    cursor: pointer;
    border-left: 1px solid #bbb;
}

.subContent .careWrap .quickWrap3 .quick:before {
    transition: inherit;
}

.subContent .careWrap .quickWrap3 .quick.active {
    color: var(--main-color);
    font-weight: 700;
    padding-left: 40px;
}

.subContent .careWrap .quickWrap3 .quick:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s all;
    opacity: 0;
}

.subContent .careWrap .quickWrap3 .quick.active:before {
    opacity: 1;
}

.subContent .careWrap .quickWrap3 .quick.active:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--main-color);
}

.subContent .pg_brandWrap {
}

.subContent .pg_brandWrap .sec01 {
    min-height: 100vh;
    background: #f3efeb;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.subContent .pg_brandWrap .sec01 .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 1.2s 1s all;
    transform-origin: 50% 170px;
}

.subContent .pg_brandWrap.active .sec01 .thumb {
    transform: scale(1000%);
    opacity: 0;
}

.subContent .pg_brandWrap .sec01 .thumb_con {
    width: 100%;
    height: 100%;
    background: url(../images/sub_brand_sec01_img.jpg) center center / cover no-repeat;
    transform: scale(1.3);
    animation: scale_1 3s 1s forwards;
    position: absolute;
    left: 0;
    top: 0;
}

.subContent .pg_brandWrap .sec01 .content {
    max-width: 1200px;
    margin: 0 auto;
}

.subContent .pg_brandWrap .sec01 .image {
    padding-top: 140px;
    margin-bottom: 2.5%;
    opacity: 0;
}

.subContent .pg_brandWrap.active .sec01 .image {
    animation: fadeInUp 1s forwards;
}

.subContent .pg_brandWrap .sec01 .image img {
    width: 100%;
}

.subContent .pg_brandWrap .sec01 .text {
    position: relative;
}

.subContent .pg_brandWrap .sec01 .text .explain {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 2.5%;
    opacity: 0;
}

.subContent .pg_brandWrap.active .sec01 .text .explain {
    animation: fadeInUp 1s 0.5s forwards;
}

.subContent .pg_brandWrap .sec01 .text .explain_con {
    letter-spacing: -2px;
    margin-bottom: 0.75%;
}

.subContent .pg_brandWrap .sec01 .text .explain_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_brandWrap .sec01 .text .title {
    font-weight: 800;
    font-size: 36px;
    text-align: right;
    opacity: 0;
}

.subContent .pg_brandWrap.active .sec01 .text .title {
    animation: fadeInUp 1s 0.75s forwards;
}

.subContent .pg_brandWrap .sec01 .text .title_con {
    margin-bottom: 0.5%;
}

.subContent .pg_brandWrap .sec01 .text .title_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_brandWrap .sec02 {
    background: #f3efeb;
    position: relative;
    z-index: 2;
}

.subContent .pg_brandWrap .sec02 .wrap {
    padding-top: 100px;
    display: flex;
    align-items: flex-end;
    min-height: 100vh;
}

.subContent .pg_brandWrap .sec02 .image {
    position: relative;
}

.subContent .pg_brandWrap .sec02 .front {
}

.subContent .pg_brandWrap .sec02 .back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.subContent .pg_brandWrap .sec03 {
    background: #eeeeee;
}

.subContent .pg_brandWrap .sec03 .wrap {
    padding: 5% 0;
    background: url(../images/sub_brand_sec03_bg.png) center center / cover no-repeat fixed;
}

.subContent .pg_brandWrap .sec03 .wrap .bg {
    position: fixed;
    top: 0;
    z-index: 0;
}

.subContent .pg_brandWrap .sec03 .wrap .bg img {
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    position: relative;
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .explain {
    font-size: 24px;
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .explain .explain_con {
    margin-bottom: 2.5%;
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .explain .explain_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .explain .explain_con .bold {
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .line {
    background: #111;
    height: 200px;
    width: 1px;
    margin: 2.5% auto;
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .text {
    color: var(--main-color);
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .text .slogan {
    font-family: var(--en);
    font-size: 70px;
    margin-bottom: 1.25%;
    letter-spacing: -2px;
    font-weight: 600;
}

.subContent .pg_brandWrap .sec03 .wrap .titleWrap .text .title {
    font-size: 28px;
}

.subContent .pg_brandWrap .sec03 .wrap .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.subContent .pg_brandWrap .sec03 .wrap .content .top {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.subContent .pg_brandWrap .sec03 .wrap .content .top .image {
    will-change: transform;
}

.subContent .pg_brandWrap .sec03 .wrap .content .top .image img {
}

.subContent .pg_brandWrap .sec03 .wrap .content .top .title {
    font-size: 34px;
    color: var(--main-color);
    font-weight: 300;
    text-align: center;
}

.subContent .pg_brandWrap .sec03 .wrap .content .top .title .title_con {
    margin-bottom: 2.5%;
}

.subContent .pg_brandWrap .sec03 .wrap .content .top .title .title_con .bold {
}

.subContent .pg_brandWrap .sec03 .wrap .content .bt {
    margin-right: 15%;
}

.subContent .pg_brandWrap .sec03 .wrap .content .bt .image {
    will-change: transform;
}

.subContent .pg_brandWrap .sec03 .wrap .content .bt .image img {
}

.subContent .pg_brandWrap .sec04 {
    background: #f3efeb;
    position: relative;
}

.subContent .pg_brandWrap .sec04 .wrap {
    padding: 5% 0;
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
}

.subContent .pg_brandWrap .sec04 .wrap .titleWrap {
    margin-bottom: 5%;
}

.subContent .pg_brandWrap .sec04 .wrap .titleWrap .slogan {
    font-family: var(--en);
    color: #265673;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 1%;
    text-transform: uppercase;
}

.subContent .pg_brandWrap .sec04 .wrap .titleWrap .name {
    font-size: 50px;
    font-weight: 700;
    color: var(--main-color)
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap {
    display: flex;
    justify-content: space-between;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon {
    display: flex;
    flex-direction: column;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap.aos-animate .listcon {
    /* animation: fadeInRight 1.25s forwards; */
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon:nth-child(1) {
    transition-delay: 0.25s;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon:nth-child(2) {
    transition-delay: 0.35s;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon:nth-child(3) {
    transition-delay: 0.45s;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon:nth-child(4) {
    transition-delay: 0.55s;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .image {
    margin-bottom: 5%;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .image img {
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .text {
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .text .title {
    font-size: 34px;
    margin-bottom: 2.5%;
    color: var(--main-color);
    font-weight: 700;
}

.subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .text .explain {
    font-size: 18px;
    letter-spacing: -2px;
}

.subContent .notice .slideWrap {
    position: relative;
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: 1s all;
}

.subContent.active .notice .slideWrap, .subContent.active_m .notice .slideWrap {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.subContent .notice_tit {
    margin-bottom: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subContent .notice_tit .tit {
    font-weight: 700;
    font-size: 36px;
}

.subContent .notice_tit .link {
    color: #7d7e7e;
    border: 1px solid #7d7e7e;
    padding: 7px 20px;
    display: inline-block;
    transition: 0.5s all;
}

.subContent .notice_tit .link:hover {
    border-color: var(--main-color);
    background: var(--main-color);
    color: #fff;
}

.subContent .notice .linkWrap {
    border-top: 2px solid var(--main-color);
}

.subContent .notice .linkWrap .link {
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #bfbdbd;
    align-items: center;
    transition: 0.5s all;
    text-align: left;
}

.subContent .notice .linkWrap .link:hover {
    background: #f7f9fa;
    padding-left: 40px;
}

.subContent .notice .linkWrap .link:nth-last-child(1) {
}

.subContent .notice .linkWrap .link .num {
    width: 50px;
    text-align: center;
    letter-spacing: 2px;
    color: #666;
    font-weight: 300;
    display: block;
    margin-right: 10px;
}

.subContent .notice .linkWrap .link .num .--notice {
    background: var(--main-color);
    color: #fff;
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 5px;
}

.subContent .notice .linkWrap .link .text {
    font-size: 20px;
    letter-spacing: -1.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    flex: 1;
}

.subContent .notice .linkWrap .link .date {
    color: #666;
    font-weight: 300;
    white-space: nowrap;
}

.subWrap.result_recent .result_recentWrap {
    background: url(../images/sub_result_recent_bg.jpg) center bottom / cover no-repeat fixed;
    padding: 5% 0 10%;
}

.subWrap.result_recent .wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: calc(100% - 30px);
}

.subWrap.result_recent .search_area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.subWrap.result_recent .search_area .ico {
    display: inline-block;
    max-width: max-content;
    margin-right: 10px;
}

.subWrap.result_recent .search_area .title {
    margin-right: 10px;
    font-weight: 600;
    font-size: 18px;
}

.subWrap.result_recent .search_area .search {
}

.subWrap.result_recent .search_area .search select {
    padding: 10px;
}

.subWrap.result_recent .listWrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.subWrap.result_recent .listcon {
    position: relative;
    border-bottom: 1px solid #9a9ea9;
    padding-bottom: 20px;
}

.subWrap.result_recent .listcon .image {
    margin-bottom: 10px;
    position: relative;
}

.subWrap.result_recent .listcon .info {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    display: flex;
}

.subWrap.result_recent .listcon .num {
    background: #363636;
    padding: 8px;
    display: inline-block;
}

.subWrap.result_recent .listcon .cate {
    background: var(--main-color);
    padding: 8px;
}

.subWrap.result_recent .listcon .name {
    font-weight: 400;
    font-size: 18px;
}

.subWrap.result_recent .listWrap2 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.subWrap.result_recent .listcon2 {
    position: relative;
    border: 1px solid #9a9ea9;
    background: #fff;
}

.subWrap.result_recent .listcon2 .image {
    position: relative;
}

.subWrap.result_recent .listcon2 .text {
    padding: 20px;
}

.subWrap.result_recent .listcon2 .text .name {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.subWrap.result_recent .listcon2 .info {
    display: flex;
    flex-direction: column;
}

.subWrap.result_recent .listcon2 .info_list {
    display: flex;
    margin-bottom: 4%;
    font-size: 18px;
    font-weight: 400;
}

.subWrap.result_recent .listcon2 .info_list:nth-last-child(1) {
    margin-bottom: 0;
}

.subWrap.result_recent .listcon2 .info_list .subject {
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
    min-width: 80px;
    color: #aaaaaa;
    font-weight: 300;
    line-height: 130%;
}

.subWrap.result_recent .listcon2 .info_list .subject:after {
    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 4px;
    background: #aaaaaa;
}

.subWrap.result_recent .listcon2 .info_list .explain {
    line-height: 130%;
}

@media (max-width: 1080px) {
    .subContent .pg_brandWrap .sec01 .content {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 15%;
    }

    .subContent .pg_brandWrap .sec01 .thumb_con {
        background: url(../images/sub_brand_sec01_img_m.jpg) center center / cover no-repeat;
    }

    .subContent .pg_brandWrap .sec01 .image {
        padding-top: calc(80px + 7.5%);
        margin-bottom: 7.5%;
    }

    .subContent .pg_brandWrap .sec01 .text .explain {
        text-align: left;
        font-size: 20px;
        margin-bottom: 10%;
    }
    .subContent .pg_brandWrap .sec01 .text .explain_con{
        margin-bottom: 1.5%;
    }

    .subContent .pg_brandWrap .sec01 .text .title {
        font-size: 28px;
    }
    .subContent .pg_brandWrap .sec01 .text .title_con{
        line-height: 130%;
        letter-spacing: -2px;
    }

    .subContent .pg_brandWrap .sec02 .wrap {
        min-height: auto;
        padding-top: 30%;
    }

    .subContent .pg_brandWrap .sec03 .wrap {
        padding: 20% 0;
    }

    .subContent .pg_brandWrap .sec03 .wrap .titleWrap .text .slogan {
        font-size: 60px;
        margin-bottom: 5%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top {
        flex-direction: column-reverse;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .image:nth-child(1) {
        margin-right: auto;
        position: relative;
        left: -10%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .image:nth-child(3) {
        margin-left: auto;
        position: relative;
        right: -10%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .title {
        padding: 10% 0;
    }

    .subContent .pg_brandWrap .sec04 .wrap {
        width: 90%;
    }

    .subContent .pg_brandWrap .sec04 .wrap {
        padding: 20% 0;
    }

    .subContent .pg_brandWrap .sec04 .wrap .titleWrap .name {
        font-size: 36px;
    }

    .subContent .pg_brandWrap .sec04 .wrap .listWrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 40px;
    }

    .subWrap.result_recent .wrap {
        width: 100%;
    }

    .subWrap.result_recent .view_txt {
        padding: 0;
        border-radius: 0;
    }
}

@media (max-width: 640px) {
    .subContent .pg_brandWrap .sec01 .text .explain {
        font-size: 3.4vw;
    }

    .subContent .pg_brandWrap .sec01 .text .explain_con {
        margin-bottom: 2.5%;
    }

    .subContent .pg_brandWrap .sec01 .text .title {
        font-size: 4.4vw;
    }

    .subContent .pg_brandWrap .sec01 .text .title_con {
        margin: 0;
        line-height: 160%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .titleWrap .explain {
        font-size: 3.6vw;
    }

    .subContent .pg_brandWrap .sec03 .wrap .titleWrap .line {
        height: 0;
        padding: 10% 0;
        margin: 7.5% auto;
    }

    .subContent .pg_brandWrap .sec03 .wrap .titleWrap .text .slogan {
        font-size: 9vw;
    }

    .subContent .pg_brandWrap .sec03 .wrap .titleWrap .text .title {
        font-size: 4.4vw;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .image:nth-child(1) {
        width: 40%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .image:nth-child(3) {
        width: 50%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .title {
        font-size: 6vw;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .top .title .title_con {
        margin-bottom: 1.25%;
    }

    .subContent .pg_brandWrap .sec03 .wrap .content .bt .image {
        width: 65%;
        margin: 0 auto;
    }

    .subContent .pg_brandWrap .sec04 .wrap .titleWrap .slogan {
        font-size: 3.4vw;
    }

    .subContent .pg_brandWrap .sec04 .wrap .titleWrap .name {
        font-size: 6vw;
    }

    .subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .text .title {
        font-size: 5vw;
    }

    .subContent .pg_brandWrap .sec04 .wrap .listWrap .listcon .text .explain {
        font-size: 3vw;
    }

    .subContent .notice .linkWrap .link .num {
        font-size: 13px;
    }

    .subContent .notice .linkWrap .link .text {
        font-size: 15px;
    }

    .subContent .notice .linkWrap .link .date {
        font-size: 13px;
    }
}

.subContent .pg_insuranceWrap {
    color: #111;
}

.subContent .pg_insuranceWrap .sec {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec.--full {
    padding-left: 0;
}

.subContent .pg_insuranceWrap .sec .sec_tit {
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--main-color);
    letter-spacing: -1.5px;
    margin-bottom: 1.25%;
}

.subContent .pg_insuranceWrap .sec.--full .sec_tit {
    padding-left: 20px;
}

.subContent .pg_insuranceWrap .sec .sec_tit:before {
    content: "";
    width: 5px;
    height: 5px;
    position: relative;
    background: var(--main-color);
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.subContent .pg_insuranceWrap .sec .sec_subinfo {
    background: #265673;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 20px;
    margin-bottom: 1.25%;
    display: inline-block;
    letter-spacing: -1px;
}

.subContent .pg_insuranceWrap .sec .tableWrap {
}

.subContent .pg_insuranceWrap .sec .tableWrap .table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 17px;
}

.subContent .pg_insuranceWrap .sec .tableWrap thead {
    border-top: 3px solid var(--main-color);
    background: #f8f8f8;
}

.subContent .pg_insuranceWrap .sec .tableWrap .th_head {
    padding: 20px 0;
    border: 1px solid #d1d8e4;
    color: var(--main-color);
    vertical-align: middle;
}

.subContent .pg_insuranceWrap .sec .tableWrap .td_con {
    padding: 15px 0;
    border: 1px solid #d1d8e4;
    vertical-align: middle;
    line-height: 135%;
    color: #424242;
}

.subContent .pg_insuranceWrap .sec .tableWrap .td_con.--left {
    text-align: left;
    padding: 15px 20px;
}

.subContent .pg_insuranceWrap .sec01 {
    background: url(../images/sub_insurance_sec01_img_bg.jpg) right bottom / 100% 85% no-repeat;
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
    margin-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec01 .text {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec01 .text .title {
    color: #ffeecc;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec01 .text .explain {
    font-size: 20px;
    margin-bottom: 5%;
    font-weight: 300;
}

.subContent .pg_insuranceWrap .sec01 .text .explain_con {
    line-height: 150%;
}

.subContent .pg_insuranceWrap .sec01 .text .explain_con:nth-last-child(1) {
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap {
    display: flex;
    gap: 20px;
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap .link {
    color: #fff;
    border: 1px solid #fff;
    font-size: 20px;
    padding: 4% 2.5%;
    display: inline-flex;
    flex: 1;
    position: relative;
    align-items: center;
    justify-content: center;
    transition: 0.75s all;
    z-index: 1;
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap .link::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    transition: inherit;
    z-index: -1;
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap .link:hover {
    color: var(--main-color);
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap .link:hover:before {
    width: 100%;
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap .link:after {
    position: relative;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: inline-block;
    transform: rotate(45deg);
    right: -10px;
    transition: inherit;
}

.subContent .pg_insuranceWrap .sec01 .text .linkWrap .link:hover:after {
    border-color: var(--main-color);
}

.subContent .pg_insuranceWrap .sec01 .image {
}

.subContent .pg_insuranceWrap .sec02 {
    margin-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec02 .explain {
    font-size: 18px;
}

.subContent .pg_insuranceWrap .sec02 .explain_con {
    line-height: 175%;
    letter-spacing: -1.5px;
}

.subContent .pg_insuranceWrap .sec02 .explain_con.--big {
    color: #f68e56;
    /* font-size: 120%; */
    font-weight: 600;
}

.subContent .pg_insuranceWrap .sec03 {
    margin-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec03 .listWrap {
    margin-bottom: 1.25%;
}

.subContent .pg_insuranceWrap .sec03 .listWrap .listcon {
    font-size: 18px;
    line-height: 175%;
}

.subContent .pg_insuranceWrap .sec03 .callWrap {
    background: var(--main-color);
    color: #fff;
    display: inline-flex;
    padding: 1.25% 2.5%;
    font-size: 22px;
    align-items: center;
    border-radius: 10px;
}

.subContent .pg_insuranceWrap .sec03 .callWrap .con {
    letter-spacing: -2px;
}

.subContent .pg_insuranceWrap .sec03 .callWrap .con.--num {
    position: relative;
    font-size: 150%;
    color: #ffeecc;
    padding-left: 20px;
    margin-left: 20px;
    font-weight: 700;
}

.subContent .pg_insuranceWrap .sec03 .callWrap .con.--num: before {
    content: "";
    width: 1px;
    height: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.subContent .pg_insuranceWrap .sec04 {
}

.subContent .pg_insuranceWrap .sec04 .listWrap {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.subContent .pg_insuranceWrap .sec04 .listcon {
    border: 3px solid var(--main-color);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
    padding: 2.5% 0;
}

.subContent .pg_insuranceWrap .sec04 .listcon:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #ccc;
    border-right: 3px solid #ccc;
    display: inline-block;
    transform: rotate(45deg) translateY(-50%);
    right: -20px;
    top: 50%;
}

.subContent .pg_insuranceWrap .sec04 .listcon:nth-last-child(1):after {
    display: none;
}

.subContent .pg_insuranceWrap .sec04 .listcon .num {
    color: var(--main-color);
    font-size: 26px;
    margin-bottom: 5%;
}

.subContent .pg_insuranceWrap .sec04 .listcon .subject {
    color: #000;
    font-size: 20px;
    margin-bottom: 5%;
    text-align: center;
    font-weight: 600;
    line-height: 135%;
}

.subContent .pg_insuranceWrap .sec04 .listcon .name {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
}

.subContent .pg_insuranceWrap .sec05 {
}

.subContent .pg_insuranceWrap .sec05 .secWrap_tit {
    background: #e7f3fa;
    color: var(--main-color);
    font-weight: 600;
    font-size: 28px;
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    margin-bottom: 2.5%;
    padding: 1.25% 0;
    text-align: center;
    letter-spacing: -1.5px;
}

.subContent .pg_insuranceWrap .sec05 .listWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5%;
}

.subContent .pg_insuranceWrap .sec05 .listcon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subContent .pg_insuranceWrap .sec05 .listcon .text {
    font-size: 18px;
    font-weight: 500;
}

.subContent .pg_insuranceWrap .sec05 .listcon .image {
    margin-bottom: 5%;
    border-radius: 30px;
    overflow: hidden;
}

@media(max-width: 1080px) {
    .subContent .pg_insuranceWrap {
        text-align: left;
    }

    .subContent .pg_insuranceWrap .sec, .subContent .pg_insuranceWrap .sec.--full .sec_tit {
        padding-left: 10px;
    }

    .subContent .pg_insuranceWrap .sec .sec_tit {
        margin-bottom: 2.5%;
    }

    .subContent .pg_insuranceWrap .sec01 {
        padding: 10% 5%;
        background-size: cover;
    }

    .subContent .pg_insuranceWrap .sec01 .text {
        padding-bottom: 0;
        width: 100%;
    }

    .subContent .pg_insuranceWrap .sec01 .image {
        position: absolute;
        right: 5%;
        top: -10%;
        width: 30%;
        max-width: max-content;
    }

    .subContent .pg_insuranceWrap .sec04 .listWrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 40px;
    }

    .subContent .pg_insuranceWrap .sec04 .listcon:after {
    }

    .subContent .pg_insuranceWrap .sec04 .listcon:nth-child(2):after {
        display: none;
    }

    .subContent .pg_insuranceWrap .sec04 .listcon {
        padding: 10% 0;
    }

    .subContent .pg_insuranceWrap .sec05 .listWrap {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .subContent .pg_insuranceWrap .sec05 .listcon {
        width: calc((100% - (10px * 2)) / 3);
    }
}

@media(max-width: 640px) {
    .subContent .pg_insuranceWrap .sec {
        margin-bottom: 10% !important;
    }

    .subContent .pg_insuranceWrap .sec .sec_tit {
        font-size: 3.8vw;
    }

    .subContent .pg_insuranceWrap .sec .sec_tit:before {
        width: 3px;
        height: 3px;
    }

    .subContent .pg_insuranceWrap .sec .tableWrap .table {
        font-size: 2.6vw;
        word-break: keep-all;
    }

    .subContent .pg_insuranceWrap .sec .tableWrap .td_con {
        padding: 10px 0px;
    }

    .subContent .pg_insuranceWrap .sec .tableWrap .td_con.--left {
        padding: 10px;
    }

    .subContent .pg_insuranceWrap .sec .sec_subinfo {
        font-size: 3vw;
    }

    .subContent .pg_insuranceWrap .sec01 .text .title {
        font-size: 5vw;
    }

    .subContent .pg_insuranceWrap .sec01 .text .explain {
        word-break: keep-all;
        font-size: 3.6vw;
    }

    .subContent .pg_insuranceWrap .sec01 .text .linkWrap .link {
        font-size: 2.6vw;
        padding: 4% 0;
    }

    .subContent .pg_insuranceWrap .sec01 .text .linkWrap .link:after {
        width: 0;
        height: 0;
        padding: 0.4vh;
    }

    .subContent .pg_insuranceWrap .sec02 .explain {
        font-size: 3.2vw;
    }

    .subContent .pg_insuranceWrap .sec03 .listWrap .listcon {
        font-size: 3.2vw;
    }

    .subContent .pg_insuranceWrap .sec03 .callWrap {
        font-size: 3.6vw;
        padding: 2.5%;
        width: 100%;
        justify-content: center;
    }

    .subContent .pg_insuranceWrap .sec03 .callWrap .con.--num {
        padding-left: 10px;
        margin-left: 10px;
    }

    .subContent .pg_insuranceWrap .sec04 .listWrap {
        gap: 10px 20px;
    }

    .subContent .pg_insuranceWrap .sec04 .listcon:after {
        width: 0;
        height: 0;
        padding: 0.4vh;
        right: -6.5%;
    }

    .subContent .pg_insuranceWrap .sec04 .listcon .num {
        font-size: 5vw;
    }

    .subContent .pg_insuranceWrap .sec04 .listcon .subject {
        font-size: 3.6vw;
        letter-spacing: -1.5px;
    }

    .subContent .pg_insuranceWrap .sec04 .listcon .name {
        font-size: 3.6vw;
    }

    .subContent .pg_insuranceWrap .sec05 .secWrap_tit {
        font-size: 4vw;
        padding: 2.5% 0;
        margin-bottom: 5%;
    }

    .subContent .pg_insuranceWrap .sec05 .listcon .text {
        font-size: 3vw;
    }
}

.subContent .pg_recruitWrap {
    color: #111;
}

.subContent .pg_recruitWrap .sec {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5%;
}

.subContent .pg_recruitWrap .sec.--full {
    padding-left: 0;
}

.subContent .pg_recruitWrap .sec .sec_tit {
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--main-color);
    letter-spacing: -1.5px;
    margin-bottom: 1.25%;
}

.subContent .pg_recruitWrap .sec .sec_tit.--accent {
    position: relative;
    padding-left: 0
}

.subContent .pg_recruitWrap .sec .sec_tit.--accent::before {
    display: none;
}

.subContent .pg_recruitWrap .sec .sec_tit.--accent .ico {
    position: relative;
    margin-right: 10px;
}

.subContent .pg_recruitWrap .sec.--full .sec_tit.--accent {
    padding-left: 0;
}

.subContent .pg_recruitWrap .sec .sec_tit:before {
    content: "";
    width: 5px;
    height: 5px;
    position: relative;
    background: var(--main-color);
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.subContent .pg_recruitWrap .sec .sec_subinfo {
    background: #265673;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 20px;
    margin-bottom: 1.25%;
    display: inline-block;
    letter-spacing: -1px;
}

.subContent .pg_recruitWrap .sec .tableWrap {
}

.subContent .pg_recruitWrap .sec .tableWrap .table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 17px;
}

.subContent .pg_recruitWrap .sec .tableWrap thead {
    border-top: 3px solid var(--main-color);
    background: #f8f8f8;
}

.subContent .pg_recruitWrap .sec .tableWrap .th_head {
    padding: 20px 0;
    border: 1px solid #d1d8e4;
    color: var(--main-color);
    vertical-align: middle;
}

.subContent .pg_recruitWrap .sec .tableWrap .td_con {
    padding: 15px 0;
    border: 1px solid #d1d8e4;
    vertical-align: middle;
    line-height: 135%;
    color: #424242;
}

.subContent .pg_recruitWrap .sec .tableWrap .td_con.--left {
    text-align: left;
    padding: 15px 20px;
}

.subContent .pg_recruitWrap .sec01 {
    background: url(../images/sub_recruit_sec01_img_bg.jpg) right bottom / 100% 85% no-repeat;
    display: flex;
    justify-content: space-between;
    padding: 0 1% 0 5%;
    margin-bottom: 5%;
}

.subContent .pg_recruitWrap .sec01 .text {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 5%;
}

.subContent .pg_recruitWrap .sec01 .text .title {
    color: #ffeecc;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5%;
    line-height: 135%;
}

.subContent .pg_recruitWrap .sec01 .text .explain {
    font-size: 20px;
    margin-bottom: 5%;
    font-weight: 300;
}

.subContent .pg_recruitWrap .sec01 .text .explain_con {
    line-height: 150%;
}

.subContent .pg_recruitWrap .sec01 .text .explain_con:nth-last-child(1) {
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap {
    display: flex;
    gap: 20px;
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap .link {
    color: #fff;
    border: 1px solid #fff;
    font-size: 20px;
    padding: 4% 2.5%;
    display: inline-flex;
    flex: 0 0 50%;
    position: relative;
    align-items: center;
    justify-content: center;
    transition: 0.75s all;
    z-index: 1;
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap .link::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    transition: inherit;
    z-index: -1;
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap .link:hover {
    color: var(--main-color);
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap .link:hover:before {
    width: 100%;
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap .link:after {
    position: relative;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: inline-block;
    transform: rotate(45deg);
    right: -10px;
    transition: inherit;
}

.subContent .pg_recruitWrap .sec01 .text .linkWrap .link:hover:after {
    border-color: var(--main-color);
}

.subContent .pg_recruitWrap .sec01 .image {
}

.subContent .pg_recruitWrap .sec02 {
    margin-bottom: 5%;
}

.subContent .pg_recruitWrap .sec02 .explain {
    font-size: 18px;
}

.subContent .pg_recruitWrap .sec02 .explain_con {
    line-height: 175%;
    letter-spacing: -1.5px;
}

.subContent .pg_recruitWrap .sec02 .explain_con .--big {
    color: #f68e56;
    /* font-size: 120%; */
    font-weight: 600;
}

.subContent .pg_recruitWrap .sec03 {
    margin-bottom: 5%;
}

.subContent .pg_recruitWrap .sec03 .listWrap {
    margin-bottom: 1.25%;
}

.subContent .pg_recruitWrap .sec03 .listWrap .listcon {
    font-size: 18px;
    line-height: 175%;
}

.subContent .pg_recruitWrap .sec03 .callWrap {
    background: var(--main-color);
    color: #fff;
    display: inline-flex;
    padding: 1.25% 2.5%;
    font-size: 22px;
    align-items: center;
    border-radius: 10px;
}

.subContent .pg_recruitWrap .sec03 .callWrap .con {
    letter-spacing: -2px;
}

.subContent .pg_recruitWrap .sec03 .callWrap .con.--num {
    position: relative;
    font-size: 150%;
    color: #ffeecc;
    padding-left: 20px;
    margin-left: 20px;
    font-weight: 700;
}

.subContent .pg_recruitWrap .sec03 .callWrap .con.--num::before {
    content: "";
    width: 1px;
    height: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.subContent .pg_recruitWrap .sec03 .qsWrap {
    background: var(--main-color);
    color: #fff;
    display: inline-flex;
    padding: 1.25% 2.5%;
    font-size: 22px;
    align-items: center;
    border-radius: 10px;
}

.subContent .pg_recruitWrap .sec03 .qsWrap .subject {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 40px;
    font-weight: 700;
}

.subContent .pg_recruitWrap .sec03 .qsWrap .subject .ico {
}

.subContent .pg_recruitWrap .sec03 .qsWrap .subject .con {
}

.subContent .pg_recruitWrap .sec03 .qsWrap .explain {
    font-weight: 300;
    font-size: 20px;
}

.subContent .pg_recruitWrap .sec03 .qsWrap .explain_con {
    margin-bottom: 5%;
}

.subContent .pg_recruitWrap .sec03 .qsWrap .explain_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_recruitWrap .sec03 .info {
    color: #265673;
    letter-spacing: -1px;
    font-size: 18px;
}

.subContent .pg_recruitWrap .sec03 .info2 {
    background: var(--main-color);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-left: 10px;
    display: inline-block;
    font-size: 18px;
}

.subContent .pg_recruitWrap .sec04 {
}

.subContent .pg_recruitWrap .sec04 .listWrap {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 2.5%;
}

.subContent .pg_recruitWrap .sec04 .listcon {
    border: 3px solid var(--main-color);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
    padding: 2.5% 0;
}

.subContent .pg_recruitWrap .sec04 .listcon:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #ccc;
    border-right: 3px solid #ccc;
    display: inline-block;
    transform: rotate(45deg) translateY(-50%);
    right: -20px;
    top: 50%;
}

.subContent .pg_recruitWrap .sec04 .listcon:nth-last-child(1):after {
    display: none;
}

.subContent .pg_recruitWrap .sec04 .listcon .num {
    color: var(--main-color);
    font-size: 26px;
    margin-bottom: 5%;
}

.subContent .pg_recruitWrap .sec04 .listcon .subject {
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    line-height: 135%;
}

.subContent .pg_recruitWrap .sec04 .listcon .name {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
}

.subContent .pg_recruitWrap .sec04 .info {
    font-size: 17px;
}

.subContent .pg_recruitWrap .sec04 .info_list {
    color: #265673;
    line-height: 135%;
    letter-spacing: -1px;
}

.subContent .pg_recruitWrap .sec05 {
}

.subContent .pg_recruitWrap .sec05 .secWrap_tit {
    background: #e7f3fa;
    color: var(--main-color);
    font-weight: 600;
    font-size: 28px;
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    margin-bottom: 2.5%;
    padding: 1.25% 0;
    text-align: center;
    letter-spacing: -1.5px;
}

.subContent .pg_recruitWrap .sec05 .listWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5%;
}

.subContent .pg_recruitWrap .sec05 .listcon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subContent .pg_recruitWrap .sec05 .listcon .text {
    font-size: 18px;
    font-weight: 500;
}

.subContent .pg_recruitWrap .sec05 .listcon .image {
    margin-bottom: 5%;
    border-radius: 30px;
    overflow: hidden;
}

@media(max-width: 1080px) {
    .subContent .pg_recruitWrap {
        text-align: left;
    }

    .subContent .pg_recruitWrap .sec, .subContent .pg_recruitWrap .sec.--full .sec_tit {
        padding-left: 10px;
    }

    .subContent .pg_recruitWrap .sec .sec_tit {
        margin-bottom: 2.5%;
    }

    .subContent .pg_recruitWrap .sec01 {
        padding: 10% 5%;
        background-size: cover;
    }

    .subContent .pg_recruitWrap .sec01 .text {
        padding-bottom: 0;
        width: 100%;
    }

    .subContent .pg_recruitWrap .sec01 .image {
        position: absolute;
        right: 5%;
        top: -10%;
        width: 35%;
        max-width: max-content;
    }

    .subContent .pg_recruitWrap .sec04 .listWrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 40px;
    }

    .subContent .pg_recruitWrap .sec04 .listcon:after {
    }

    .subContent .pg_recruitWrap .sec04 .listcon:nth-child(2):after {
        display: none;
    }

    .subContent .pg_recruitWrap .sec04 .listcon {
        padding: 10% 0;
    }

    .subContent .pg_recruitWrap .sec05 .listWrap {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .subContent .pg_recruitWrap .sec05 .listcon {
        width: calc((100% - (10px * 2)) / 3);
    }
}

@media(max-width: 640px) {
    .subContent .pg_recruitWrap .sec {
        margin-bottom: 10% !important;
    }

    .subContent .pg_recruitWrap .sec .sec_tit {
        font-size: 3.8vw;
    }

    .subContent .pg_recruitWrap .sec .sec_tit:before {
        width: 3px;
        height: 3px;
    }

    .subContent .pg_recruitWrap .sec .tableWrap .table {
        font-size: 2.6vw;
        word-break: keep-all;
    }

    .subContent .pg_recruitWrap .sec .tableWrap .td_con {
        padding: 10px 0px;
    }

    .subContent .pg_recruitWrap .sec .tableWrap .td_con.--left {
        padding: 10px;
    }

    .subContent .pg_recruitWrap .sec .sec_subinfo {
        font-size: 3vw;
    }

    .subContent .pg_recruitWrap .sec01 .text .title {
        font-size: 5vw;
    }

    .subContent .pg_recruitWrap .sec01 .text .explain {
        word-break: keep-all;
        font-size: 3.6vw;
    }

    .subContent .pg_recruitWrap .sec01 .text .linkWrap .link {
        font-size: 2.6vw;
        padding: 4% 0;
    }

    .subContent .pg_recruitWrap .sec01 .text .linkWrap .link:after {
        width: 0;
        height: 0;
        padding: 0.4vh;
    }

    .subContent .pg_recruitWrap .sec02 .explain {
        font-size: 3.2vw;
    }

    .subContent .pg_recruitWrap .sec03 .listWrap .listcon {
        font-size: 3.2vw;
        letter-spacing: -1px;
    }

    .subContent .pg_recruitWrap .sec03 .callWrap {
        font-size: 3.6vw;
        padding: 2.5%;
        width: 100%;
        justify-content: center;
    }

    .subContent .pg_recruitWrap .sec03 .callWrap .con.--num {
        padding-left: 10px;
        margin-left: 10px;
    }

    .subContent .pg_recruitWrap .sec03 .qsWrap {
        padding: 5% 2.5%;
        font-size: 3.8vw;
    }

    .subContent .pg_recruitWrap .sec03 .qsWrap .explain {
        font-size: 3.6vw;
    }

    .subContent .pg_recruitWrap .sec03 .qsWrap .subject {
        margin-right: 20px;
        gap: 10px;
    }

    .subContent .pg_recruitWrap .sec03 .info {
        font-size: 3.2vw;
    }

    .subContent .pg_recruitWrap .sec03 .info2 {
        font-size: 3.2vw;
    }

    .subContent .pg_recruitWrap .sec04 .listWrap {
        gap: 10px 20px;
    }

    .subContent .pg_recruitWrap .sec04 .listcon:after {
        width: 0;
        height: 0;
        padding: 0.4vh;
        right: -6.5%;
    }

    .subContent .pg_recruitWrap .sec04 .listcon .num {
        font-size: 5vw;
    }

    .subContent .pg_recruitWrap .sec04 .listcon .subject {
        font-size: 3.6vw;
        letter-spacing: -1.5px;
    }

    .subContent .pg_recruitWrap .sec04 .listcon .name {
        font-size: 3.6vw;
    }

    .subContent .pg_recruitWrap .sec04 .info_list {
        font-size: 3.2vw;
    }

    .subContent .pg_recruitWrap .sec05 .secWrap_tit {
        font-size: 4vw;
        padding: 2.5% 0;
        margin-bottom: 5%;
    }

    .subContent .pg_recruitWrap .sec05 .listcon .text {
        font-size: 3vw;
    }
}

.subContent .pg_manageWrap {
    color: #111;
}

.subContent .pg_manageWrap .sec {
    /* padding-left: 20px; */
    position: relative;
    margin-bottom: 5%;
}

.subContent .pg_manageWrap .sec.--full {
    padding-left: 0;
}

.subContent .pg_manageWrap .sec .sec_tit {
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--main-color);
    letter-spacing: -1.5px;
    margin-bottom: 1.25%;
    margin-left: 20px;
    position: relative;
    padding-left: 20px;
}

.subContent .pg_manageWrap .sec .sec_tit.--accent {
    position: relative;
    padding-left: 0
}

.subContent .pg_manageWrap .sec .sec_tit.--accent::before {
    display: none;
}

.subContent .pg_manageWrap .sec .sec_tit.--accent .ico {
    position: relative;
    margin-right: 10px;
}

.subContent .pg_manageWrap .sec.--full .sec_tit.--accent {
    padding-left: 0;
}

.subContent .pg_manageWrap .sec .sec_tit:before {
    content: "";
    width: 5px;
    height: 5px;
    position: relative;
    background: var(--main-color);
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.subContent .pg_manageWrap .sec .sec_subinfo {
    background: #265673;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 20px;
    margin-bottom: 1.25%;
    display: inline-block;
    letter-spacing: -1px;
}

.subContent .pg_manageWrap .sec .tableWrap {
}

.subContent .pg_manageWrap .sec .tableWrap .table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 17px;
}

.subContent .pg_manageWrap .sec .tableWrap thead {
    border-top: 3px solid var(--main-color);
    background: #f8f8f8;
}

.subContent .pg_manageWrap .sec .tableWrap .th_head {
    padding: 20px 0;
    border: 1px solid #d1d8e4;
    color: var(--main-color);
    vertical-align: middle;
}

.subContent .pg_manageWrap .sec .tableWrap .td_con {
    padding: 15px 0;
    border: 1px solid #d1d8e4;
    vertical-align: middle;
    line-height: 135%;
    color: #424242;
}

.subContent .pg_manageWrap .sec .tableWrap .td_con.--left {
    text-align: left;
    padding: 15px 20px;
}

.subContent .pg_manageWrap .sec01 {
    background: url(../images/sub_recruit_sec01_img_bg.jpg) right bottom / 100% 70% no-repeat;
    display: flex;
    padding: 0 5%;
    margin-bottom: 5%;
    gap: 30px;
    justify-content: space-between;
}

.subContent .pg_manageWrap .sec01 .text {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 5%;
}

.subContent .pg_manageWrap .sec01 .text .title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5%;
    line-height: 135%;
}
.subContent .pg_manageWrap .sec01 .text .title .bold{
    color: #ffeecc;
}

.subContent .pg_manageWrap .sec01 .text .explain {
    font-size: 20px;
    margin-bottom: 5%;
    font-weight: 300;
}

.subContent .pg_manageWrap .sec01 .text .explain_con {
    line-height: 150%;
}

.subContent .pg_manageWrap .sec01 .text .explain_con:nth-last-child(1) {
}

.subContent .pg_manageWrap .sec01 .text .linkWrap {
    display: flex;
    gap: 20px;
}

.subContent .pg_manageWrap .sec01 .text .linkWrap .link {
    color: #fff;
    border: 1px solid #fff;
    font-size: 20px;
    padding: 4% 2.5%;
    display: inline-flex;
    flex: 0 0 50%;
    position: relative;
    align-items: center;
    justify-content: center;
    transition: 0.75s all;
    z-index: 1;
}

.subContent .pg_manageWrap .sec01 .text .linkWrap .link::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    transition: inherit;
    z-index: -1;
}

.subContent .pg_manageWrap .sec01 .text .linkWrap .link:hover {
    color: var(--main-color);
}

.subContent .pg_manageWrap .sec01 .text .linkWrap .link:hover:before {
    width: 100%;
}

.subContent .pg_manageWrap .sec01 .text .linkWrap .link:after {
    position: relative;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: inline-block;
    transform: rotate(45deg);
    right: -10px;
    transition: inherit;
}

.subContent .pg_manageWrap .sec01 .text .linkWrap .link:hover:after {
    border-color: var(--main-color);
}

.subContent .pg_manageWrap .sec01 .image {
    display: flex;
    align-items: flex-end;
}

.subContent .pg_manageWrap .sec02 {
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #e5e5e5;
	display: flex;
    gap: 30px;
    justify-content: space-between;
}

.subContent .pg_manageWrap .sec.sec02 .sec_tit {
	margin-bottom: 2%;
}

.subContent .pg_manageWrap .sec02 .imageWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.5%;
    gap: 20px;
}
.subContent .pg_manageWrap .sec02 .imageWrap .image{
    border-radius: 30px;
    overflow: hidden;
}
.subContent .pg_manageWrap .sec02 .explain{
    color: var(--main-color);
    font-size: 19px;
}
.subContent .pg_manageWrap .sec02 .explain_con{
    margin-bottom: 1.25%;
    letter-spacing: -1px;
}
.subContent .pg_manageWrap .sec02 .explain_con .--color{
    color: #f68e56;
}
.subContent .pg_manageWrap .sec02 .explain_con:nth-last-child(1){
    margin-bottom: 0;
}

.subContent .pg_manageWrap .sec04 {
    margin-bottom: 5%;
}
.subContent .pg_manageWrap .sec04 .imageWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5%;
}
.subContent .pg_manageWrap .sec04 .imageWrap .image{
    border-radius: 30px;
    overflow: hidden;
}
.subContent .pg_manageWrap .sec04 .explain{
    color: var(--main-color);
    font-size: 19px;
}
.subContent .pg_manageWrap .sec04 .explain_con{
    margin-bottom: 1.25%;
    letter-spacing: -1px;
    text-indent: -12px;
    padding-left: 20px;
    line-height: 140%;
}
.subContent .pg_manageWrap .sec04 .explain_con .--color{
    color: #f68e56;
}
.subContent .pg_manageWrap .sec04 .explain_con:nth-last-child(1){
    margin-bottom: 0;
}

@media(max-width: 1080px) {
    .subContent .pg_manageWrap {
        text-align: left;
    }

    .subContent .pg_manageWrap .sec, .subContent .pg_manageWrap .sec.--full .sec_tit {
        padding-left: 10px;
    }

    .subContent .pg_manageWrap .sec .sec_tit {
        margin-bottom: 5%;
        margin-left: 0;
    }

    .subContent .pg_manageWrap .sec01 {
        padding: 0 2.5% 0;
        gap: 0;
        margin-bottom: 7.5%;
        background-size: 100% 60%;
    }

    .subContent .pg_manageWrap .sec01 .text {
        padding-bottom: 0;
        width: 100%;
    }
    .subContent .pg_manageWrap .sec01 .text .title{
        margin-bottom: 7.5%;
        text-align: center;
    }
    .subContent .pg_manageWrap .sec01 .image {
        width: 35%;
        max-width: max-content;
    }

	.subContent .pg_manageWrap .sec02 {
		flex-direction: column;
		gap: 40px;
	}
	.subContent .pg_manageWrap .sec.sec02 .sec_tit {
		margin-bottom: 5%;
	}
    .subContent .pg_manageWrap .sec02 .imageWrap{
        margin-bottom: 5%;
    }
    .subContent .pg_manageWrap .sec02 .explain_con{
        margin-bottom: 2.5%;
    }
    .subContent .pg_manageWrap .sec04 .imageWrap{
        margin-bottom: 5%;
    }
}

@media(max-width:720px){
    .subContent .pg_manageWrap .sec01 .text .title{
        font-size: 3.6vw;
    }
    .subContent .pg_manageWrap .sec .sec_tit{
        font-size: 3.8vw;
    }
    .subContent .pg_manageWrap .sec02 .explain{
        font-size: 3vw;
    }
    .subContent .pg_manageWrap .sec04 .explain_con{
        font-size: 3vw;
        text-indent: -2%;
        padding-left: 0;
    }
}

.subContent .pg_consultWrap {
    color: #252525;
}

.subContent .pg_consultWrap .sec {
    /* padding-left: 20px; */
    position: relative;
    margin-bottom: 10%;
}

.subContent .pg_consultWrap .sec.--full {
    padding-left: 0;
}
.subContent .pg_consultWrap .wrap{
    max-width: 1300px;
    margin:0 auto;
}
.subContent .pg_consultWrap .sec .sec_tit {
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--main-color);
    letter-spacing: -1.5px;
    margin-bottom: 2.25%;
    position: relative;
    padding-left: 20px;
}

.subContent .pg_consultWrap .sec .sec_tit.--accent {
    position: relative;
    padding-left: 0
}

.subContent .pg_consultWrap .sec .sec_tit.--accent::before {
    display: none;
}

.subContent .pg_consultWrap .sec .sec_tit.--accent .ico {
    position: relative;
    margin-right: 10px;
}

.subContent .pg_consultWrap .sec.--full .sec_tit.--accent {
    padding-left: 0;
}

.subContent .pg_consultWrap .sec .sec_tit:before {
    content: "";
    width: 5px;
    height: 5px;
    position: relative;
    background: var(--main-color);
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.subContent .pg_consultWrap .sec .sec_subinfo {
    background: #265673;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 20px;
    margin-bottom: 1.25%;
    display: inline-block;
    letter-spacing: -1px;
}

.subContent .pg_consultWrap .sec .tableWrap {
}

.subContent .pg_consultWrap .sec .tableWrap .table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 17px;
}

.subContent .pg_consultWrap .sec .tableWrap thead {
    border-top: 3px solid var(--main-color);
    background: #f8f8f8;
}

.subContent .pg_consultWrap .sec .tableWrap .th_head {
    padding: 20px 0;
    border: 1px solid #d1d8e4;
    color: var(--main-color);
    vertical-align: middle;
}

.subContent .pg_consultWrap .sec .tableWrap .td_con {
    padding: 15px 0;
    border: 1px solid #d1d8e4;
    vertical-align: middle;
    line-height: 135%;
    color: #424242;
}

.subContent .pg_consultWrap .sec .tableWrap .td_con.--left {
    text-align: left;
    padding: 15px 20px;
}

.subContent .pg_consultWrap .sec01 {
    background: url(../images/sub_recruit_sec01_img_bg.jpg) right bottom / 100% 90% no-repeat;
    display: flex;
    padding: 0 5%;
    gap: 30px;
    justify-content: space-between;
}

.subContent .pg_consultWrap .sec01 .text {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 2.5%;
}

.subContent .pg_consultWrap .sec01 .text .title {
    color: #ffeecc;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.25%;
    line-height: 135%;
}
.subContent .pg_consultWrap .sec01 .text .title .bold{
    color: #ffeecc;
}
.subContent .pg_consultWrap .sec01 .text .explain {
    font-size: 20px;
    margin-bottom: 5%;
    font-weight: 300;
}
.subContent .pg_consultWrap .sec01 .text .explain_con {
    line-height: 150%;
}
.subContent .pg_consultWrap .sec01 .text .explain_con:nth-last-child(1) {
}
.subContent .pg_consultWrap .sec01 .listWrap{
    display: inline-flex;
    flex-direction: column;
}
.subContent .pg_consultWrap .sec01 .listWrap .listcon{
    margin-bottom: 2.5%;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.subContent .pg_consultWrap .sec01 .listWrap .listcon:nth-last-child(1){
    margin-bottom: 0;
}
.subContent .pg_consultWrap .sec01 .listWrap .listcon .tit{
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1px;
}
.subContent .pg_consultWrap .sec01 .text .checkmark {
    position: relative;
    width: 24px; 
    height: 24px;
    display: inline-block;
}
.subContent .pg_consultWrap .sec01 .text .checkmark:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid #00b4ff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.subContent .pg_consultWrap .sec01 .image {
    display: flex;
    align-items: flex-end;
}

.subContent .pg_consultWrap .sec02{
    
}
.subContent .pg_consultWrap .sec02 .listWrap{
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.subContent .pg_consultWrap .sec02 .listcon{
    border: 5px solid #33607b;
    border-radius: 20px;
    overflow: hidden;
}
.subContent .pg_consultWrap .sec02 .listcon .image{
}
.subContent .pg_consultWrap .sec02 .listcon .text{
    text-align: center;
    padding: 7.5% 0;
}
.subContent .pg_consultWrap .sec02 .listcon .text .title{
    font-size: 22px;
    margin-bottom: 7.5%;
    font-weight: 600;
    letter-spacing: -1px;
}
.subContent .pg_consultWrap .sec02 .listcon .text .explain{
    font-size: 18px;
    color: #265673;
    line-height: 130%;
    letter-spacing: -1px;
}

.subWrap .sec03 .container {max-width:100%;padding: 7% 0;}
.subContent .pg_consultWrap .sec03{
    background: url(../images/sub_consult_sec03_bg.jpg) center center / cover no-repeat fixed;
    padding:0;
    text-align: center;
    margin-bottom: 0;
}

.subContent .pg_consultWrap .sec03 .titleBox {
	display:flex;
	padding: 0;
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 2.5%;
}
.subContent .pg_consultWrap .sec03 .titleWrap{
    margin-bottom: 10%;
    margin: 0;
	text-align: left;
}
.subContent .pg_consultWrap .sec03 .titleWrap .title{
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    letter-spacing: -3px;
}
.subContent .pg_consultWrap .sec03 .titleWrap .title:after{
    display:none;
}
.subContent .pg_consultWrap .sec03 .titleWrap .en{
    font-family: var(--en);
    font-size: 30px;
    letter-spacing: -1.5px;
	font-weight: 600;
    margin-bottom: 5%;
}
.subContent .pg_consultWrap .sec03 .content{
    position: relative;
    max-width: 100%; 
    margin: 0 auto;  
}
.subContent .pg_consultWrap .sec03 .content .halfline{
    background: var(--main-color);
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.5s all;
}
.subContent .pg_consultWrap .sec03 .content .listWrap{display: block;;}
.subContent .pg_consultWrap .sec03 .content .listWrap:nth-child(1){
	margin-bottom: 0;
}
.subContent .pg_consultWrap .sec03 .content .listWrap .arrow {
    position: relative;
    width: 20px;
    height: 20px;
    border-top: 5px solid var(--main-color);
    border-right: 5px solid var(--main-color);
    transform: rotate(45deg) translate(-2px, 2px);
}

@media (min-width: 1081px) {
	.subContent .pg_consultWrap .sec03 .content .listcon{
		position: relative;
		border-radius: 24px;
		padding: 0;
		text-align: left;
		overflow: hidden;
		margin-top: 30px;
		margin-bottom: 10px;
		box-shadow: 2px 3px 8px #00000036;
		border: none;
		min-width: 0;
		width: 353px !important;
		
		margin-right: 40px !important;
		flex-shrink: 0 !important;
	}

	.subContent .pg_consultWrap .sec03 .content .listcon:last-child {
		margin-right: 0 !important;
	}
}


/* .subContent .pg_consultWrap .sec03 .content .listcon.slick-current {
	transform: translateY(-30px);
} */
/* .subContent .pg_consultWrap .sec03 .content .listcon.is-center {
	transform: translateY(-30px);
	transition: 0.5s all;
} */

.subContent .pg_consultWrap .sec03 .content .slick-list {
    overflow: hidden;
    box-sizing: border-box;     
    transition: padding 0.3s ease;
}


.subContent .pg_consultWrap .sec03 .content .listcon .image img {width: 100%;}
.subContent .pg_consultWrap .sec03 .content .listcon:nth-last-child(1) {
    margin-bottom: 0;
    margin-right: 0;   
}

.subContent .pg_consultWrap .sec03 .content .listcon.--right{
    text-align: left;
    margin-left: auto;
    padding-right: 0;
}
.subContent .pg_consultWrap .sec03 .content .listcon .text{padding: 10% 9%;background: #0e2c42;}
.subContent .pg_consultWrap .sec03 .content .listcon .title{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 6.5%;
    padding-bottom: 0;
    position: relative;
    transition: 1s all;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.subContent .pg_consultWrap .sec03 .content .listcon .title:before{
    content:"";
    width:70%;
    height:1px;
    background:#252525;
    position:absolute;
    left: auto;
    bottom:0;
	display:none;
}
.subContent .pg_consultWrap .sec03 .content .listcon.active .title{
    opacity: 1;
    transform: translateY(0);
}
.subContent .pg_consultWrap .sec03 .content .listcon.--right .title{
    padding-right:0;
}
.subContent .pg_consultWrap .sec03 .content .listcon .explain{
    font-size: 17px;
    transition: 1s all;
    color:#fff;
}
.subContent .pg_consultWrap .sec03 .content .listcon.active .explain{
    opacity: 1;
    transform: translateY(0);
}
.subContent .pg_consultWrap .sec03 .content .listcon.--right .explain{
    padding-right: 0;
    padding-left: 15%;
}
.subContent .pg_consultWrap .sec03 .content .listcon .explain_con{
    margin-bottom: 4%;
    letter-spacing: -1.25px;
}
.subContent .pg_consultWrap .sec03 .content .listcon .explain_con:nth-last-child(1){
    margin-bottom: 0;
}
.subContent .pg_consultWrap .sec03 .arrowWrap {display:flex;align-items: flex-end;padding-bottom: 5px;gap: 50px;padding-left: 40px;}
.subContent .pg_consultWrap .sec03 .arrowWrap .arrow{display:block;width:18px;height:29px;cursor: pointer; transition:0.5s;}
.subContent .pg_consultWrap .sec03 .arrowWrap .arrow:hover {opacity:0.8;}
.subContent .pg_consultWrap .sec03 .arrowWrap .prev {background: url(../images/sub_consult_arrow_prev.png) center center / cover no-repeat;}
.subContent .pg_consultWrap .sec03 .arrowWrap .next {background: url(../images/sub_consult_arrow_next.png) center center / cover no-repeat;}


.subContent .pg_consultWrap .sec03 .content {
    position: relative;
    width: 100%;
}

.subContent .pg_consultWrap .sec03 .content .listWrap-swiper {
    width: 100%;
    overflow: hidden;
}




@media(max-width: 1080px) {
	

    .subContent .pg_consultWrap .sec01 {
        padding: 10% 5% 10%;
        gap: 0;
        margin-bottom: 7.5%;
        background-size: 100% 95%;
    }

    .subContent .pg_consultWrap .sec01 .text {
        padding-bottom: 0;
        width: 100%;
    }
    .subContent .pg_consultWrap .sec01 .text .title{
        margin-bottom: 2.5%;
        text-align: left;
    }
    .subContent .pg_consultWrap .sec01 .text .explain{
        line-height: 135%;
    }
    .subContent .pg_consultWrap .sec01 .image {
        width: 35%;
        max-width: max-content;
        position: absolute;
        right: 0;
        top: 0;
    }

    .subContent .pg_consultWrap .sec02{
        margin-bottom: 0;
        padding: 5% 0;
    }
    .subContent .pg_consultWrap .sec02 .listWrap{
        flex-direction: column;
    }
    .subContent .pg_consultWrap .sec02 .listcon{
        margin-bottom: 5%;
        width:60%;
    }
    .subContent .pg_consultWrap .sec02 .listcon:nth-last-child(1){
        margin-bottom: 0;
    }
    .subContent .pg_consultWrap .sec02 .listcon:nth-child(2n){
        margin-left: auto;
    }

    .subContent .pg_consultWrap .sec03{
        padding: 15% 0;
    }
	.subWrap .sec03 .container {margin:0; width:100%;}

	.subContent .pg_consultWrap .sec03 .titleBox{
		 justify-content: center;
	}
    .subContent .pg_consultWrap .sec03 .titleWrap{
        margin-bottom: 5.5%;
		display: flex;
        flex-direction: column-reverse;
    }
    .subContent .pg_consultWrap .sec03 .titleWrap .title{
        padding-bottom: 8%;
         margin-bottom: 0;
        font-size: 50px;
		position:relative;
    }
	.subContent .pg_consultWrap .sec03 .titleWrap .title::after {
		content:"";
		width:30px;
		height:4px;
		background:#252525;
		display:block;
		margin: 0 auto;
		margin-top: 20px;
	}
    .subContent .pg_consultWrap .sec03 .titleWrap .en{
        font-size: 24px;
		text-align: center;
		font-weight:400;
    }

	.subContent .pg_consultWrap .sec03 .arrowWrap {display:none;}
	.subContent .pg_consultWrap .sec03 .content .listcon {
        transition: transform 0.5s ease, opacity 0.5s ease;
        transform: scale(0.8);
        opacity: 0.6;
        flex: 0 0 auto;
        width: 60vw !important;   
        min-width: 0;
        margin-bottom: 5%;
        padding: 0;
        background: none;
        text-align: left;
        margin-right: 0 !important;
        overflow: hidden;
        border-radius: 26px;
    }

	.subContent .pg_consultWrap .sec03 .content .swiper-slide-active.listcon {
        transform: scale(1);
        opacity: 1;
    }

    .subContent .pg_consultWrap .sec03 .content .listcon .title{
        font-size: 32px;
    }


	.subContent .pg_consultWrap .sec03 .content .listWrap-swiper {
        overflow: visible;
    }
    .subContent .pg_consultWrap .sec03 .content .swiper-wrapper {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 5px;
        transform: none !important;
        scrollbar-width: none;
        box-sizing: border-box;
		cursor: grab;
    }
    .subContent .pg_consultWrap .sec03 .content .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }
	.subContent .pg_consultWrap .sec03 .content .swiper-wrapper.is-dragging {
        cursor: grabbing;
        scroll-snap-type: none;  
    }

    .subContent .pg_consultWrap .sec03 .content .listcon {
        transition: transform 0.8s ease, opacity 0.3s ease;
        transform: scale(0.8);
        opacity: 0.6;
        flex: 0 0 60vw;
        width: 60vw;
        min-width: 0;
        scroll-snap-align: center;
        scroll-snap-stop: always;  
        margin-bottom: 5%;
        padding: 0;
        background: none;
        text-align: left;
        margin-right: 0 !important;
        overflow: hidden;
        border-radius: 18px;
		transition: 0.5s;
		box-shadow: 2px 3px 8px #00000036;
    }

    .subContent .pg_consultWrap .sec03 .content .listcon.is-active {
        transform: scale(1);
        opacity: 1;
    }

}

@media(max-width:720px){
    .subContent .pg_consultWrap .sec .sec_tit{
        font-size: 3.8vw;
    }

    .subContent .pg_consultWrap .sec01 .text .title{
        font-size: 5vw;
    }
    .subContent .pg_consultWrap .sec01 .text .explain{
        font-size: 3.4vw;
    }
    .subContent .pg_consultWrap .sec01 .listWrap .listcon .tit{
        font-size: 3.6vw;
    }

    .subContent .pg_consultWrap .sec02 .listcon .text .title{
        font-size: 4vw;
    }
    .subContent .pg_consultWrap .sec02 .listcon .text .explain{
        font-size: 3.4vw;
    }

    .subContent .pg_consultWrap .sec03 .container{
    }
	.subContent .pg_consultWrap .sec03 .content .listcon .text {
		padding: 9% 10%;
	}
    .subContent .pg_consultWrap .sec03 .titleWrap .title{
        font-size: 8vw;
    }
    .subContent .pg_consultWrap .sec03 .titleWrap .en{
        font-size: 4vw;
    }
    .subContent .pg_consultWrap .sec03 .content .listcon .title{
        font-size: 4.5vw;
    }
    .subContent .pg_consultWrap .sec03 .content .listcon.--right .title{
        padding-left: 10%;
    }
    .subContent .pg_consultWrap .sec03 .content .listcon .explain{
        font-size: 3.4vw;
    }
    .subContent .pg_consultWrap .sec03 .content .listcon .explain_con{
        letter-spacing: -1.5px;
        word-break: keep-all;
        line-height: 135%;
        margin-bottom: 1.5%;
        font-weight: 300;
    }
    .subContent .pg_consultWrap .sec03 .content .listcon.--right .explain{
        padding-left: 10%;
    }
}

.tbl_wrap {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.tbl_list {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #363636;
}

.tbl_colgroup {
    display: table-column-group;
}

.tbl_colgroup .col {
    display: table-column;
}

.tbl_colgroup .wd_01 {
    width: 10%;
}

.tbl_colgroup .wd_02 {
    width: 72%;
}

.tbl_colgroup .wd_03 {
    width: 18%;
}

.tbl_colgroup2 {
    display: table-column-group;
}

.tbl_colgroup2 .col {
    display: table-column;
}

.tbl_colgroup2 .wd_01 {
    width: 30%;
}

.tbl_colgroup2 .wd_02 {
    width: 15%;
}

.tbl_colgroup2 .wd_03 {
    width: 15%;
}

.tbl_colgroup2 .wd_04 {
    width: 40%;
}

.tbl_head {
    display: table-header-group;
}

.tbl_body {
    display: table-row-group
}

.tbl_row {
    display: table-row
}

.tbl_cel {
    display: table-cell;
    vertical-align: middle;
}

.tbl_list .tbl_head .tbl_cel {
    padding: 1rem 0 1rem 0;
    border-bottom: 1px solid #363636;
    text-align: center;
    background: #f5f6f9;
    line-height: 1rem;
    letter-spacing: -0.04em;
    font-weight: 500;
}

.tbl_list .tbl_head .tbl_cel.tl {
    text-align: left;
    padding-left: 1rem
}

.tbl_list .tbl_body .tbl_cel {
    padding: 1rem 0 1rem 0;
    border-bottom: 1px solid #d5d3d6;
    letter-spacing: -0.04em;
    background: #fff;
}

.tbl_list .tbl_body .tbl_cel.tl {
    text-align: left;
    padding-left: 0.5rem;
}

.tbl_list .tbl_body .tbl_row:hover .tbl_cel {
    background: #f4f9fb;
}

.tbl_row.no_date:hover .tbl_cel {
    background: #fff !important;
}

.tbl_list .subject {
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2rem;
    letter-spacing: -0.04em;
}

.tbl_list .media {
    color: var(--main-color);
}

.tbl_cel.num, .tbl_cel.date {
    text-align: center;
    color: #999
}

.tbl_row.no_date .no_txt {
    padding: 2rem 0 2rem 15%;
    text-align: center;
}

@media all and (max-width: 1080px) {
    .tbl_wrap {
        position: relative;
        width: 100%;
    }

    .tbl_list .tbl_head .tbl_cel {
        padding: 0.5rem 0 0.5rem 0;
        font-size: 0.8rem;
        line-height: 0.8rem;
        letter-spacing: -0.04em;
    }

    .tbl_list .tbl_body .tbl_cel {
        font-size: 0.8rem;
        letter-spacing: -0.04em;
        line-height: 135%;
    }

    .tbl_list .subject {
        font-size: 0.8rem;
        line-height: 0.8rem;
        letter-spacing: -0.04em;
    }
}

@media (max-width: 720px) {
    .tbl_list .tbl_head .tbl_cel {
        font-size:2.8vw;
        padding: 1rem 0;
    }

    .tbl_list .tbl_body .tbl_cel {
        font-size: 2.4vw;
    }
}

.view_title {
    clear: both;
    padding: 3rem 0;
    border-top: 0.2rem solid #333;
    border-bottom: 0.05rem solid #333;
    background: #f5f3f3
}

.view_title h3 {
    padding-left: 3rem;
    font-size: 2rem;
    color: #333;
    line-height: 1.1rem;
    letter-spacing: -2px;
}

.view_title span {
    color: #666;
}

.view_title .writer_info {
    margin-top: 1.2rem;
    padding-left: 3rem;
    font-size: 1rem;
}

.view_title .writer_info .date {
    margin-left: 1rem;
}

.view_title .writer_info .date::before {
    content: '';
    display: inline-block;
    margin-right: 1rem;
    width: 0.1rem;
    height: 1rem;
    vertical-align: baseline;
    background: #e6e6e6;
}

.view_txt {
    padding: 3rem 3rem 3rem 3rem;
    border-bottom: 0.05rem solid #ddd;
    line-height: 2.0;
    text-align: left;
    font-size: 18px;
    letter-spacing: -1px;
    background: #fff;
}

.view_cont {
    display: inline-block;
    text-align: left;
    line-height: 150%;
}

.view_cont * {
    line-height: 150%;
}

.tbl_wrap.--crm .view_cont {
    width: 100%;
}

.tbl_wrap.--crm .view_cont img {
    max-width: max-content;
}

.view_cont img {
    width: 100% !important;
    height: auto !important;
}

@media all and (max-width: 1080px) {
    .view_title {
        padding:1rem 0;
    }

    .view_title h3 {
        padding-left: 1rem;
        font-size: 1.2rem;
        line-height: 1rem;
    }

    .view_title .writer_info {
        margin-top: 1rem;
        padding-left: 1rem;
        font-size: 0.8rem
    }

    .view_txt {
        padding: 1.5rem;
        border-bottom: 0.05rem solid #ddd;
        line-height: 2.0;
        text-align: left;
    }
}

.file_area {
    clear: both;
    width: 100%;
    padding: 1rem 0 1rem 3rem;
    border-bottom: 0.05rem solid #ddd;
}

.file_area li {
    position: relative;
    display: block;
    padding-left: 0.7rem;
    font-family: "NotoSans",'malgun gothic','dotum';
    font-size: 1rem;
    letter-spacing: -0.04em;
}

.file_area li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    background: #999;
    border-radius: 50%;
}

.file_area li a {
    color: #999;
    font-size: 0.9rem;
    letter-spacing: -0.02em;
}

@media all and (max-width: 1080px) {
    .file_area {
        padding: 1rem 0 1rem 1rem;
    }

    .file_area li {
        padding-left: 0.5rem;
        font-size: 0.8rem;
    }

    .file_area li a {
        font-size: 0.8rem
    }
}

.btn_area {
    clear: both;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center
}

.btn_area .btn_list {
    position: relative;
    padding: 15px;
    font-size: 1rem;
    letter-spacing: -0.04em;
    transition: 0.5s all;
    border: 0.05rem solid #363636;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
}

.btn_area .btn_list:hover {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.btn_area .btn_list:after {
    content: "";
    width: 8px;
    height: 8px;
    background: transparent;
    border-top: 1px solid #363636;
    border-right: 1px solid #363636;
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 10px;
}

.btn_area .btn_list:hover:after {
    border-color: #fff;
}

.btn_area .btn_list:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 10%;
    border: solid #d5d5d5;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: none;
}

@media all and (max-width: 1080px) {
    .btn_area .btn_list {
        font-size:0.8rem;
    }
}

.prevNext {
    width: 100%;
    margin-top: 2rem;
    margin: 0 auto;
    border-top: 0.05rem solid #333;
}

.prevNext li {
    clear: both;
    padding-left: 3rem;
    border-bottom: 0.05rem solid #333;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1rem;
    letter-spacing: -0.04em;
    background: #f5f3f3;
}

.prevNext li:first-child {
    border-color: #ddd;
}

.prevNext i {
    position: relative;
    display: inline-block;
    margin-right: 5rem;
    margin-left: 1rem;
    width: 0.9rem;
    height: 0.5rem;
    vertical-align: middle;
}

.prevNext a {
    display: inline-block;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1rem;
    color: #666;
    letter-spacing: -0.04em;
}

.prevNext .i_next {
    position: relative;
}

.prevNext .i_next:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: solid #666;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.prevNext .i_pre {
    position: relative;
}

.prevNext .i_pre:before {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    border: solid #666;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media all and (max-width: 1080px) {
    .prevNext {
        width:96%;
    }

    .prevNext li {
        padding-left: 1rem;
        font-size: 0.8rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }

    .prevNext i {
        margin-right: 1rem;
        margin-left: 0.5rem;
    }

    .prevNext a {
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.8rem;
    }
}

.subContent .pg_greetWrap {
    padding: 5% 0;
}

.subContent .pg_greetWrap .subtit {
    font-size: 36px;
    font-weight: 700;
    color: var(--main-color);
    text-align: center;
    margin-bottom: 5%;
    letter-spacing: -1px;
}

.subContent .pg_greetWrap .subtit .char {
    opacity: 0;
    animation: fadeInLeft 1s cubic-bezier(.10, 0, .10, 1) both;
    animation-delay: calc(75ms * var(--char-index));
    line-height: 140%;
}

.subContent .pg_greetWrap .subtit .con {
    margin-bottom: 1%;
    letter-spacing: -1px;
}

.subContent .pg_greetWrap .subtit .con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_greetWrap .sec01 {
    position: relative;
    margin-bottom: 7.5%;
}

.subContent .pg_greetWrap .sec01 .text {
    color: #111;
    font-size: 19px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
    z-index: 1;
}

.subContent .pg_greetWrap .sec01 .text_con {
    margin-bottom: 2%;
    letter-spacing: -1px;
}

.subContent .pg_greetWrap .sec01 .text_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_greetWrap .sec01 .image {
    position: relative;
}

.subContent .pg_greetWrap .sec02 {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 7.5%;
}

.subContent .pg_greetWrap .sec02 .text {
    color: #111;
    font-size: 19px;
    font-weight: 300;
    margin-right: 5%;
}

.subContent .pg_greetWrap .sec02 .text_con {
    margin-bottom: 2%;
    letter-spacing: -1px;
}

.subContent .pg_greetWrap .sec02 .text_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_greetWrap .sec02 .image {
    position: relative;
}

.subContent .pg_greetWrap .sec03 {
    color: var(--main-color);
    text-align: center;
    font-weight: 600;
}

.subContent .pg_greetWrap .sec03 .title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5%;
}

.subContent .pg_greetWrap .sec03 .explain {
    font-size: 24px;
    margin-bottom: 5%;
}

.subContent .pg_greetWrap .sec03 .explain_con {
    margin-bottom: 0.5%;
    letter-spacing: -1px;
}

.subContent .pg_greetWrap .sec03 .explain_con:nth-last-child(1) {
    margin-bottom: 0;
}

.subContent .pg_greetWrap .sec03 .name {
    font-size: 26px;
    border: 1px solid var(--main-color);
    border-radius: 30px;
    padding: 10px 60px;
    display: inline-block;
    letter-spacing: -1px;
}

@media(max-width: 1400px) {
    .subContent .pg_greetWrap .subtit {
        font-size: 26px;
        margin-bottom: 10%;
    }

    .subContent .pg_greetWrap .sec01 .text {
        right: 5%;
        font-size: 17px;
    }

    .subContent .pg_greetWrap .sec02 .text {
        font-size: 17px;
    }

    .subContent .pg_greetWrap .sec03 .title {
        font-size: 26px;
    }

    .subContent .pg_greetWrap .sec03 .explain {
        font-size: 18px;
    }

    .subContent .pg_greetWrap .sec03 .name {
        font-size: 20px;
    }
}

@media(max-width: 1080px) {
    .subContent .pg_greetWrap {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .subContent .pg_greetWrap .sec01 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .subContent .pg_greetWrap .sec01 .text {
        text-align: left;
        position: relative;
        right: auto;
        margin-bottom: 5%;
    }

    .subContent .pg_greetWrap .sec01 .image {
        width: 100%;
    }

    .subContent .pg_greetWrap .sec02 {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10%;
    }

    .subContent .pg_greetWrap .sec02 .text {
        text-align: left;
        margin: 0;
        margin-bottom: 2.5%;
    }

    .subContent .pg_greetWrap .sec02 .image {
        margin-left: auto;
        max-width: 60%;
    }
}

@media(max-width: 640px) {
    .subContent .pg_greetWrap .subtit {
        font-size: 5vw;
    }

    .subContent .pg_greetWrap .sec01 .text {
        font-size: 3.2vw;
    }

    .subContent .pg_greetWrap .sec01 .text_con {
        line-height: 150%;
        margin: 0;
    }

    .subContent .pg_greetWrap .sec02 .text {
        font-size: 3.2vw;
        margin-bottom: 7.5%;
    }

    .subContent .pg_greetWrap .sec02 .text_con {
        line-height: 150%;
        margin: 0;
        letter-spacing: -1.5px;
    }

    .subContent .pg_greetWrap .sec03 .title {
        font-size: 5vw;
    }

    .subContent .pg_greetWrap .sec03 .explain {
        font-size: 3.6vw;
        margin-bottom: 10%;
    }

    .subContent .pg_greetWrap .sec03 .name {
        font-size: 4vw;
        padding: 2.5% 10%;
    }
}

.layer_pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(1,1,1,0.5);
    z-index: 1111111;
    opacity: 0;
    display: none;
    text-align: left;
}

.layer_pop.active {
    display: flex;
    animation: fadeIn 1s forwards;
    justify-content: center;
    align-items: center;
}

.layer_pop .layer_container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: calc(100% - 20px);
    height: 100%;
}

.layer_pop .layer_content {
    max-width: 720px;
    margin: 5% auto 0;
    max-height: 96vh;
    overflow: hidden;
    width: 100%;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
}

.layer_pop .subContent {
    margin: 0;
}

.layer_pop .subWrap .container {
}

.layer_pop .layer_close {
    width: 50px;
    height: 50px;
    z-index: 9999;
    position: relative;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
}

.layer_pop .layer_close span {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    font-size: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #111;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    height: 2px;
    text-align: center;
}

.layer_pop .layer_close span:nth-child(1) {
    transform: translateY(2px) rotate(225deg);
}

.layer_pop .layer_close span:nth-child(2) {
    transform: translateY(0) rotate(135deg);
}

.layer_pop .subWrap {
    background: #fff;
    /* border-radius: 30px; */
    overflow: auto;
}

.layer_pop .subContent .customerWrap {
    padding: 20px 10px;
}

.layer_pop .seminar_wrap .tbl_frm01 th {
    /* padding: 16px 30px; */
    white-space: nowrap;
}

.layer_pop .seminar_wrap {
    padding: 0;
}

.layer_pop .subContent .customerWrap .infoWrap .info_text {
    max-height: 100px;
    overflow: auto;
}

.layer_pop .seminar_wrap .tbl_frm01 .textarea {
    height: 100px;
}

.layer_pop .subContent .customerWrap .infoWrap .text_con.--big {
    font-size: 20px;
}

.layer_pop .btn_radio {
    font-size: 16px;
}
@media(max-width:1080px){
	.layer_pop .btn_confirm{
		margin-top: 7.5%;
	}
    .layer_pop .layer_close{
        width: 35px;
        height: 35px;
        top: 20px;
        right: 10px;
    }
}
@media(max-width:680px){
    .layer_pop .seminar_wrap .tbl_frm01 th{
		padding: 10px 0;
		padding-left: 10px;
    }
    .layer_pop .seminar_wrap .tbl_frm01 .textarea{
        height:70px;
    }
    .layer_pop .subContent .customerWrap .infoWrap .text_con.--big{
        font-size:16px;
    }
	.layer_pop .btn_confirm .btn_submitwrap{
		margin-top:0;
	}
}

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: #fff;
    z-index: 1000;
}

.loading img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.main_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    width: 350px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.main_loader {
    /*! animation: fadeOut 1s forwards; */
}

.circular_loader {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: calc(100% + 40px);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: calc(100% + 40px);
    position: absolute;
    top: -20px;
    left: -20px;
    margin: auto;
}

.loader_path {
    stroke-dasharray: 150, 200;
    stroke-dashoffset: -10;
    -webkit-animation: dash_circle 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash_circle 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    /* fill:rgba(255,255,255,0.5); */
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash_circle {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@media(max-width: 1080px) {
    .loader {
        width:calc(100% - 30px);
    }
}

@media(max-width: 640px) {
    .main_loader {
        width: 250px;
        height: 250px;
    }
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .have_background_fix {
        background-attachment: scroll !important;
    }
}

/* mobile */
.MB_V img {
    width: 100%;
}

.MB_V .ico_open {
    position: absolute;
    right: 50px;
    top: 106px;
    width: 90px;
    z-index: 10;
    left: auto;
}

.MB_V .mainVisual {
    position: relative;
}

.MB_V .ico_open {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 10;
    left: auto;
    bottom: 0px;
}

.mainVisual .bxslider .cali {
    position: absolute;
    left: 50%;
    top: 22%;
    transform: translate(-50%, -25%) translate(-.5px, -.5px);
    width: 65%;
}

.mainVisual .bxslider li .text {
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%) translate(-.5px, -.5px);
    width: 80%;
}

.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}

.mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid #fff;
    width: 7px;
    height: 7px;
}

.mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,.mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}

.MB_V .bxslider .border {
    padding: 30px 0;
    height: 1px;
}

.MB_V .bx-wrapper .text img {
}

.PC_V {
    display: block;
}

.MB_V {
    display: none;
}

.MB_BR {
    display: none;
}

@media(max-width: 1080px) {
    .PC_V {
        display:none;
    }

    .MB_V {
        display: block;
    }

    .MB_BR {
        display: block;
    }

    .container {
        margin: 0;
        min-height: 0;
        padding: 0;
        transform: translate(0);
        padding-bottom: 50px;
        width: 80%;
        margin: 0 auto;
    }

    .container.brand {
        margin-top: 0;
    }

    .container.system .inner {
        width: 100%;
    }

    .video_wrap {
        width: 100%;
        margin-top: 0;
    }

    .open {
        top: 76px;
        z-index: 10;
        text-align: right;
    }

    .subWrap {
        width: 100%;
        margin-top: 0;
        text-align: center;
    }

    .subWrap .container {
        width: calc(100% - 20px);
        margin: 0 auto;
    }

    .subWrap .container.--wd100 {
        width: 100%;
    }

    .layer_pop .container {
        padding-bottom: 0;
        width: 100%;
    }

    .layer_pop .subContent .customerWrap .infoWrap .info_tit {
        text-align: left;
    }

    .subWrap .subVisual .container {
        width: 100%;
        height: 100%;
    }

    .subWrap img {
        width: 100%;
    }

    .subContent .maintit {
        text-align: left;
        font-size: 28px;
    }

    .titleArea_bg {
    }

    .subVisual .bg {
    }

    .subVisual .inner .text {
        margin-left: 50%;
        margin-bottom: 15%;
    }

    .subVisual .inner .text_con01 {
        margin-bottom: 1%;
        ; }

    .subVisual .tit {
        padding: 0;
    }

    .subVisual .ImageWrap {
        margin-top: 0;
    }

    .subVisual .tit {
        display: none;
    }

    .subVisual .tit_en {
        display: none;
    }

    .subVisual video {
        width: 200%;
    }

    .titleArea {
        padding: 0;
        width: 100%;
        padding-left: 5%;
        margin: 7.5% 0;
    }

    .titleArea.mg_b {
        margin-bottom: 50px;
    }

    .titleArea .main {
    }

    .page_infor {
        display: block;
    }

    .notice_txt {
        font-family: "NotoSans",'malgun gothic','dotum';
        color: #333;
        font-size: 13px;
    }

    .seminar_wrap #box_wrap h3 strong, .seminar_wrap .tbl_frm01 h3 {
        font-size: 20px;
    }

    .seminar_wrap .tbl_frm01 th, .seminar_wrap .tbl_frm01 .selectbox {
        font-size: 13px;
        height: 42px;
		padding-left:10px;
    }
	.seminar_wrap .tbl_frm01 th label.need:before{
		left:-7.5px;
	}

    #box_wrap .table_box th {
        font-size: 13px;
    }

    #footer {
        padding: 10% 2.5%;
    }

    #footer img {
        width: 100%;
    }

    #footer .wrap {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        align-items: flex-start;
        gap: 0;
    }

    #footer .right {
        text-align: left;
    }

    #footer .left {
        align-items: flex-start;
        width: 100%;
        margin-bottom: 5%;
    }

    #footer .leftArea .info_con {
        margin-bottom: 4%;
    }

    #footer .left .copyWrap {
        flex-direction: column;
    }

    #footer .leftArea .bt {
        margin-bottom: 4%;
    }

    #footer .rightArea .top {
        display: none;
    }

    #footer .rightArea .bt {
        margin-bottom: 10%;
    }

    #footer .lastArea {
        margin: 0;
    }

    #footer .lastArea .explain_con {
        margin-bottom: 5%;
    }

    #footer .leftArea .logo {
        max-width: max-content;
        width: 30%;
        margin-bottom: 0;
    }

    .seminar_wrap #box_wrap {
        margin-bottom: 5%;
        width: 100%;
    }

    .seminar_wrap .title {
        font-size: 20px;
        margin: 2.5% 0 5%;
        padding-top: 2.5%;
    }

    .seminar_wrap #box_wrap .box_text {
        margin-bottom: 5%;
    }

    .seminar_wrap .flex_wrap .text_big {
        font-size: 16px;
    }

    .seminar_wrap .btn_confirm .btn_submit {
        padding: 5% 0;
    }

    .seminar_wrap .tbl_frm01 .btn {
        font-size: 13px;
    }
}

@media(max-width: 720px) {
    .container {
        width:100%;
    }

    .titleArea {
    }

    .subContent .maintit {
        font-size: 6vw;
        margin-bottom: 5%;
    }

    .subVisual {
    }

    .subVisual .inner {
        height: 100%;
        width: 100%;
        background: url(../images/bg_subVisual_m.jpg?v=<%=genTimeStamp%>) center center / cover no-repeat;
    }

    .subVisual .inner img {
        width: 75%;
    }

    .seminar_wrap .bg_seminar_middle {
        font-size: 13px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0;
    }

    .seminar_wrap #box_wrap .surveyWrap .surveyList {
        padding: 5%;
    }

    .seminar_wrap #box_wrap .surveyWrap .surveyList .explain {
        font-size: 14px;
    }

    .seminar_wrap #box_wrap .surveyWrap .surveyList .btn_radio, .seminar_wrap #box_wrap .surveyWrap .surveyList .btn_checkbox:not(:first-child) {
        margin-top: 0;
        margin-left: 0;
    }

    .seminar_wrap .tbl_frm01 {
        width: 100%;
    }

    .seminar_wrap #box_wrap .surveyWrap .surveyList .flex_wrap {
        gap: 10px;
    }

    .seminar_wrap #box_wrap .surveyWrap .surveyList.--address .input {
        width: 75px;
    }

    #footer .leftArea .info {
        font-size: 2.8vw;
    }

    #footer .rightArea .info_con {
        font-size: 2.8vw;
    }

    #footer .right .company {
        width: 80%;
        margin: 0 auto;
    }

    #footer .leftArea .logo {
    }

    #footer .lastArea .title_con {
        font-size: 3.2vw;
    }

    #footer .lastArea .title .num {
        font-size: 6vw;
        letter-spacing: -3px;
    }

    #footer .lastArea .explain {
        font-size: 3.2vw;
    }
}