@charset "utf-8";

/* Reset CSS
 * --------------------------------------- */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
 form,fieldset,input,textarea,p,blockquote,th,td {
     padding: 0;
     margin: 0;
     color: #31343b;
 }
 
 @font-face {
     font-family: 'Pretendard-Regular';
     src: url('../font/Pretendard-Regular.woff2');
     font-weight: 400;
     font-style: normal;
 }

 @font-face {
    font-family: 'Pretendard-Black';
    src: url('../font/Pretendard-Black.woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
   font-family: 'Pretendard-ExtraBold';
   src: url('../font/Pretendard-ExtraBold.woff2');
   font-weight: 400;
   font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('../font/Pretendard-Bold.woff2');
    font-weight: 400;
    font-style: normal;
}
 
 
 a{
     text-decoration:none;
     color: #31343b;
 }
 
 table {
     border-spacing: 0;
 }
 fieldset,img {
     border: 0;
 }
 address,caption,cite,code,dfn,em,strong,th,var {
     font-weight: normal;
     font-style: normal;
 }
 strong{
     font-weight: bold;
 }
 ol,ul {
     list-style: none;
     margin:0;
     padding:0;
 }
 caption,th {
     text-align: left;
 
 }
 h1,h2,h3,h4,h5,h6 {
     font-weight: normal;
     font-size: 100%;
     margin:0;
     padding:0;
 }
 q:before,q:after {
     content:'';
 }
 abbr,acronym { border: 0;
 }

 .br_mo {display: none;}

 .sub_section2 .inner_title .br_mo2 {
   display: none;
}

.location_section .inner_title .br_mo2 {
   display: none;
}

.location_text_sub .br_mo3 {
   display: none;
}

 /*header*/
 #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
 }
 
 .header_wrap {
    padding: 0 95px;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(8px);
    transition: all 0.5s;
 }

 .header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
 }

 .header_logo {
    width: 320px;
    display: flex;
    align-items: center;
 }

 .header_logo a {
    width: 100%;
    padding: 15px 0;
 }

 .header_logo img {
    width: 100%;
 }

 .header_navi {
    width: 445px;
    height: 100%;
    display: flex;
    align-items: center;
 }

 .navi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
 }

 .navi > li {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
 }

 .navi > li > a {
    font-size: 18px;
    padding: 15px 20px;
    font-family: 'Pretendard-Bold';
    transition: all 0.5s;
 }

 .navi > li > a:hover {
   color: #434463;
 }

 /*.sub_menu {
   position: absolute;
   background: #fff;
   top: 85%;
   box-shadow: 0 0 10px 0 #aaaabc45;
   border-radius: 15px;
   width: 100%;
   font-size: 16px;
   font-family: 'Pretendard-Regular';
   opacity: 0;
   transition: all 0.5s;
 }

 .sub_menu > li {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .sub_menu > li a {
   color: #31343b;
   width: 100%;
   text-align: center;
   height: 45px;
   line-height: 45px;
   padding: 5% 2%;
   transition: all 0.5s;
 }

 .sub_menu > li a:hover {
   color: #434463;
   font-family: 'Pretendard-Bold';
 }

 .sub_menu > li:nth-child(2) {
   margin-top: 6%;
 }*/

 .navi > li > a:hover {
   color: #434463;
   transition: all 0.3s;
 }

 .header_menu_mo {
   display: none;
 }

 .header_navi_mo {
   display: none;
 }

 /*main*/
 #main {
    padding-top: 110px;
    width: 100%;
    scroll-behavior: smooth;
 }
 
 .main_section1 {
    padding: 0 95px;
    height: calc(100vh - 110px);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
 }

 .main_title {
    width: 100%;
 }

 .title_text1 {
    font-family: 'Pretendard-Black';
    font-size: 78px;
    color: #31343b;
    line-height: 1.3;
 }

 .title_text_span {
    font-family: 'Pretendard-Bold';
 }

 .main_title_img {
    width: 100%;
    height: 65%;
 }

 .title_img_wrap {
    width: 100%;
    background: url('../images/main_title.jpg');
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 15px;
 }

 /*main_section2*/
 .main_section2 {
   padding: 80px 95px 0;
}

 /*main_inner1*/
.main_inner1 {
   width: 100%;
}

.inner_title {
   font-family: 'Pretendard-ExtraBold';
   font-size: 38px;
   line-height: 1.6;
}

.inner_list {
   padding-top: 60px;
   width: 100%;
}

.inner_list > li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 3%;
}

.inner_list > li:nth-last-child(1) {
   padding-bottom: 0;
}

.inner_list > li:nth-child(2n) .inner_list_text {
   order: 1;
}

.inner_list > li:nth-child(2n) .inner_list_img {
   order: 2;
}

.inner_list_img {
   width: 35%;
}

.inner_list_img img {
   width: 100%;
   border-radius: 15px;
}

.inner_list_text {
   width: 60%;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.list_text_title {
   color: #434463;
   font-family: 'Pretendard-Bold';
   font-size: 35px;
   width: 90%;
}

.list_line {
   border-bottom: 2px solid #aaaabc;
   display: block;
   width: 95%;
   margin: 25px 0;
}

.list_text_sub {
   font-family: 'Pretendard-Bold';
   font-size: 28px;
   line-height: 1.6;
   width: 90%;
}

.list_sub_bg1 {
   position: absolute;
   right: 0;
   bottom: 55%;
   z-index: -1;
   width: 80%;
}

.list_sub_bg2 {
   position: absolute;
   left: 0;
   bottom: 55%;
   z-index: -1;
   width: 80%;
}

.list_sub_bg1 img {
   width: 100%;
}

.list_sub_bg2 img {
   width: 100%;
}

.sub_bg1_report {
   width: 44.6%;
}

 /*main_inner2*/
.main_inner2 {
   width: 100%;
   padding-top: 90px;
}

.inner_list2 {
   padding-top: 60px;
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.inner_list2 > li {
   width: 23%;
}

.inner_list_img2 {
   width: 100%;
}

.inner_list_img2 img {
   border-radius: 15px;
   width: 100%;
}

.inner_list_text2 {
   width: 100%;
   display: flex;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   padding-top: 10%;
}

.list_text_title2 {
   color: #434463;
   font-family: 'Pretendard-Bold';
   font-size: 28px;
}

.list_line2 {
   width: 100%;
   border-bottom: 2px solid #aaaabc;
   display: block;
   margin: 18px 0;
}

.list_text_sub2 {
   font-family: 'Pretendard-Bold';
   font-size: 28px;
   line-height: 1.6;
}

 /*main_inner3*/
.main_inner3 {
   width: 100%;
   padding-top: 90px;
}

.inner3_wrap {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   align-items: flex-start;
}

.inner3_title {
   padding-top: 10%;
   width: 45%;
}

.inner3_title2 {
   padding-top: 15%;
   width: 45%;
}

.list_line3 {
   width: 80%;
   border-bottom: 2px solid #aaaabc;
   display: block;
   margin: 25px 0;
}

.inner_list_text3 {
   width: 45%;
   padding-top: 10%;
   display: flex;
   justify-content: flex-start;
   flex-direction: column;
}

.inner_list_text4 {
   width: 45%;
   padding-top: 10%;
   display: flex;
   flex-direction: column;
}

.list_text_sub3 {
   font-family: 'Pretendard-Bold';
   font-size: 38px;
   color: #434463;
   padding-top: 3%;
}

.list_sub_bg3 {
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
   width: 30%;
}

.list_sub_bg4 {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   width: 30%;
}


.inner3_img {
   width: 46%;
   position: absolute;
   top: 10%;
   right: 0;
   padding-right: 0.5%;
}

.inner4_img {
   width: 35%;
   position: absolute;
   top: 10%;
   left: 0;
   padding-left: 2.5%;
}

.inner3_img img {
   width: 100%;
}

.inner4_img img {
   width: 100%;
}

.list_sub_bg3 img {
   width: 100%;
}

.list_sub_bg4 img {
   width: 100%;
}

.inner3_wrap2 {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   align-items: flex-end;
   margin-top: 5%;
}

.inner3_line {
   display: none;
}

/*main_section3*/
.main_section3 {
   padding-top: 150px;
}

.main_inner4 {
   width: 100%;
   background: url(../images/main_section3_bg.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 500px;
}

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

.inner4_text {
   font-family: 'Pretendard-Bold';
   font-size: 38px;
   color: #434463;
   line-height: 1.6;
   text-align: center;
} 

/*sub_member*/
#sub {
   padding-top: 110px;
   width: 100%;
   scroll-behavior: smooth;
   padding-bottom: 130px;
}

/*sub_section1*/
.sub_section1 {
   padding: 0 95px;
   height: calc(80vh - 110px);
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
}

.sub_title {
   width: 100%;
}

.sub_title_text1 {
   font-family: 'Pretendard-Black';
   font-size: 50px;
   color: #31343b;
   line-height: 1.3;
   padding-top: 2%;
}

.sub_title_text2 {
   font-family: 'Pretendard-Bold';
   font-size: 35px;
   color: #31343b;
   line-height: 1.3;
   padding-top: 20px;
}

.sub_title_img {
   width: 100%;
   height: 60%;
}

.sub_img_wrap {
   width: 100%;
   background: url('../images/sub_title_member.jpg');
   background-repeat: no-repeat;
   height: 100%;
   background-position: center;
   background-size: cover;
   border-radius: 15px;
}

/*sub_section2*/
.sub_section2 {
   padding: 60px 95px 0;
}

/*sub_inner1*/
.sub_inner1 {
   width: 100%;
}

.member_inner_list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.sub_section2 .inner_list > li {
   width: 48%;
}

.sub_inner_list_text .list_text_title {
   line-height: 1.8;
   padding-bottom: 32%;
   width: 95%;
}

.sub_inner_list_text .list_text_sub {
   width: 95%;
   padding-top: 4%;
}

.sub_inner_list_img {
   width: 48%;
}

.sub_inner_list_img img {
   width: 100%;
}

.sub_inner_list_text {
   width: 48%;
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.sub_list_text_title {
   font-size: 32px;
}

.name_span {
   font-size: 40px;
}

.sub_inner_list_text .list_line2 {
   width: 95%;
}

.member_inner_list > li:nth-last-child(1) {
   padding-bottom: 3%;
}

/*sub_business*/
.sub_business .sub_img_wrap {
   background: url(../images/sub_title_business.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left;
}

.sub_section2 .business_inner_list {
   width: 100%;
   padding-top: 115px;
}

.sub_section2 .business_inner_list > li {
   width: 100%;
   position: relative;
   padding-bottom: 4.5%;
}

.sub_section2 .business_inner_list > li:nth-last-child(1) {
   padding-bottom: inherit;
}

.sub_section2 .business_inner_list > li:nth-child(2n) .sub_list_inner_img_wrap {
   order: 2;
}

.sub_section2 .business_inner_list > li:nth-child(2n) .sub_business_list {
   order: 1;
}

.sub_section2 .business_inner_list > li:nth-child(2n) .business_list_img {
   padding-left: inherit;
   margin-left: -6%;
}

.sub_list_inner_img_wrap {
   width: 35%;
}

.business_list_img {
   width: 100%;
   padding-left: 6%;
}

.business_list_img img {
   border-radius: 15px;
}

.list_sub_bg5 {
   position: absolute;
   left: 0;
   top: -19%;
   z-index: -1;
   width: 11%;
}

.list_sub_bg5 img {
   width: 100%;
}

.list_sub_bg6 {
   position: absolute;
   right: 0;
   top: -19%;
   z-index: -1;
   width: 11%;
}

.list_sub_bg6 img {
   width: 100%;
}

/*sub_wisenote*/
.sub_wisenote #sub {
   padding-bottom: 0;
}

.sub_section3 {
   padding-top: 50px;
}

.sub_wisenote .sub_img_wrap {
   background: url(../images/sub_title_wisenote.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: right;
}

.sub_section2 .wisenote_inner_list > li {
   width: 100%;
   padding-bottom: 5%;
}

.wisenote_inner_list > li:nth-child(2n) .sub_list_inner_img_wrap {
   order: 2;
}

.wisenote_inner_list > li:nth-child(2n) .sub_wisenote_list {
   order: 1;
}

.wisenote_inner_list > li .sub_list_inner_img_wrap {
   width: 43%;
}

.wisenote_list_img {
   width: 100%;
}

.sub_wisenote_list {
   width: 55%;
}

.wisenote_inner_list > li .wisenote_mobile {
   display: flex;
   justify-content: center;
}

.wisenote_mobile  .wisenote_list_img {
   width: 73%;
}

.list_text_keyword {
   display: flex;
   flex-direction: row;
   width: 90%;
   padding-top: 4%;
}

.list_keyword_wrap {
   border-radius: 50px;
   color: #fff;
   background: #434463;
   font-family: 'Pretendard-Bold';
   padding: 16px 30px;
   font-size: 24px;
   margin-right: 2%;
}

.sub_inner {
   width: 100%;
   background: url(../images/sub_section3_bg.jpg);
   background-repeat: no-repeat;
   background-position: right;
   background-size: cover;
   height: 435px;
}

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

.sub_inner_text {
   font-family: 'Pretendard-Bold';
   font-size: 38px;
   color: #434463;
   line-height: 1.6;
   text-align: center;
}

/*sub_location*/
.sub_location .sub_img_wrap {
   background: url(../images/sub_title_location.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.location_inner {
   width: 100%;
   padding-top: 60px;
}

.location_map {
   width: 100%;
}

.location_map > iframe {
   width: 100%;
   height: 520px;
   border-radius: 15px;
}

.loation_text_wrap {
   width: 100%;
   display: flex;
}

.location_text {
   font-family: 'Pretendard-Bold';
   font-size: 28px;
   padding-top: 3%;
}

.location_text_title {
   color: #434463;
   padding-right: 4%;
}

.div_line {
   width: 100%;
   border-bottom: 2px solid #aaaabc;
   margin: 20px 0;
}

.location_text_tel a:focus {
   text-decoration: underline;
}

/*terms*/
.sub_clause {
   height: calc(47vh - 110px);
}

.inner_text_box {
   padding-bottom: 30px;
}

.sub_title_line {
   width: 100%;
   border-bottom: 2px solid #aaaabc;
   padding-top: 5%;
}

.inner_text_num {
   font-family: 'Pretendard-Bold';
   font-size: 26px;
   padding-bottom: 15px;
}

.inner_box_wrap {
   font-family: 'Pretendard-Regular';
   font-size: 20px;
   line-height: 2;
}

.inner_box_wrap2 {
   font-family: 'Pretendard-Regular';
   font-size: 20px;
   padding-bottom: 12px;
   display: flex;
   line-height: 2;
}

.inner_box_wrap3 {
   padding-left: 12px;
}

.clause_num_title {
   color: #434463;
   font-size: 30px;
   padding-bottom: 5px;
   display: block;
}

.inner_box_num {
   padding-right: 10px;
}

.inner_box_list {
   flex-direction: column;
}

.inner_box_text {
   padding-bottom: 6px;
}

.inner_box_wrap3 .inner_box_wrap2:nth-last-child(1) {
   padding-bottom: 0;
}

.clause_title {
   padding-top: 2%;
}

.inner_date {
   font-family: 'Pretendard-Regular';
   font-size: 23px;
   padding-top: 3%;
}

/*privacy*/
.inner_box_wrap4 {
   padding-left: 12px;
}

.box_wrap > .inner_box_wrap {
   padding-bottom: 12px;
}

/*footer*/
#footer {
   width: 100%;
   background: #121216;
}

.footer_inner {
   padding: 50px 95px 70px;
   display: flex;
   align-items: flex-start;
}

.footer_logo {
   width: 280px;
   margin-right: 5%;
}

.footer_logo > a {
   width: 100%;
}

.footer_logo a img {
   width: 100%;
}

.footer_ctt {
   display: flex;
   flex-direction: column;
}

.footer_navi {
   width: 68%;
}

.footer_navi > .navi li a {
   color: #f9f8ff;
   padding: 0;
   font-size: 16px;
   font-family: 'Pretendard-Regular';
}

.footer_adr_wrap {
   font-family: 'Pretendard-Regular';
   font-size: 15px;
   padding-top: 3.5%;
}

.footer_adr {
   color: #f9f8ff;
}

.footer_copy {
   color: #aaaabc;
   padding-top: 1%;
}

.footer_tel a {
   color: #f9f8ff;
}

.footer_tel a:hover {
   text-decoration: underline;
}

.footer_tel a:focus {
   text-decoration: underline;
}