@charset "utf-8";
/* CSS Document */

/* ------------------------- Reset : Start ------------------------- */
html {font-size:0;}
html,body {width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {padding:0;margin:0;}
body {overflow-x:hidden;position:relative;background:#f4f4f4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body,th,td,input,select,textarea,button,pre {font-weight:400;line-height:1;font-family:'Apple SD Gothic Neo', 'MalgunGothic', sans-serif;letter-spacing:0;}
table {border-collapse:collapse;}
fieldset,img {border:none;}
img {max-width:100%;vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
input, input:focus, button:focus, textarea:focus {outline:none;}
button {border:0 none;background-color:transparent;cursor:pointer;}
a {text-decoration:none;cursor:pointer;color:#a3a4a6;-webkit-tap-highlight-color:transparent;}
address,caption,cite,code,dfn,em,var,strong,b {font-style:normal;font-weight:400;}
blockquote::before, blockquote::after,q::before, q::after {content:'';content:none;}
blockquote, q {quotes:none;}
figure {line-height:0;}
br {font-family:'Dotum';}
*,*::before,*::after {box-sizing:border-box;}
/* ------------------------- Reset : End ------------------------- */





/* ------------------------- Common : Start ------------------------- */
.blind {
    font-size: 0;
}
.wrap {
    overflow: hidden;
    position: relative;
    background: url(../images/bg.png) no-repeat 0 0 / 100%;
}
/* ------------------------- Common : End ------------------------- */





/* ------------------------- Header : Start ------------------------- */
.header {
    height: 12.7vw;
    padding: 3.5vw 0 3.3vw;
    text-align: center;
}
.header .logo {
    display: inline-block;
    width: 33.1vw;
    height: 5.9vw;
}
.header .logo img {
    width: 100%;
}
/* ------------------------- Header : End ------------------------- */




/* ------------------------- Visual : Start ------------------------- */
.visual {
    padding: 0 2.7vw;
}

/********** Swiper : Start **********/
.swiper-container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
}
.swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    white-space: nowrap;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-slide {
    display: inline-block;
    overflow: hidden;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
[class*="swiper-button-"] {
    display: inline-block;
    position: absolute;
    top: 71.3vw;
    z-index: 7;
    width: 3.9vw;
    height: 5.9vw;
    cursor: pointer;
}
div[role="button"]:focus {
    outline: none;
}
[class*="swiper-button-prev"].swiper-button-disabled,
[class*="swiper-button-next"].swiper-button-disabled {
    cursor: auto;
    pointer-events: none;
}
[class*="swiper-button-prev"]::after,
[class*="swiper-button-next"]::after {
    line-height: 1;
    letter-spacing: 0;
    text-transform: none !important;
}
[class*="swiper-button-prev"],
.swiper-container-rtl [class*="swiper-button-next"] {
    left: 7.6vw;
    right: auto;
}
[class*="swiper-button-next"],
.swiper-container-rtl [class*="swiper-button-next"]::after {
    content: 'prev';
}
[class*="swiper-button-next"],
.swiper-container-rtl [class*="swiper-button-prev"] {
    left: auto;
    right: 7.6vw;
}
[class*="swiper-button-next"]::after
.swiper-container-rtl [class*="swiper-button-prev"]::after {
    content: 'next';
}
.swiper-button-prev {
    background: url(../images/slide-prev.png) no-repeat 100% / 3.9vw;
}
.swiper-button-prev.swiper-button-disabled {
    background: url(../images/slide-prev-disabled.png) no-repeat 100% / 3.9vw;
}
.swiper-button-next {
    background: url(../images/slide-next.png) no-repeat 100% / 3.9vw;
}
.swiper-button-next.swiper-button-disabled {
    background: url(../images/slide-next-disabled.png) no-repeat 100% / 3.9vw;
}
.swiper-pagination {
    position: absolute;
    z-index: 10;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
    top: 0;
    left: 2.7vw;
    width: 100%;
    padding-top: 1.5vw;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 19.33vw;
    height: 7.73vw;
    border-top-left-radius: 1.3vw;
    border-top-right-radius: 1.3vw;
    -webkit-tap-highlight-color:transparent;
}
.swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    background: url(../images/nav-01-default.png) no-repeat 0 0 / 100% 100%;
}
.swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    background: url(../images/nav-02-default.png) no-repeat 0 0 / 100% 100%;
}
.swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    background: url(../images/nav-03-default.png) no-repeat 0 0 / 100% 100%;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    box-shadow: -0.5vw -0.8vw 1vw 0 rgba(0,0,0,0.1);
}
/*.swiper-pagination .swiper-pagination-bullet::after {*/
    /*content: '';*/
    /*display: inline-block;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: -5.3vw;*/
    /*width: 25vw;*/
    /*height: 5.3vw;*/
/*}*/
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {
    background: url(../images/nav-01-active.png) no-repeat 0 0 / 100% 100%;
}
/*.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1)::after {*/
    /*background: #d0fcc3;*/
/*}*/
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {
    background: url(../images/nav-02-active.png) no-repeat 0 0 / 100% 100%;
}
/*.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2)::after {*/
    /*left: -2vw;*/
    /*background: #bbeff7;*/
/*}*/
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {
    background: url(../images/nav-03-active.png) no-repeat 0 0 / 100% 100%;
}
/*.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3)::after {*/
    /*left: -2vw;*/
    /*background: #b6fee8;*/
/*}*/
button.swiper-pagination-bullet {
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {

}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: -0.13vw;
 }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}


/* swiper-container-01 : Start */
.swiper-container-01 {
    display: inline-block;
    width: 100vw;
}
.swiper-container-01 .swiper-slide {
    width: 100vw !important;
    /*padding: 7.7vw 2.7vw 4.5vw 2.7vw;*/
    padding: 9.3vw 2.7vw 4.5vw 2.7vw;
    margin-top: -0.13vw;
}
.swiper-container-01 .swiper-slide img {
    display: inline-block;
    position: relative;
    width: 89.2vw;
    border-radius: 0 1.3vw 1.3vw 1.3vw;
    box-shadow: 0 0 1.9vw 0 rgba(0,0,0,0.35);
}
/* swiper-container-01 : End */


/********** Swiper : End **********/




.btn-group .btn {
    display: inline-block;
    height: 11.47vw;
}
.visual .btn-group {
    position: absolute;
    left: 3.73vw;
    bottom: 8.07vw;
    text-align: center;
}

/* index.html */
.visual .btn-group .btn-01 {
    width: 54vw;
    background: url(../images/btn-01-01.png) no-repeat 0 0 / 100% 100%;
}
.visual .btn-group .btn-02 {
    width: 32.67vw;
    margin-left: 0.27vw;
    background: url(../images/btn-02-01.png) no-repeat 0 0 / 100% 100%;
}

.visual .btn-group .btn-03 {
    width: 43.33vw;
    background: url(../images/btn-03.png) no-repeat 0 0 / 100% 100%;
}
.visual .btn-group .btn-04 {
    width: 43.33vw;
    margin-left: 0.27vw;
    background: url(../images/btn-04.png) no-repeat 0 0 / 100% 100%;
}
/* ------------------------- Visual : End ------------------------- */





/* ------------------------- Section-01 : Start ------------------------- */
.section-01 {
    padding: 2vw 5.33vw 4vw;
}
.section-01 img {
    display: block;
    width: 89.33vw;
    height: 22vw;
    border-radius: 2vw;
    box-shadow: 0 1.33vw 2vw 0 rgba(0,0,0,0.2);
}
.section-01 img ~ img {
    margin-top: 4vw;
}
/* ------------------------- Section-01 : End ------------------------- */





/* ------------------------- Section-02 : Start ------------------------- */
.section-02 {
    padding: 5.33vw 5.33vw 3.67vw;
}

/* Accordion (Bootstrap) : Start */
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    overflow: hidden;
    position: relative;
    height: 0;
    transition-timing-function: ease;
    transition-duration: .3s;
    transition-property: height, visibility;
}
.comp-accordion .panel {
    margin-bottom: 5.3vw;
}
.comp-accordion .panel:last-child {
    margin-bottom: 0;
}
.comp-accordion .panel-title {
    min-height: auto;
    padding: 0;
    border: none;
    text-align: left;
}
.comp-accordion .panel-title > a > .title {
    font-size: 0;
}
.comp-accordion .panel-title > a {
    display: block;
    position: relative;
    height: 16.67vw;
    vertical-align: middle;
    border-radius: 1.3vw;
    transition: border-radius 0.5s;
    box-shadow: 0 1.87vw 2.67vw 0 rgba(0,0,0,0.15);
}
.comp-accordion .panel-title > a[aria-expanded="true"] {
    border-radius: 1.3vw 1.3vw 0 0;
    box-shadow: none;
}
.comp-accordion .panel-body {
    overflow: hidden;
    border-radius: 0 0 1.3vw 1.3vw;
    box-shadow: 0 1.87vw 2.67vw 0 rgba(0,0,0,0.15);
    transition: box-shadow 0s ease-in-out 0s;
}
.comp-accordion .panel-body .blind {
    width: 89.33vw;
}
.comp-accordion .acc-panel-01 .panel-title > a {
    background: #fff url(../images/acc-01-title.png) no-repeat 0 0 / 100%;
}
.comp-accordion .acc-panel-01 .panel-body .blind {
    height: 62.4vw;
    background: url(../images/acc-01-cont.png) no-repeat 0 0 / 100%;
}
.comp-accordion .acc-panel-02 .panel-title > a {
    background: #fff url(../images/acc-02-title.png) no-repeat 0 0 / 100%;
}
.comp-accordion .acc-panel-02 .panel-body .blind {
    height: 60vw;
    background: url(../images/acc-02-cont.png) no-repeat 0 0 / 100%;
}
.comp-accordion .acc-panel-03 .panel-title > a {
    background: #fff url(../images/acc-03-title.png) no-repeat 0 0 / 100%;
}
.comp-accordion .acc-panel-03 .panel-body .blind {
    height: 145.6vw;
    background: url(../images/acc-03-cont.png) no-repeat 0 0 / 100%;
}
.comp-accordion .panel-title > a > .ico-arrow {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.8vw;
    width: 4.67vw;
    height: 2.93vw;
    margin: auto;
    background: url(../images/ico-arrow.png) no-repeat 0 0 / 100%;
}
.comp-accordion .panel-title > a[aria-expanded="true"]:not([class]) > .ico-arrow,
.comp-accordion .panel-title > a[aria-expanded="true"][class] > .ico-arrow {
    transform: rotate(180deg);
}
/* Accordion (Bootstrap) : End */



.section-02 .btn-group {
    display: flex;
    justify-content: space-between;
    margin: 6vw 0 8vw;
    text-align: center;
}

/* index.html */
.section-02 .btn-group .btn-01 {
    width: 55.07vw;
    background: url(../images/btn-01-02.png) no-repeat 0 0 / 100% 100%;
}
.section-02 .btn-group .btn-02 {
    width: 33.73vw;
    margin-left: -0.4vw;
    background: url(../images/btn-02-02.png) no-repeat 0 0 / 100% 100%;
}

.section-02 .btn-group .btn-03 {
    width: 44.67vw;
    background: url(../images/btn-03-02.png) no-repeat 0 0 / 100% 100%;
}
.section-02 .btn-group .btn-04 {
    width: 44.67vw;
    margin-left: 0.27vw;
    background: url(../images/btn-04-02.png) no-repeat 0 0 / 100% 100%;
}



.btn-term {
    display: block;
    width: 89.33vw;
    height: 10.67vw;
    background: url(../images/btn-term.png) no-repeat 0 / 100%;
}
/* ------------------------- Section-02 : End ------------------------- */





/* ------------------------- Footer : Start ------------------------- */
.footer .inner {
    padding: 0 5.33vw 13.33vw;
}
.footer .top {
    position: relative;
    margin-top: 4.4vw;
    margin-bottom: 1.33vw;
}
.footer .top.nowrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .top p {
    margin-bottom: 1.6vw;
    font-size: 2.4vw;
    line-height: 4vw;
    color: #505258;
}

.footer .title {
    display: inline-block;
    font-size: 4vw;
    font-weight: 800;
    line-height: 6vw;
    letter-spacing: -0.065em;
    vertical-align: bottom;
    color: #505258;
}
.footer .top.nowrap .title {
    width: 24.93vw;
}
.footer .number {
    display: block;
    font-size: 2vw;
    line-height: 3.07vw;
    color:#8e8e8e;
    transform: translate(0, 0) scale(0.85);
    transform-origin: right;
    text-align: right;
}
.footer .number-group {
    margin-top: 2.5vw;
}
.footer .number-group .number {
    margin-left: 2.5vw;
    font-size: 2.2vw;
    line-height: 4vw;
    /*transform: translate(0, 0) scale(0.75);*/
    transform: none;
    transform-origin: left;
    text-align: left;
}
.footer .top.nowrap .number {
    /* position: absolute;
    right: 0;
    bottom: 0.7vw;
    width: calc(100% - 20.93vw);
    margin-top: 0; */
}
.footer .dot {
    position: relative;
    padding-left: 1.8vw;
    margin: 2vw 0;
    font-size: 2.67vw;
    line-height: 4.67vw;
    letter-spacing: -0.06em;
    color: #505258;
}
.footer .dot::after {
    content: "";
    position: absolute;
    top: 1.73vw;
    left: 0;
    width: 0.3vw;
    height: 0.3vw;
    background-color: #505259;
    border-radius: 50%;
}
.footer .bottom {
    padding-top: 4vw;
}
.footer .bottom > strong {
    font-size: 4vw;
    font-weight: 800;
    letter-spacing: -0.015em;
    color: #505258;
}
.footer .bottom p {
    margin-top: 0.8vw;
    font-size: 2.67vw;
    line-height: 4.8vw;
    letter-spacing: -0.015em;
    color: #505258;
}
.footer .bottom .text-list {
    margin-top: 4vw;
}
.footer .bottom .text-list span {
    display: inline-block;
    font-size: 2.67vw;
    line-height: 4.53vw;
    color: #505258;
}
.footer .bottom .text-list span.bold {
    font-size: 3.33vw;
    font-weight: 800;
    color: #626262;
}
.footer .bottom .text-list span + span {
    margin-left: 2vw;
}
.footer .bottom .text-list span:last-child {
    margin: 0;
}
/* ------------------------- Footer : End ------------------------- */