/* Common **********************************************************************/ 
html,body {width:100%;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
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 {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:18px; line-height:1.7; font-family:'Pretendard'; color:#000; letter-spacing: -0.05em;} /* 기본폰트 세팅 */
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}
a {display: block; width: 100%; height: 100%;}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 泥섎━ */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}


/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


.center{text-align:center;}
.inner {width:1600px; margin:0 auto;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}
.pc_img {display:inline-block;}
.tab_img {display:none;}
.mob_img {display:none;}


/* === Main === */
#wrap {position:relative; width:100%; margin:0 auto; overflow:hidden; }

#header {width:100%; height: 90px; z-index: 10; text-align: right; position:fixed; left:0; top:0; background: rgba(0,0,0,.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 0 3%;} 
#header h1 {position:absolute; left:3%; top:26px; width: 235px; height: 38px;}
#header h1 img {display:block; width:100%; height:100%;}

#header .gnb {font-size: 0; display:inline-block; text-align: center;}
#header .gnb > li {display:inline-block; font-size: 20px; height: 90px; line-height: 90px; margin-right: 60px; position:relative; font-weight: 600;}
#header .gnb > li:last-child {margin-right: 0;}
#header .gnb > li > a {color: #56EFE4;}


.navi {display:none;}
.navi_btn {display:none;}


#contact_popup {position: fixed; right: 0; top: 0; width: 50%; height: 100vh; background: #000; z-index: 9999; padding: 50px 70px; display: none;}
#contact_popup h2 {font-size: 60px; color: #fff; line-height: 1; margin-bottom: 60px;}
#contact_popup .close_btn {position: absolute; top: 50px; right: 70px; width: 40px;}
#contact_popup .close_btn img {width: 100%;}
#contact_popup .tit {display: flex; align-items: center; margin-bottom: 30px;}
#contact_popup .tit h3 {color: #fff; font-size: 35px; line-height: 1; margin-right: 12px;}
#contact_popup .tit p {color: #C4C4C4; font-size: 16px; line-height: 1;}
#contact_popup .inq_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
#contact_popup .inq_list li {width: 47%; height: 50px; border-bottom: 1px solid #fff; margin-top: 15px; display: flex; align-items: center;}
#contact_popup .inq_list li:nth-child(-n+2) {margin-top: 0;}
#contact_popup .inq_list li span {font-size: 20px; color: #fff; font-weight: 500; line-height: 50px; width: 140px;}
#contact_popup .inq_list li input {width: calc(100% - 140px); height: 50px; background: none; border: none; color: #fff; font-size: 18px;}

#contact_popup .p_box {margin-top: 60px; display: flex; align-items: center; margin-bottom: 15px;}
#contact_popup .p_box img {width: 23px; margin-right: 6px; cursor: pointer;}
#contact_popup .p_box strong {font-size: 23px; line-height: 1; color: #fff; margin-right: 10px;}
#contact_popup .p_box p {font-size: 16px; color: #C4C4C4;}

#contact_popup textarea {width: 100%; height: 220px; background: #fff; color: #000; font-size: 16px; padding: 10px 20px;}
#contact_popup textarea::placeholder {color: #C4C4C4;}
#contact_popup .submit_btn {width: 450px; height: 70px; background: #2F2F2F; border-radius: 35px; font-size: 30px; color: #fff; display: block; margin: 0 auto; margin-top: 40px;}


#quick_btn {position: fixed; right: 3%; bottom: 50px; z-index: 999;}
#quick_btn .q_list {width: 104px; background: #56EFE4; border-radius: 52px; text-align: center; padding: 45px 0; box-shadow: 0 0 20px #56EFE4; display: none;}
#quick_btn .q_list li {margin-bottom: 35px;}
#quick_btn .q_list li:last-child {margin-bottom: 0;}
#quick_btn .q_list li a {display: block; width: 100%; height: 100%; color: #fff;}
#quick_btn .q_list li img {height: 32px;}
#quick_btn .q_list li p {font-size: 14px; margin-top: 2px;}


#quick_btn button {width: 104px; height: 104px; display: block; border-radius: 50%; margin-top: 12px;}
#quick_btn button img {width: 100%;}
#quick_btn button.q_btn {box-shadow: 0 0 20px #56EFE4;}




#main_visual {width: 100%; height: 100vh; position: relative; overflow: hidden;}
#main_visual .video_wrap video {width: 100%; height: 100%; object-fit: cover;}


.title {text-align: center;}
.title .h2_tit {font-size: 106px; line-height: 128px;}
.title .h2_tit b {color: #56EFE4;}
.title .round_p {display: inline-block; margin-top: 35px; font-size: 53px; padding: 5px 60px; border: 4px solid #56EFE4; border-radius: 55px; background: rgba(255,255,255,.01); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-weight: 300;}
.title .s_tit {text-align: left; font-size: 35px; line-height: 1; display: block; color: #56EFE4; margin-bottom: 110px;}


#con1 {width: 100%; background: url(../images/con1_bg.png) no-repeat center center / cover; padding: 345px 0 390px;}
#con1 .c1_list {margin-top: 200px;}
#con1 .c1_list li {display: flex; align-items: center; width: 100%; max-width: 1080px; height: 182px; border-radius: 91px; background: #000; margin: 0 auto; margin-bottom: 150px; padding: 0 100px; box-shadow: 0 0 90px #56EFE4;}
#con1 .c1_list li:last-child {margin-bottom: 0;}
#con1 .c1_list li .tit {width: 310px;}
#con1 .c1_list li .tit span {display: inline-block; font-size: 33px; font-weight: bold; line-height: 1; padding: 8px 25px; background: #56EFE4; color: #000; border-radius: 8px;}
#con1 .c1_list li p {width: calc(100% - 310px); font-size: 36px; line-height: 49px; font-weight: 300;}


#con2 {background: url(../images/con2_bg.png) no-repeat center center;}
#con2 .title {padding: 180px 0 520px; background: url(../images/con2_logo.png) no-repeat center top 20px; background-size: 630px 296px; position: relative;}
#con2 .title::after {content: ''; width: 26px; height: 327px; background: url(../images/tit_line.png) no-repeat; background-size: 26px 327px; position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%);}
#con2 .c2_list {display: flex; justify-content: space-between;}
#con2 .c2_list li {width: 30%;}
#con2 .c2_list li span {font-size: 206px; font-weight: 700; color: #56EFE4; line-height: 1;}
#con2 .c2_list li .box {border: 1px solid #fff; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 100px 40px 55px; margin-top: -80px;}
#con2 .c2_list li .box h3 {font-size: 60px; line-height: 1; margin-bottom: 130px; color: #56EFE4;}
#con2 .c2_list li .box p {font-size: 29px; line-height: 45px; font-weight: 300;}


#con3 {padding: 390px 0 110px; background: url(../images/con3_bg.png) no-repeat center center / cover;}
#con3 .c3_box {width: 100%; max-width: 1560px; padding: 100px 0; text-align: center; background: rgba(255,255,255,.1); border-radius: 20px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); margin-top: 135px;}
#con3 .c3_box p {font-size: 41px; line-height: 65px; font-weight: 300; color: #fff;}


#wrap_45 {background: url(../images/con4_bg.png) no-repeat center center / cover;}

#con4 .inner {position: relative;}
#con4 .inner .cursor_img {width: 540px; position: absolute; top: 100px; left: 50%; transform: translateX(-50%)}
#con4 .title {padding: 560px 0 510px; position: relative;}
#con4 .title::after {content: ''; width: 26px; height: 327px; background: url(../images/tit_line.png) no-repeat; background-size: 26px 327px; position: absolute; left: 50%; bottom: 75px; transform: translateX(-50%);}
#con4 .title p {font-size: 53px; font-weight: 300;}


#con4 .c4_list {width: 100%; max-width: 1290px; margin: 0 auto;}
#con4 .c4_list li {margin-bottom: 60px; width: 100%; height: 400px; border-radius: 200px; display: flex; align-items: center; padding: 42px 30px; background: rgba(255,255,255,.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
#con4 .c4_list li:last-child {margin-bottom: 0;}
#con4 .c4_list li .span_box {width: 320px; height: 320px; border-radius: 50%; background: linear-gradient(90deg, #FFFFFF, #52A09B, #56EFE4); padding: 2px;}
#con4 .c4_list li .span_box span {width: 316px; height: 316px; border-radius: 50%; background: #000; display: block; font-size: 48px; color: #56EFE4; text-align: center; line-height: 316px;}
#con4 .c4_list li p {font-size: 30px; line-height: 50px; font-weight: 300; margin-left: 65px;}


#con5 {margin-top: 360px;}
#con5 .inner {width: 1640px;}
#con5 .title img {width: 420px; display: block; margin: 0 auto;}
#con5 .h2_tit {text-align: left; margin-top: -270px;}

#con5 .c5_list {margin-top: 150px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#con5 .c5_list li {height: 500px; border-radius: 250px; border: 1px solid #fff; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); margin-top: 70px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: pointer;}
#con5 .c5_list li:first-child {margin-top: 0;}
#con5 .c5_list li.w3 {width: 100%;}
#con5 .c5_list li.w2 {width: 65%;}
#con5 .c5_list li.w1 {width: 30%;} 

#con5 .c5_list li .txt {opacity: 0; visibility: hidden;}
#con5 .c5_list li .txt p {font-size: 42px; line-height: 70px;}

#con5 .c5_list li .cover {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; opacity: 1; visibility: visible;}
#con5 .c5_list li .cover span {font-size: 26px; line-height: 32px; font-weight: 300; display: block; margin-bottom: 5px;}
#con5 .c5_list li .cover h3 {font-size: 55px; line-height: 65px; font-weight: 700px;}

#con5 .c5_list li:hover .txt {opacity: 1; visibility: visible;}

#con5 .c5_list li:hover .cover {opacity: 0; visibility: hidden;}


#con6 {background: url(../images/con6_bg.png) no-repeat center center / cover; padding-top: 410px;}
#con6 .title {margin-bottom: 230px;}
#con6 .title img {width: 700px;}
#con6 .title h2 {margin-top: 120px;}
#con6 .title p {font-size: 53px; line-height: 81px; font-weight: 300; margin-top: 50px;}

.g_content {display: flex; flex-wrap: wrap; justify-content: space-between;}
.g_content .g_box {width: 45%; background: rgba(255,255,255,.08); border: 1px solid #fff; border-radius: 10px; padding: 70px 80px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.g_content .g_box .txt_2 {margin-bottom: 90px;}
.g_content .g_box .txt_2 p {font-size: 58px; font-weight: 500; line-height: 1; margin-bottom: 40px; text-align: center;}
.g_content .g_box .txt_2 .tit {display: flex; align-items: center; justify-content: center;}
.g_content .g_box .txt_2 .tit em {font-size: 60px; line-height: 70px; font-weight: 500; margin-right: 22px; text-align: right; color: #56EFE4;}
.g_content .g_box .txt_2 .tit strong {font-size: 156px; color: #56EFE4; line-height: 1;}
.g_content .g_box img {width: 100%; max-width: 400px; display: block; margin: 0 auto;}


.g_content .g_box:first-of-type {width: 100%; padding: 70px 120px; margin-bottom: 270px; display: flex; align-items: center; justify-content: space-between;}
.g_content .g_box:first-of-type .txt span {font-size: 52px; line-height: 66px; font-weight: 500; color: #56EFE4; display: block; margin-bottom: 80px;}
.g_content .g_box:first-of-type .txt strong {font-size: 146px; line-height: 146px; font-weight: 700; letter-spacing: -8px;}
.g_content .g_box:first-of-type img {width: 54%; max-width: 100%; margin: 0;}


#con7 {background: url(../images/con7_bg.png) no-repeat center center / cover; padding: 350px 0 280px;}
#con7 .percent_tit {text-align: center;}
#con7 .percent_tit span {font-size: 130px; line-height: 1; font-weight: 900; display: block;}
#con7 .percent_tit strong {font-size: 348px; line-height: 1; font-weight: 900; display: block; color: #56EFE4; margin:0 0 60px;}
#con7 .percent_tit p {font-size: 37px; font-weight: 500; color: #C4C4C4;}


.review_wrap {margin-top: 345px;}
.review_wrap ul {display: flex; margin-bottom: 120px; animation-duration: 20s; animation-timing-function: linear; animation-iteration-count: infinite;}
.review_wrap ul:last-child {margin-bottom: 0;}
.review_wrap ul li {text-align: center; width: 400px; margin-right: 30px; flex-shrink: 0;}
.review_wrap ul li img {width: 98px; background: #171717; border: 1px solid #fff; border-radius: 50%; z-index: 50; position: relative;}
.review_wrap ul li .txt {width: 400px; height: 160px; border: 1px solid #fff; border-radius: 40px; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); margin: 0 auto; margin-top: -35px; padding-top: 50px; z-index: 10;}
.review_wrap ul li .txt p {font-size: 16px; line-height: 22px;}

.r_list_01, .r_list_03 {animation-name: slide-right;}
.r_list_02, .r_list_04 {animation-name: slide-left;}


@keyframes slide-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* 필요 시 조정 */
}

@keyframes slide-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}


#con7 .contact_btn {width: 1070px; height: 294px; font-size: 138px; font-weight: 600; border: 1px solid #fff; border-radius: 300px; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff; display: block; margin: 0 auto; margin-top: 280px;}


#footer {width: 100%; background: #606060; padding: 55px 0; color: #fff;}
#footer .inner {width: 1400px; position: relative;}
#footer .inner .foot_logo {width: 152px; position: absolute; right: 0; bottom: 0;}
#footer .f_in {display: flex; justify-content: space-between;}
#footer .f_in p {font-size: 18px; line-height: 30px;}
#footer p.copyright {font-size: 18px; line-height: 30px; margin-top: 30px;}






/* === Sub === */
#sub_visual {width: 100%; height: 500px; background: url(/images/sub_visual.jpg) no-repeat center center / cover; padding: 200px 0;}
#sub_visual .title p {font-size: 26px; line-height: 1; margin-bottom: 30px; color: #fff;}
#sub_visual .title h2 {font-size: 70px; line-height: 1; color: #fff; font-weight: bold;}

#sub_visual.bg02 {background: url(/images/sub_visual_02.jpg) no-repeat center center / cover;}


/* 로그인 */
#login_wrap {width: 100%; margin: 300px 0 200px;}
#login_wrap .l_tit {text-align: center; margin-bottom: 60px;}
#login_wrap .l_tit h3 {font-size: 50px; font-weight: 300; line-height: 1;}
#login_wrap .l_tit h3 b {font-weight: bold;}
#login_wrap .l_tit p {font-size: 22px; margin-top: 20px;}

#login_wrap .login_box {width: 600px; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px 30px 60px;}
#login_wrap .login_box input {width: 100%; height: 50px; border: 1px solid #ddd; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;}
#login_wrap .login_box input:last-of-type {margin-bottom: 20px;}
#login_wrap .login_box input::placeholder {color: #888;}
#login_wrap .login_box .login_btn {display:block; width: 100%; height: 50px; background: #186F73; border-radius: 8px; color: #fff;}

#login_wrap .login_box .findpw {font-size: 16px; text-align: left; margin-top: 15px;}
#login_wrap .login_box .findpw a {color: #000;}
#login_wrap .login_box .j_btn {font-size: 16px; display: block; margin-top: 15px; font-weight: 500; float: right;}
#login_wrap .login_box .j_btn a {color: #186F73;}


#login_wrap .join_box {width: 800px; background: #f7f7f7; border-radius: 20px; margin: 0 auto; padding: 50px 30px 60px;}
#login_wrap .join_box .join li {margin-bottom: 25px;}
#login_wrap .join_box .join li p {font-size: 16px; font-weight: 500; margin-bottom: 5px;}
#login_wrap .join_box .join li p b {color: #186F73;}
#login_wrap .join_box .join li > input {width: 100%; height: 50px; border: 1px solid #ddd; padding-left: 20px; font-size: 16px; color: #000; margin-bottom: 5px;}
#login_wrap .join_box .join li > input::placeholder {color: 888;}

#login_wrap .join_box .join li .pw_span {font-size: 14px; line-height: 1; color: #666;}

#login_wrap .join_box .join li.agree .tit {display: flex; margin-bottom: 5px; align-items: center;}
#login_wrap .join_box .join li.agree .tit input {display: block; margin-right: 8px; margin-top: -4px;}
#login_wrap .join_box .join li.agree textarea {width: 100%; height: 150px; border: 1px solid #ddd; padding: 15px; font-size: 14px; line-height: 24px;}

#login_wrap .join_box .join_btn {display:block; width: 300px; height: 50px; background: #186F73; border-radius: 8px; color: #fff; font-size: bold; margin: 0 auto; margin-top: 40px;}

#login_wrap .join_box .mypage li {border-bottom: 1px solid #ddd; padding-bottom: 20px;}
#login_wrap .join_box .mypage li:nth-of-type(2) {border-bottom: 0; padding-bottom: 0;}
#login_wrap .join_box .mypage li:last-child {margin-bottom: 0;}
#login_wrap .join_box .mypage li strong.my_data {font-size: 18px; font-family: 'Pretendard'; font-weight: 500;}
#login_wrap .join_box .withdrawal {font-size: 14px; display: block; font-weight: 500; float: right; color: #888; margin-top: 15px;}
#login_wrap .join_box .edit_btn {display:block; width: 300px; height: 50px; background: #186F73; border-radius: 8px; color: #fff; font-size: bold; margin: 0 auto; margin-top: 60px;}


.admin_member_list .admin_tbl {width: 100%; border-top: 2px solid #186F73;}
.admin_member_list .admin_tbl th {background: #eaeff6; font-size: 16px; padding: 12px 0;}
.admin_member_list .admin_tbl td {text-align: center; font-size: 16px; padding: 12px 0; border-bottom: 1px solid #ddd;}
.admin_member_list .admin_tbl td .admin_wd {font-size: 14px; width: 100px; height: 34px; text-align: center; background: #333; color: #fff; font-weight: 500; border-radius: 8px;}



.admin_in_wrap { min-height: 100vh; padding-top: 90px;}

#admin_inq {margin: 100px 0 150px;}
#admin_inq .inner {width: 1400px;}
#admin_inq h2 {font-size: 50px; text-align: center; line-height: 1; margin-bottom: 60px;}

#admin_inq .list_btn {width: 250px; height: 60px; border-radius: 30px; background: #000; font-size: 20px; display: block; margin: 0 auto; margin-top: 50px;}
#admin_inq .list_btn a {display: block; width: 100%; height: 100%; color: #fff; line-height: 60px;}

.admin_tbl {width: 100%; border-top: 3px solid #56EFE4;}
.admin_tbl tr {border-bottom: 1px solid #ddd;}
.admin_tbl th {font-size: 16px; padding: 14px 0; background: #f5f5f5;}
.admin_tbl td {font-size: 16px; padding: 14px 0; text-align: center; background: #fff;}
.admin_tbl td .view_btn {font-size: 14px; color: #fff; background: #000; display: inline-block; width: 110px; border-radius: 3px; height: 34px; line-height: 34px; font-weight: 500;}
.admin_tbl td .view_btn:hover {background: #56EFE4; color: #000;}

.paging_wrap{text-align: center; margin-top: 40px;}
ul.paging{display: inline-block; font-size: 0;}
ul.paging li{display: inline-block; vertical-align: middle; margin-right: 5px;}
ul.paging li:last-child {margin-right: 0;}
ul.paging li img {vertical-align: middle;}
ul.paging li a {display: block; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #ddd; font-size: 16px; color:#999; line-height: 40px;}
ul.paging li.on a {color:#fff; border: 0; background:#000;}