@charset "UTF-8";

/* 폰트 적용 */
body, html{
    font-family: 'suit';
    font-size: 0.83vw;
    width: 100vw;
    overflow-x: clip;
    font-weight: 500;
    color: #000;
    line-height: normal;
}
#hd_login_msg{
    display: none;
}
figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mo_head{
    display: none;
}

.mo{
    display: none;
}



/* 노말라이즈 */
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption {
    margin:0;
    padding:0;
}

main, header, section, nav, footer, aside, article, figure {
    display:block;
}

html{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

html, body {
    overflow-x:hidden; /* 반응형 */
}

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

h1, h2, h3, h4, strong, th {
    font-weight:normal;
    font-family:inherit;
    color:inherit;
}

a {
    color:inherit;
    text-decoration:none;
    outline:none;
}

i, em {font-style: normal;}
/* 팝업 */
.popup_layer_wrap{
    border-radius: 20px;
    overflow: hidden;
}
.popup_layer{
    width: max-content;
    flex-direction: column;
}
.popup_layer .popup_view{
    width: auto;
}
.popup_layer .popup_tabs{
    width: auto;
    display: flex;
}
.popup_layer .popup_tabs .popup_tab{
    color: #fff;
    text-shadow: none;
    padding: 0.5vw 0;

}
.popup_layer .popup_tabs .popup_tab.active{
    color: #fff;
    text-shadow: none;
}
.popup_layer .popup_view .popup_img_pc > img{
    display: block;
}
@media screen and (max-width:500px) {
    .popup_layer .popup_view .popup_img_mo{
        height: 100%;
    }
    .popup_layer .popup_view .popup_cont .popup_img_mo > img{
        width: 100%;
        height: 100%;
    }
    .popup_layer .popup_tabs{
        width: 100%;
    }
    .popup_layer .popup_tabs .popup_tab{
        padding: 10px 0;
        font-size: 3vw;
    }
    .popup_layer .popup_tabs .popup_tab.active{
        padding: 10px 0;
    }
    .layer_close{
        padding: 5px 10px;
    }
    .layer_close > li{
        font-size: 14px;
    }
}
/* 팝업 */

/* 헤더 */
.header {
    position: fixed;
    top: 1.30vw;
    left: 10.9375vw;
    width: 100%;
    z-index: 1000;
}
.header .logo figure{
    width: 7.76vw;
    height: 2.60vw;
}
.hd_login{
    position: fixed;
    right: 20px;
    top: 60px;
}

/* quick */
.ol{
    border: none;
    margin-bottom: 0;
    border-radius: 0;
}
#ol_be_cate{
    display: none;
}
.ol form{
    padding: 0;
}
#ol_before .ol_wr{
    display: none;
}
#ol_before .ol_auto_wr{
    display: none;
}
.sns-wrap{
    margin: 0;
}
#sns_login .sns-icon{
    height: auto;
    line-height: normal;
    width: 4.16vw;
    padding: 0.52vw 0; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #FBE300;
    color: #371D1E;
    border-bottom: 1px solid #858585;
    margin: 0;
    border-radius: 0;
}
.my_p a span{
    color: #53CFFF;
}
#sns_login .sns-kakao{
    
}
.quick{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 5.20vw;
    z-index: 1000;
}
.quick ul{
    border-radius: 0.52vw;
    overflow: hidden;
    box-shadow: 0px 0px 10px 1px #00000062;
}
.quick ul li a{
    width: 4.16vw;
    padding: 0.52vw 0; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    color: #858585;
    border-bottom: 1px solid #858585;
}
.quick ul li a figure{
    width: 2.08vw;
    height: 2.08vw;
    margin-bottom: 0.26vw;
}
.quick ul li a span{
    font-size: 0.72vw;
    font-weight: 700;
}
.quick ul li.inform a{
    background: #3F63FF;
    color: #fff;
}
.quick ul li.share span{
    color: #0421AF;
}

.quick ul li.kakao a{
    background: #FBE300;
    color: #371D1E;
}
.quick ul li:last-child a{
    border-bottom: 0;
}
/* quick */

/* 페이지 앵커 */
#pageMenu { position: fixed; right:40px; top:50%; transform: translate(0,-50%); width: 80px; z-index: 999; }
#pageMenu li { margin: 5px 0; }
#pageMenu a { display: block; width: 100%; position: relative; text-align: right; padding-right: 20px; }
#pageMenu a span { color: #000000; font-size: 0px; font-family: 'Montserrat'; font-weight: bold; line-height: 30px; display: inline-block; }
#pageMenu.on a span { color: #fff; }
#pageMenu a i {display: inline-block; position: absolute; width: 8px; height: 8px; background: #53CFFF; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); }
#pageMenu a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 17px; height: 17px; border: 1px solid #53CFFF; border-radius: 50%; opacity: 0; transition: all 0.3s;}
#pageMenu li.active a span { font-size: 13px;}
#pageMenu li.active a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 17px; height: 17px; border: 1px solid #53CFFF; border-radius: 50%; opacity: 1;}
.section{
    overflow: hidden;
}
/* 페이지 */
#section1 {background: linear-gradient(to right, #3FD5FF 0%, #3F5FFF 100%);}
#section2 {background: #fff;}
#section3 {background: #E1EDFF;}
#section4 {background: #fff}
#section5 {background: #E1EDFF}
#section6 {background: #fff}
#section7 {background: #fff}
#section8 {background: #001166;}
.section .section-inner {display: flex; justify-content: center; align-items: center; height: 100%; color: #fff;}
#section6 .section-inner {min-height:300px;}

/* 애니메이션 */
.section.active .ani-01 {animation: fadeRight 0.5s 0.35s both;}
.section.active .ani-02 {animation: fadeLeft 0.5s 0.55s both;}
.section.active .ani-03 i {animation: fadeUp 0.4s 0.2s both}

@keyframes fadeIn {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes fadeUp {
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeLeft {
	0%{transform:translateX(-80px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes fadeRight {
	0%{transform:translateX(80px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes up {
	0%{transform:translateY(120%);}
	100%{transform:translateY(0);}
}
@keyframes moveTxt {
	0%{transform:translateX(-20px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

.fp-controlArrow.fp-prev {left: 120px;}
.fp-controlArrow.fp-next {right: 120px;}



/* section01 */
#section1 .section-inner{
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
}
#section1 .section-inner .left{
    font-family: 'yeol';
    text-align: left;
}
#section1 .section-inner .left h1{
    font-size: 3.125vw;
    color: #FBE300;
    -webkit-text-stroke: 3px #0421AF;
    margin-bottom: 1.56vw;
}
#section1 .section-inner .left p{
    font-size: 2.60vw;
}
#section1 .section-inner .left p span{
    color: #0421AF;
}
#section1 .section-inner .left > span:nth-child(3){
    display: block;
    margin-top: 3.125vw;
    margin-bottom: 3.125vw;
    color: #0421AF;
    font-size: 2.08vw;
}
#section1 .section-inner .left > span:nth-child(4){
    font-size: 2.08vw;
}
#section1 .section-inner figure{
    width: 36.40625vw;
    height: 36.92vw;
}
/* section01 */

/* section02 */
#section2 .section-inner{
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
}
#section2 .section-inner .left{
    position: relative;
    z-index: 2;
    text-align: left;
}
#section2 .section-inner .left h1{
    font-family: 'yeol';
    color: #0421AF;
    font-size: 3.125vw;
    margin-bottom: 1.56vw;
}
#section2 .section-inner .left h1 span{
    color: #FF2F33;
}
#section2 .section-inner .left p{
    font-size: 2.08vw;
    color: #000;
    font-weight: 700;
}

#section2 .section-inner .left > span{
    display: block;
    font-family: 'yeol';
    color: #FF2F33;
    font-size: 3.125vw;
    margin-top: 2.08vw;
}
#section2 .section-inner figure{
    width: 59.16vw;
    height: 45.625vw;
    position: absolute;
    right: 10.9375vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
/* section02 */

/* section03 */
#section3 .section-inner{
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
}
#section3 .section-inner .left{
    position: relative;
    z-index: 2;
    text-align: right;
}
#section3 .section-inner .left h1{
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 3.125vw;
}

#section3 .section-inner .right{
    order: -1;
}
#section3 .section-inner .right ul{
    display: flex;
    align-items: flex-end;
}
#section3 .section-inner .right ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#section3 .section-inner .right ul li span{
    color: #000;
    display: block;
    font-size: 1.04vw;
    font-weight: 900;
    margin-bottom: 0.52vw;
}
#section3 .section-inner .right ul li:nth-child(1){
    margin-right: 1.04vw;
}
#section3 .section-inner .right ul li:nth-child(1) figure{
    width: 21.25vw;
    height: 42.08vw;
}
#section3 .section-inner .right ul li:nth-child(2){
    position: relative;
}
#section3 .section-inner .right ul li:nth-child(2) span{
    color: #0421AF;
    font-size: 2.08vw;
}

#section3 .section-inner .right ul li:nth-child(2) figure:nth-child(2){
    width: 21.61vw;
    height: 43.22vw;
}
#section3 .section-inner .right ul li:nth-child(2) figure:nth-child(2) img{
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
}
#section3 .section-inner .right ul li:nth-child(2) figure:nth-child(3){
    width: 23.90vw;
    height: 10.57vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#section3 .section-inner .right ul li:nth-child(2) figure:nth-child(3) img{
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
}
/* section03 */


/* section04 */
#section4 .section-inner{
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
}
#section4 .section-inner .left{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    text-align: left;
}
#section4 .section-inner .left h1{
    display: flex;
    align-items: center;
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 2.08vw;
}
#section4 .section-inner .left h1 figure:nth-child(1){
    width: 18.44vw;
    height: 3.16vw;
}
#section4 .section-inner .left h1 figure:nth-child(3){
    width: 12.39vw;
    height: 4.16vw;
}
#section4 .section-inner .left h1 span{
    display: block;
    margin: 0 0.52vw;
}
#section4 .section-inner .left p{
    font-family: 'yeol';
    font-size: 4.16vw;
    color: #0421AF;
    line-height: 0.5;
}
#section4 .section-inner .left p span{
    font-size: 1.56vw;
}
#section4 .section-inner .left > figure{
    width: 19.53125vw;
    height: 20.83vw;
}
#section4 .section-inner > figure{
    width: 45.28125vw;
    height: 40.36vw;
    position: absolute;
    right: 10.9375vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
/* section04 */


/* section09 */
#section9{
    position: relative;
    background: #E1EDFF;
    width: 100%;
    height: 100vh;
}
#section9 .section-inner{
    display: flex;
    background: #E1EDFF;
    position: relative;
    width: 100%;
    height: 100%;
}
#section9 .section-inner .bg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 83.33vw;
    display: flex;
    justify-content: space-between;
}
#section9 .section-inner::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    background: #00000046;
    height: 100vh;
}
#section9 .bg figure:nth-child(1){
    height: 100%;
    display: flex;
    align-items: flex-end;
}
#section9 .bg figure:nth-child(1) img{
    width: 40.10vw;
    height: 47.03125vw;
}
#section9 .bg figure:nth-child(2){
    height: 100%;
    display: flex;
    align-items: flex-start;
}
#section9 .bg figure:nth-child(1) img{
    width: 40.10vw;
    height: 47.44vw;
}
#section9 .cont{
    position: relative;
    z-index: 10;
}
#section9 .cont h1{
    font-family: 'yeol';
    font-size: 2.60vw;
    margin-bottom: 2.60vw;
    background: #0421AF;
    padding: 0.8vw 1.56vw;
    border-radius: 1.56vw;
    color: #fff;
}
#section9 .cont figure:nth-child(2){
    width: 47.5vw;
    height: 9.375vw;
    margin: 0 auto;
}
#section9 .cont figure:nth-child(3){
    width: 43.75vw;
    height: 11.14vw;
    margin: 0 auto;

}
#section9 .cont figure:nth-child(4){
    width: 41.35vw;
    height: 10.46875vw;
    margin: 0 auto;

}
/* section09 */


/* section05 */
#section5 .section-inner{
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
}
#section5 .section-inner .left{
    position: relative;
    height: 100%;
    padding-top: 6.77vw;
    z-index: 2;
    text-align: left;
}
#section5 .section-inner .left h1{
    padding-left: 5.20vw;
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 3.6vw;
}
#section5 .section-inner .left .text{
    padding: 2.08vw 3.125vw 0 6.25vw;
    position: relative;
    width: 46.45vw;
    height: 17.1875vw;
}
#section5 .section-inner .left .text figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 46.45vw;
    height: 17.1875vw;
    z-index: -1;
}
#section5 .section-inner .left .text figure img{
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
}
#section5 .section-inner .left .text p:nth-child(2){
    color: #000;
    font-size: 1.56vw;
    font-weight: 900;
}
#section5 .section-inner .left .text p:nth-child(2) span{
    font-weight: 700;
    color: #858585;
}
#section5 .section-inner .left .text >span{
    display: block;
    color: #000;
    font-size: 1.30vw;
    padding-bottom: 1.04vw;
    border-bottom: 1px solid #0421AF;
    margin: 0.52vw 0 1.30vw;
}
#section5 .section-inner .left .text p:nth-child(4){
    font-size: 1.30vw;
    color: #000;
    font-weight: 800;
}
#section5 .section-inner .left > figure{
    position: absolute;
    right: -5vw;
    top: 70%;
    transform: translateY(-50%);
    z-index: -2;
}

#section5 .section-inner > figure{
    order: -1;
    width: 32.29vw;
    height: 41.97vw;
}
/* section05 */



/* section06 */
#section6 .section-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
#section6 .section-inner .bg figure:nth-child(1){
    position: absolute;
    top: 0vw;
    left: 5vw;
    width: 24.73vw;
    height: 22.65625vw;
    z-index: 0;
}
#section6 .section-inner .bg figure:nth-child(2){
    position: absolute;
    top: 0vw;
    right: 7vw;
    width: 19.79vw;
    height: 19.79vw;
    z-index: 0;

}
#section6 .section-inner > h1{
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 1.04vw;
}
#section6 .section-inner > p:nth-child(3){
    font-size: 2.08vw;
    color: #000;
    font-weight: 700;
    margin: 0;
    margin-bottom: 3.125vw;
}
#section6 .section-inner .cont{
    display: flex;
    width: 88.54vw;
    height: 26.04vw;
    justify-content: space-between;
}
#section6 .section-inner .cont .box{
    width: 26.04vw;
    height: 100%;
    border-radius: 1.56vw;
    border: 1px solid #53CFFF;
    background: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}
#section6 .section-inner .cont .box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 23.4375vw;
    height: 23.4375vw;
    background: #53CFFF;
    border-radius: 1.56vw;
    z-index: -0;
}
#section6 .section-inner .cont .box:nth-child(2){
    border: 1px solid #3F5FFF;

}
#section6 .section-inner .cont .box:nth-child(2)::before{
    background: #3F5FFF;

}
#section6 .section-inner .cont .box:nth-child(3){
    border: 1px solid #0421AF;

}
#section6 .section-inner .cont .box:nth-child(3)::before{
    background: #0421AF;

}
#section6 .section-inner .cont .box figure{
    width: 2.76vw;
    height: 2.76vw;
    position: relative;

}
#section6 .section-inner .cont .box h1{
    font-family: 'yeol';
    font-size: 2.60vw;
    margin-bottom: 1.56vw;
    position: relative;
    margin-top: 3.125vw;
}
#section6 .section-inner .cont .box p{
    font-family: 'yeol';
    font-size: 2.60vw;
    position: relative;
    margin-bottom: 3.125vw;
}
#section6 .section-inner .cont .box p span{
    font-size: 4.16vw;
}
#section6 .section-inner > p:last-child{
    font-size: 1.56vw;
    color: #000;
    font-weight: 700;
    margin-top: 2.08vw;
}
/* section06 */


/* section10 */
#section10 .section-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #E1EDFF;
    color: #000;
}
#section10 .section-inner > h1{
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 1.04vw;
}
#section10 .section-inner > p{
    font-size: 2.08vw;
    color: #000;
    font-weight: 700;
    margin-bottom: 2.60vw;
}
#section10 .section-inner .cont{
    display: flex;
    width: 78vw;
    align-items: center;
    justify-content: space-between;
}
#section10 .section-inner .cont .left table{
    overflow: hidden;
    border-radius: 1.56vw;
    background: #fff;
}
#section10 .section-inner .cont .left table thead tr{
    background: #0421AF;
    color: #fff;

}
#section10 .section-inner .cont .left table thead tr th{
    padding: 0 2vw;
    height: 5.20vw;
    text-align: center;
    font-size: 1.56vw;
    font-weight: 700;
    vertical-align: middle;
    line-height: 0.8;
}
#section10 .section-inner .cont .left table thead tr th span{
    font-size: 0.8vw;
}
#section10 .section-inner .cont .left table tbody tr{
}
#section10 .section-inner .cont .left table tbody tr td{
    padding: 1.04vw 0;
    text-align: center;
    font-size: 1.56vw;
    font-weight: 700;

}
#section10 .section-inner .cont .left table tbody tr td span{
    color: #FF2F33;
}
#section10 .section-inner .cont >figure{
    width: 33.02vw;
    height: 30.46875vw;
}
/* section10 */


/* section07 */
#section7 .section-inner{
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
}
#section7 .section-inner .left{
    position: relative;
    z-index: 2;
    text-align: left;
}
#section7 .section-inner .left h1{
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 1.56vw;
}
#section7 .section-inner .left p{
    font-family: 'yeol';
    font-size: 2.08vw;
    color: #000;
    margin-bottom: 1.56vw;
}
#section7 .section-inner .left .paper{
    width: 49.47vw;
    height: 30.72vw;
    border-radius: 1.56vw;
    background: #53CFFF;
    position: relative;
}
#section7 .section-inner .left .paper .form{
    width: 46.875vw;
    height: 28.125vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 1.56vw;
    box-shadow: 0px 0px 10px 1px #0000006c;
    z-index: 2;
    padding: 2vw 5.20vw 0;
}
#section7 .section-inner .left .paper .form ul{
    margin-bottom: 1.6vw;
}
#section7 .section-inner .left .paper .form ul li{
    margin-bottom: 0.83vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#section7 .section-inner .left .paper .form ul li.sec07_agree{
    justify-content: flex-start;
}
#section7 .section-inner .left .paper .form ul li.sec07_agree input{
    width: 25%;
    animation: light ease-in-out infinite 2s alternate;
}
@keyframes light {
    0%{
        opacity: 0.1;
    }
    50%{

    }
    100%{
        opacity: 1;
    }
}
#section7 .section-inner .left .paper .form ul li label{
    color: #000;
    font-size: 1.04vw;
    font-weight: 900;
}
#section7 .section-inner .left .paper .form ul li label span{
    color: #FF2F33;
    font-size: 0.8vw;
    margin-left: 0.5vw;
}
#section7 .section-inner .left .paper .form ul li label span.cho{
    color: #001166;
}
#section7 .section-inner .left .paper .form ul li input{
    width: 70%;
    border: none;
    border-bottom: 1px solid #000;
    height: 1.56vw;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow:none;
}
#section7 .section-inner .left .paper .form ul li.mbagree{
    justify-content: flex-start;
}
#section7 .section-inner .left .paper .form ul li.mbagree input{
    width: auto;
}
#section7 .section-inner .left .paper .form ul li.mbagree label{
    font-size: 1.04vw;
    margin-left: 1.04vw;
    color: #858585;
}
#section7 .section-inner .left .paper .form ul li.mbagree label span{
    color: #FF2F33;
}

#section7 .section-inner .left .paper .form .btn_submit{
    display: block;
    width: 13.02vw;
    height: 2.60vw;
    font-size: 1.30vw;
    background: #53CFFF;
    font-family: 'yeol';
    color: #fff;
    border-radius: 1.04vw;
    margin: 0 auto;
}
#section7 .section-inner .left .paper .form .btn_submit.on{
    display: none;
}
#section7 .section-inner .left .paper .form .sub_fin{
    display: none;
    width: 13.02vw;
    height: 2.60vw;
    font-size: 1.30vw;
    background: #FF2F33;
    font-family: 'yeol';
    color: #fff;
    border-radius: 1.04vw;
    margin: 0 auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
#section7 .section-inner .left .paper .form .sub_fin.on{
    display: flex;
}

#section7 .section-inner > figure{
    width: 34.63vw;
    height: 46.92vw;
    position: absolute;
    right: 10.9375vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
/* section07 */



#section11{
    background: #E1EDFF;
}
#section11 .fp-tableCell{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#section11 .section-inner{
    padding-top: 3vw;
    width: 78.125vw;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    color: #000;
    height: auto;
}
#section11 .section-inner .left{
    text-align: left;
}
#section11 .section-inner .left h1{
    font-family: 'yeol';
    color: #0421AF;
    font-size: 2.60vw;
    margin-bottom: 2.60vw;
}
#section11 .section-inner .left p{
    font-size: 2.08vw;
    color: #000;
    font-weight: 700;
    margin-bottom: 1.04vw;
}
#section11 .section-inner .left p:last-child{
    margin-bottom: 0;
}
#section11 .section-inner .right{
    width: 36.45vw;
    height: 25.85vw;
    background: #53CFFF;
    border-radius: 1.56vw;
}
#section11 .section-inner .right .fast_consult{
    color: #fff;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#section11 .section-inner .right .fast_consult .consulbox{
    width: 100%;
    height: 100%;
    padding: 1.04vw;
}
#section11 .section-inner .right .fast_consult .consulbox form{
    width: 100%;
    height: 100%;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom{
    width: 100%;
    height: 100%;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2vw;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td{
    margin-bottom: 1.66vw;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td:last-child{
    margin-bottom: 0;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td{
    display: flex;
    justify-content: space-between;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box span{
    display: block;
    font-size: 1.14vw;
    font-weight: 400;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box input{
    padding-left: 1.04vw;
    width: 80%;
    height: 2.60vw;
    border-radius: 0.52vw;
    border: none;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box textarea{
    padding-left: 1.04vw;
    width: 80%;
    height: 5vw;
    border-radius: 0.52vw;
    border: none;
}
#section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .consult_bt{
    font-family: 'yeol';
    border-radius: 1.36vw;
    border: none;
    background: #0421AF;
    color: #fff;
    width: 100%;
    height: 2.60vw;
    font-size: 1.56vw;
}

/* section11 */

/* section11 */


/* section08 */
.footer-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.60vw 0;
    background-color: #001166;
}
.footer-inner > figure{
    width: 7.76vw;
    height: 2.60vw;
    margin-bottom: 1.04vw;
}
.footer-inner > p{
    font-size: 0.72vw;
    margin-bottom: 1.04vw;
}
.footer-inner > ul{
    display: flex;
    margin-bottom: 1.04vw;
}
.footer-inner > ul li:nth-child(1){
    margin-right: 0.52vw;
}
.footer-inner > ul li a{
    display: block;
    width: 2.08vw;
    height: 2.08vw;
}
.footer-inner > ul li a figure{
    width: 100%;
    height: 100%;
}
.footer-inner > span{
    font-size: 0.72vw;
    color: #858585;
}
/* section08 */


/* 반응형 */
@media screen and (max-width:500px) {
    .hd_login{
        top: 6vw;
        font-size: 3vw;
    }

/* quick */
.quick{
    top: unset;
    transform: none;
    bottom: 0;
    right: 0;
    border-radius: 2vw 2vw 0 0;
    width: 100vw;
    z-index: 100;
    overflow: hidden;
}
.quick ul{
    width: 100%;
    display: flex;
}
.quick ul li{
    width: calc(100% / 3);
}
.quick ul li a {
    justify-content: center;
    width: 100%;
}
.quick ul li a{
    width: 100%;
    height: 20vw;
}
.quick ul li a figure{
    width: 8vw;
    height: 8vw;
    margin-bottom: 1vw;
}
.quick ul li a span{
    font-size: 3vw;
}
#sns_login .sns-icon{
    width: 100%;
    height: 20vw;

}

/* quick */


    #pageMenu{
        display: none;
    }
    .section{
        padding: 20vw 0;
        position: relative;
    }
    .header{
        top: 0;
        left: 0;
        width: 100vw;
        padding: 2vw 0;
        display: flex;
        justify-content: center;
        background: #0421AF;
    }
    .header .logo figure{
        width: 25.76vw;
        height: 8.6vw;
    }
    #section1 .section-inner{
        width: calc(100% - 40px);
        flex-direction: column;
    }
    #section1 .section-inner .left{
        text-align: center;
        margin-bottom: 10vw;
    }
    #section1 .section-inner .left h1{
        font-size: 8vw;
        margin-bottom: 4vw;
    }
    #section1 .section-inner .left p{
        font-size: 6vw;
    }
    #section1 .section-inner .left > span:nth-child(3){
        font-size: 5vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    #section1 .section-inner .left > span:nth-child(4){
        font-size: 5vw;

    }
    #section1 .section-inner figure{
        width: 100%;
        height: 92.92vw;
    }



    /* sec02 */
    #section2 .section-inner{
        flex-direction: column;
        width: calc(100% - 40px);
    }
    #section2 .section-inner .left{
        text-align: center;
        margin-bottom: 10vw;

    }
    #section2 .section-inner .left h1{
        font-size: 7.5vw;
        margin-bottom: 4vw;
        word-break: keep-all;
    }
    #section2 .section-inner .left h1 br{
        display: none;
    }
    #section2 .section-inner .left p{
        font-size: 6vw;

    }
    #section2 .section-inner .left > span:nth-child(3){
        font-size: 8vw;
        margin-top: 5vw;
        margin-bottom: 5vw;

    }
    #section2 .section-inner .left > span:nth-child(4){
        font-size: 5vw;
    }
    #section2 .section-inner figure{
        position: static;
        transform: none;
        width: 100%;
        height: 70.625vw;
    }


    /* sec03 */
    #section3 .section-inner{
        flex-direction: column;
        width: calc(100% - 40px);

    }
    #section3 .section-inner .left{
        text-align: center;
        margin-bottom: 10vw;
    }
    #section3 .section-inner .left h1{
        font-size: 7.5vw;
        margin-bottom: 4vw;
    }
    #section3 .section-inner .left p{
        font-size: 6vw;

    }
    #section3 .section-inner .right{
        order: 0;
    }
    #section3 .section-inner .right ul li:nth-child(1){
        margin-right: 5vw;
    }
    #section3 .section-inner .right ul li span{
        font-size: 3vw;
        margin-bottom: 3vw;
    }
    #section3 .section-inner .right ul li:nth-child(2) span{
        font-size: 5vw;
    }
    #section3 .section-inner .right ul li:nth-child(1) figure{
        width: 32.25vw;
        height: 65.08vw;
    }
    #section3 .section-inner .right ul li:nth-child(2) figure:nth-child(2){
        width: 47.61vw;
        height: 95.22vw;
    }
    #section3 .section-inner .right ul li:nth-child(2) figure:nth-child(3){
        width: 53.9vw;
        height: 23.57vw;
    }

    /* sec04 */
    #section4 .section-inner{
        flex-direction: column;
        width: calc(100% - 40px);
    }
    #section4 .section-inner .left{
        text-align: center;
        margin-bottom: 10vw;

    }
    #section4 .section-inner .left h1{
        font-size: 7.5vw;
        margin-bottom: 4vw;

    }
    #section4 .section-inner .left h1 figure:nth-child(1){
        width: 42.44vw;
        height: 7.16vw;
    }
    #section4 .section-inner .left h1 span{
        margin: 0 2vw;
    }
    #section4 .section-inner .left h1 figure:nth-child(3){
        width: 30.39vw;
        height: 10.16vw;
    }
    #section4 .section-inner .left p{
        font-size: 10vw;

    }
    #section4 .section-inner .left p span{
        font-size: 4vw;
    }
    #section4 .section-inner .left > figure{
        display: none;
    }
    #section4 .section-inner > figure{
        position: static;
        transform: none;
        width: 100%;
        height: 72vw;

    }

    /* sec09 */
    #section9{
        padding: 0;
        height: auto;
    }
    #section9 .section-inner{
        padding: 20vw 20px;
    }
    #section9 .section-inner .bg{
        flex-direction: column;
    }
    #section9 .bg figure:nth-child(1){
        width: 100%;
        height: auto;
        margin-bottom: 10vw;
    }
    #section9 .bg figure:nth-child(1) img{
        width: 100%;
        height: 98.44vw;
    }
    #section9 .cont h1{
        word-break: keep-all;
        font-size: 6vw;
        padding: 3vw;
        margin-bottom: 5vw;
    }
    #section9 .cont h1 br{
        display: none;
    }
    #section9 .cont figure:nth-child(2){
        width: 91.5vw;
        height: 18.375vw;
    }
    #section9 .cont figure:nth-child(3){
        width: 81.75vw;
        height: 20.14vw;
        margin: 5vw auto;
    }
    #section9 .cont figure:nth-child(4){
        width: 75.35vw;
        height: 19.46875vw;
    }
    /* sec09 */

    /* sec05 */
    #section5 .section-inner{
        flex-direction: column;
        width: calc(100% - 40px);
    }
    #section5 .section-inner .left{
        text-align: center;
        margin-bottom: 10vw;
        padding: 0;
    }
    #section5 .section-inner .left h1{
        font-size: 6.5vw;
        margin-bottom: 5vw;
        padding: 0;
    }
    #section5 .section-inner .left p{
        font-size: 6vw;
    }
    #section5 .section-inner > figure{
        order: 0;
        width: 100%;
        height: 119.97vw;
    }
    #section5 .section-inner .left > figure{
        display: none;
    }
    #section5 .section-inner .left .text figure{
        width: 100%;
        height: 45.1875vw;
        border-radius: 5vw;
        overflow: hidden;
        filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
    }
    #section5 .section-inner .left .text{
        width: 100%;
        height: 45.1875vw;
        padding: 5vw;
        text-align: left;
    }
    #section5 .section-inner .left .text p:nth-child(2){
        font-size: 4vw;
    }
    #section5 .section-inner .left .text >span{
        font-size: 3.5vw;
        padding-bottom: 3vw;
        margin: 2vw 0 3vw;
    }
    #section5 .section-inner .left .text p:nth-child(4){
        font-size: 3.5vw;
        word-break: keep-all;
    }
    #section5 .section-inner .left .text p:nth-child(4) br{
        display: none;
    }

    /* sec06 */
    #section6 .section-inner .bg{
        display: none;
    }
    #section6 .section-inner > h1{
        font-size: 7.5vw;
        margin-bottom: 2vw;

    }
    #section6 .section-inner > p:nth-child(3){
        font-size: 4vw;
        margin-bottom: 5vw;
    }
    #section6 .section-inner .cont{
        flex-direction: column;
        height: auto;
    }
    #section6 .section-inner .cont .box{
        margin-bottom: 5vw;
        width: 100%;
        height: 30vw;
        border-radius: 5vw;
        flex-direction: row;
    }
    #section6 .section-inner .cont .box::before{
        width: 80vw;
        height: 25vw;
        border-radius: 5vw;

    }
    #section6 .section-inner .cont .box figure{
        width: 10vw;
        height: 10vw;
    }
    #section6 .section-inner .cont .box h1{
        font-size: 6vw;
        margin: 0;
        margin-left: 3vw;
    }
    #section6 .section-inner .cont .box p{
        margin: 0 3vw;
        font-size: 6vw;

    }
    #section6 .section-inner .cont .box p span{
        font-size: 10vw;
    }
    #section6 .section-inner .cont .box:last-child{
        margin-bottom: 0;
    }
    #section6 .section-inner > p:last-child{
        font-size: 4vw;
        margin-top: 4vw;
    }



    /* sec10 */
    #section10{
        padding: 0;
    }
    #section10 .section-inner{
        padding: 20vw 20px;
    }
    #section10 .section-inner > h1{
        font-size: 8vw;
        word-break: keep-all;
        margin-bottom: 2vw;
    }
    #section10 .section-inner > p{
        font-size: 4vw;
        margin-bottom: 5vw;
    }
    #section10 .section-inner .cont{
        width: 100%;
        flex-direction: column;
    }
    #section10 .section-inner .cont .left{
        width: 100%;
    }
    #section10 .section-inner .cont .left table{
        width: 100%;
        margin-bottom: 5vw;
    }
    #section10 .section-inner .cont .left table thead{
        width: 100%;
    }
    #section10 .section-inner .cont .left table thead tr{
        width: 100%;
    }
    #section10 .section-inner .cont .left table thead tr th{
        width: 25%;
        height: 12vw;
        font-size: 4vw;
    }
    #section10 .section-inner .cont .left table thead tr th span{
        font-size: 2vw;
    }
    #section10 .section-inner .cont .left table tbody tr td{
        font-size: 4vw;
        padding: 4vw 0;
    }
    #section10 .section-inner .cont >figure{
        width: 100%;
        height: 85.46875vw;
    }
    /* sec10 */



    /* sec07 */
    #section7 .section-inner{
        flex-direction: column;
        width: 100%;
    }
    #section7 .section-inner .left{
        width: 100%;
        text-align: center;
        margin-bottom: 10vw;
    }
    #section7 .section-inner > figure{
        display: none;
    }
    #section7 .section-inner .left h1{
        font-size: 7.5vw;
        margin-bottom: 4vw;

    }
    #section7 .section-inner .left p{
        font-size: 6vw;
        margin-bottom: 10vw;

    }
    #section7 .section-inner .left .paper{
        width: calc(100% - 40px);
        margin: 0 auto;
        height: 120vw;
    }
    #section7 .section-inner .left .paper .form{
        width: 83vw;
        height: 110vw;
        padding: 10vw 20px;
    }
    #section7 .section-inner .left .paper .form ul li{
        align-items: flex-start;
        margin-bottom: 3vw;
    }
    #section7 .section-inner .left .paper .form ul li label{
        font-size: 4vw;
        font-weight: 700;
        margin-bottom: 2vw;
    }
    #section7 .section-inner .left .paper .form ul li input{
        width: 50%;
        padding: 0;
        height: 5vw;
        font-size: 4vw;
    }

    #section7 .section-inner .left .paper .form ul li:nth-child(13){
        flex-direction: row;
        align-items: center;
    }
    #section7 .section-inner .left .paper .form ul li:nth-child(13) input{
        width: max-content;
    }
    #section7 .section-inner .left .paper .form ul li:nth-child(13) label{
        font-size: 2.5vw;
        margin: 0;
        margin-left: 4vw;
    }
    #section7 .section-inner .left .paper .form .btn_submit{
        width: 100%;
        height: 10vw;
        border-radius: 7vw;
        font-size: 4vw;
    }
    #section7 .section-inner .left .paper .form ul li label span{
        font-size: 3vw;
    }
    #section7 .section-inner .left .paper .form ul li.mbagree{
        justify-content: space-between;
        align-items: center;
    }
    #section7 .section-inner .left .paper .form ul li.mbagree input{
        width: 8%;
    }
    #section7 .section-inner .left .paper .form ul li.mbagree label{
        margin: 0;
        font-size: 3vw;
        display: flex;
        flex-direction: column;
    }
    #section7 .section-inner .left .paper .form .sub_fin{
        width: 100%;
        height: 10vw;
        border-radius: 7vw;
        font-size: 4vw;
    }
    /* sec11 */
    #section11{
        padding: 20vw 0;
    }
    #section11 .section-inner{
        padding: 0 20px;
        width: 100%;
        flex-direction: column;
        margin-bottom: 10vw;
    }
    #section11 .section-inner .left{
        margin-bottom: 5vw;
        text-align: left;
    }
    #section11 .section-inner .left h1{
        font-size: 7.5vw;
        margin-bottom: 5vw;
    }
    #section11 .section-inner .left p{
        font-size: 4vw;
        margin-bottom: 3vw;
    }
    #section11 .section-inner .right{
        width: 100%;
        height: 115vw;
    }
    #section11 .section-inner .right .fast_consult .consulbox{
        padding: 10vw 20px;
    }
    #section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td{
    }
    #section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box{
        flex-direction: column;
        align-items: flex-start;
    }
    #section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box span{
        font-size: 4vw;
        font-weight: 700;
        margin-bottom: 2vw;
    }
    #section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box input{
        padding-left: 2vw;
        width: 100%;
        height: 8vw;
        font-size: 3vw;
    }
    #section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .box textarea{
        width: 100%;
        padding-left: 2vw;
        height: 20vw;
        font-size: 3vw;
    }
    #section11 .section-inner .right .fast_consult .consulbox form .consultfrom tbody tr td .consult_bt{
        width: 100%;
        height: 10vw;
        border-radius: 7vw;
        font-size: 4vw;
    }
    /* sec11 */


    /* sec08 */
    .footer-inner{
        padding: 10vw 0 10vw 0;
    }
    .footer-inner > figure{
        width: 25.76vw;
        height: 8.6vw;
        margin-bottom: 4vw;
    }
    .footer-inner > p{
        font-size: 3vw;
        margin-bottom: 4vw;
    }
    .footer-inner > ul{
        margin-bottom: 4vw;
    }
    .footer-inner > ul li:nth-child(1){
        margin-right: 2vw;
    }
    .footer-inner > ul li a{
        width: 10vw;
        height: 10vw;
    }
    .footer-inner > span{
        font-size: 3vw;
    }
}
/* 반응형 */