/* 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: "Outfit", sans-serif, 'Pretendard'; color:#000; letter-spacing: -0.5px;} /* 기본폰트 세팅 */
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:1400px; 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: center; position:fixed; left:0; top:0; background: rgba(0,8,20,0.34);}
#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: normal;}
#header .gnb > li:last-child {margin-right: 0;}
#header .gnb > li > a {color: #fff;}

#header .lang {display: flex; gap: 12px; position: absolute; top: 50%; transform: translateY(-50%); right: 13%;}
#header .lang a {}

#header .login_box {position: absolute; right: 3%; top: 29px; display: flex;}
#header .login_box li {font-size: 18px; height: 32px; line-height: 32px; margin-right: 10px;}
#header .login_box li:first-child::after {content:'·'; color: #fff; padding-left: 11px;}
#header .login_box li:first-child.scrolled::after {color: #000;}

#header .login_box li:last-child {margin-right: 0;}
#header .login_box li a {color: #fff; display: inline;}
#header .login_box li img {width: 32px;}

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



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

#main_visual .inner {position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%;}
#main_visual .inner .title {position: absolute; width: 100%; bottom: 150px; text-align: center; color: #fff;}
#main_visual .inner .title h2 {font-size: 64px; line-height: 1; margin-bottom: 30px; font-weight: 300; text-shadow: 0 3px 6px rgba(0,0,0,.16);}
#main_visual .inner .title p {font-size: 24px; line-height: 1; color:#fff; text-shadow: 0 3px 6px rgba(0,0,0,.16);}

#main_visual .inner .scroll {position: absolute; left: 0; bottom: 0;}

.inner_b {width: 100%; padding: 0 3%; position: relative;}
.title {text-align: center;}
.title span {display: block; font-size: 22px; font-weight: 500; line-height: 1; color: #CECECE; margin-bottom: 30px; letter-spacing: 3px;}
.title h2 {font-size: 50px; line-height: 70px;}
.title h2 b {color: #186F73;}
.title p {font-size: 24px; line-height: 38px; color: #545557; margin-top: 35px;}


#con1 {margin: 200px 0 250px;}
#con1 .con1_logo {width: 64px; display: block; margin: 0 auto; margin-bottom: 60px;}
#con1 .title {margin-bottom: 80px;}
#con1 .title p {margin-top: 40px;}
#con1 > img {width: 100%;}

#con2 .c2_1 {width: 100%;}
#con2 .c2_1 .inner {position: relative;}
#con2 .c2_1 img.con2_img {width: 42%; position: absolute; left: 0; top: 0; border-radius: 98px;}
#con2 .c2_1 .right .tit {padding-left: 48%;}
#con2 .c2_1 .right .tit > .inner > img {width: 42px;}
#con2 .c2_1 .right .tit h2 {font-size: 50px; line-height: 70px; margin-top: 25px;}
#con2 .c2_1 .right .txt {margin-top: 50px; padding: 70px 0 150px 48%; background: #F5F5F5 url(../images/con2_bg.png) no-repeat right 50px bottom 50px;}
#con2 .c2_1 .right .txt strong {font-size: 30px; line-height: 1; display: inline-block; color: #186F73; padding: 6px 22px; border: 2px solid #186F73;}
#con2 .c2_1 .right .txt p {font-size: 25px; line-height: 42px; color: #545557; margin-top: 40px;}
#con2 .c2_1 .right .txt p:last-child {margin-top: 30px;}
#con2 .c2_2 {background: url(../images/con2_bg2.jpg) no-repeat center center / cover; padding: 150px 0;}
#con2 .c2_2 .name {display: flex; align-items: flex-end; margin-bottom: 20px;}
#con2 .c2_2 .name strong {color: #fff; font-size: 40px; line-height: 1;}
#con2 .c2_2 .name span {color: #fff; font-size: 22px; line-height: 1; margin-left: 15px;}
#con2 .c2_2 p {font-size: 18px; color: #fff; width: 60%; }
#con2 .c2_2 .ul_box {display: flex; padding-top: 40px; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.3);}
#con2 .c2_2 .ul_box .box:first-child {margin-right: 100px;}
#con2 .c2_2 .ul_box .box strong {font-size: 22px; line-height: 1; margin-bottom: 25px; color: #fff; display: block;}
#con2 .c2_2 .ul_box .box ul li {font-size: 18px; line-height: 1; margin-bottom: 16px; color: #fff;}



#con3 {margin: 250px 0; position: relative; width: 100%;}
#con3 .inner .title {text-align: left; width: 50%; padding-top: 70px;}
.c3_pg {display: flex; align-items: center; margin-top: 100px;}
.c3_pg > div {width: 60px; height: 60px;}
.c3_pg > div img {width: 100%;}
.c3_pg > div.c3_prev {margin-right: 10px;}
.c3_wrap {width: 50%; position: absolute; right: 0; top: 0; overflow: hidden;}
.c3_wrap .c3_list li {width: 515px; position: relative;}
.c3_wrap .c3_list li img {width: 100%;}
.c3_wrap .c3_list li span {font-size: 30px; color: #fff; line-height: 1; font-weight: bold; position: absolute; right: 50px; top: 40px;}
.c3_wrap .c3_list li .txt {position: absolute; left: 50px; bottom: 60px;}
.c3_wrap .c3_list li .txt h3 {color: #fff; font-size: 35px; line-height: 1; margin-bottom: 20px;}
.c3_wrap .c3_list li .txt p {color: #fff; font-size: 20px; line-height: 32px;}


#con4 {background: url(../images/con4_bg.jpg) no-repeat center center / cover; padding: 170px 0 200px;}
#con4 .title span {color: #109298;}
#con4 .title h2 {color: #fff;}
#con4 .title p {color: #ddd;}
#con4 .title {padding-bottom: 140px; margin-bottom: 60px; position: relative;}
#con4 .title::after {content:''; width: 1px; height: 80px; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
#con4 .c4_box {text-align: center;}
#con4 .c4_box strong {font-size: 40px; color: #fff; line-height: 1; display: inline-block; padding: 10px 18px; background: #186F73;}
#con4 .c4_box b {font-size: 150px; line-height: 1; display: block; margin: 60px 0 50px; color: #fff;}
#con4 .c4_box p {font-size: 24px; line-height: 38px; color: #ddd;}


#con5 {background: #F7F7F7; padding: 170px 0 200px;}
#con5 .title {margin-bottom: 100px;}
#con5 .c5_box {display: flex; justify-content: space-between; align-items: center;}
#con5 .c5_box > img {width: 50%;}
#con5 .c5_box ul {width: calc(50% - 80px);}
#con5 .c5_box ul li {font-size: 26px; padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #ccc;}
#con5 .c5_box ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
#con5 .c5_box ul li b {color: #186F73;}

#con6 {margin: 200px 0;}
#con6 .title {margin-bottom: 70px;}
#con6 .title span {font-size: 25px; color: #186F73;}
#con6 .inner > img {width: 100%; margin-bottom: 40px; display: block;}
#con6 .c6_box {display: flex; justify-content: space-between;}
#con6 .c6_box li {background: #F5F5F5; padding: 60px 50px; width: 48.5%; position: relative;}
#con6 .c6_box li img {width: 85px; position: absolute; right: 40px; top: 40px;}
#con6 .c6_box li h3 {font-size: 28px; line-height: 1; color: #186F73; margin-bottom: 25px;}
#con6 .c6_box li p {font-size: 18px; line-height: 32px; color: #545557;}


#con7 {background: url(../images/con7_bg.jpg) no-repeat center center / cover; padding: 170px 0 200px;}
#con7 .title {margin-bottom: 80px;}
#con7 .title span {color: rgba(255,255,255,.6);}
#con7 .title h2 {color: #fff;}
#con7 .ip_wrap {position: relative;}
#con7 .ip_wrap .ip_box {overflow: hidden;}
#con7 .implant_list li {position: relative; width: 1000px;}
#con7 .implant_list li img {width: 100%;}
#con7 .implant_list li .txt_box {position: absolute; left: 80px; bottom: 80px; color: #fff;}
#con7 .implant_list li .txt_box span {font-size: 24px; line-height: 1; display: block;}
#con7 .implant_list li .txt_box h3 {font-size: 40px; margin: 20px 0;}
#con7 .implant_list li .txt_box p {font-size: 22px; line-height: 38px;}
#con7 .ip_wrap .ip_pg {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
#con7 .ip_wrap .ip_pg .ip_prev {width: 60px; position: absolute; left: -90px; cursor: pointer;}
#con7 .ip_wrap .ip_pg .ip_next {width: 60px; position: absolute; right: -90px; cursor: pointer;}
#con7 .ip_wrap .ip_pg > div img {width: 100%;}


#con8 {margin: 250px 0;}
#con8 .c8_list {margin-top: 80px; display: flex; justify-content: space-between;}
#con8 .c8_list li {width: 32%; background: #F0F6F7; border-top: 4px solid #186F73; text-align: center; padding: 60px 0 75px;}
#con8 .c8_list li h3 {font-size: 30px; line-height: 1; color: #186F73; margin-bottom: 25px;}
#con8 .c8_list li p {font-size: 20px; line-height: 35px; color: #545557;}
#con8 .c8_list li:nth-child(2) {background: #F7F7F7;}


#con9 {background: #262729; padding: 170px 0 100px;}
#con9 .title {margin-bottom: 80px;}
#con9 .title span {color: #109298; font-size: 25px;}
#con9 .title h2 {color: #fff;}
#con9 .c9_list li {width: 100%; height: 500px; display: flex; align-items: center; margin-bottom: 40px; border-radius: 250px; background: url(../images/con9_bg01.jpg) no-repeat center center / cover;}
#con9 .c9_list li .img_wrap {width: 50%; display: flex; align-items: center; justify-content: center;}
#con9 .c9_list li .txt span {font-size: 26px; color: #109298; display: block; margin-bottom: 25px;}
#con9 .c9_list li .txt h3 {font-size: 35px; line-height: 45px; color: #fff; margin-bottom: 30px;}
#con9 .c9_list li .txt h3 b {font-size: 28px;}
#con9 .c9_list li .txt p {font-size: 24px; line-height: 38px; color: #ddd;}
#con9 .c9_list li:nth-child(2n) {background: url(../images/con9_bg02.jpg) no-repeat center center / cover; flex-direction:row-reverse}
#con9 .c9_list li:nth-child(2n) .txt {text-align: right;}


#con10 {margin-top: 250px;}
#con10 .title {margin-bottom: 80px;}
#con10 .c10_box {background: url(../images/con10_bg.jpg) no-repeat center bottom / cover; padding: 80px 0 120px; text-align: center;}
#con10 .c10_box strong {font-size: 30px; line-height: 1; background: #186F73; color: #fff; padding: 8px 15px; display: inline-block; margin-bottom: 50px;}
#con10 .c10_box ul {display: flex; justify-content: space-between;}
#con10 .c10_box ul li {width: 24%; background: #fff; border-top: 4px solid #186F73; padding: 40px; text-align: left;}
#con10 .c10_box ul li span {display: inline-block; font-size: 16px; line-height: 1; background: #186F73; padding: 6px 10px; font-weight: bold; color: #fff;}
#con10 .c10_box ul li h3 {font-size: 22px; color: #186F73; margin: 30px 0 15px;}
#con10 .c10_box ul li p {font-size: 16px; line-height: 28px;}


#con11 {background: url(../images/con11_bg.jpg) no-repeat center center / cover; padding: 170px 0 200px;}
#con11 .title {margin-bottom: 80px;}
#con11 .title h2 {color: #fff;}
#con11 .title h2 b {color: #109298;}
#con11 .c11_box {display: flex; justify-content: space-between; align-items: center;}
#con11 .c11_box > img {width: 50%;}
#con11 .c11_box .box {width: calc(50% - 80px);}
#con11 .c11_box .box strong {font-size: 26px; line-height: 1; background: #109298; padding: 8px 15px; display: inline-block; margin-bottom: 40px; color: #fff;}
#con11 .c11_box .box ul li {display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: 30px; margin-bottom: 30px;}
#con11 .c11_box .box ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
#con11 .c11_box .box ul li img {width: 28px; margin-right: 20px;}
#con11 .c11_box .box ul li p {font-size: 22px; color: #fff; font-weight: 500; line-height: 1;}


#con12 {margin: 250px 0;}
#con12 .title {margin-bottom: 100px;}
#con12 .c12_list li {display: flex; align-items: center; justify-content: space-between;}
#con12 .c12_list li img {width: 50%;}
#con12 .c12_list li .txt {width: calc(50% - 80px);}
#con12 .c12_list li .txt span {display: block; text-align: center; border-radius: 50%; font-size: 17px; width: 45px; height: 45px; background: #186F73; line-height: 45px; color: #fff; font-weight: 500;}
#con12 .c12_list li .txt h3 {font-size: 30px; line-height: 1; margin: 30px 0; color: #186F73;}
#con12 .c12_list li .txt p {font-size: 20px; line-height: 35px; color: #545557;}
#con12 .c12_list li:nth-child(2) {flex-direction: row-reverse;}


#con13 {background: url(../images/con13_bg.jpg) no-repeat center center / cover; height: 650px; display: flex; align-items: center;}
#con13 .title {text-align: left; color: #fff;}
#con13 .title span {color: #109298;}
#con13 .title p {color: #fff;}
#con13 .title em {color: #fff; font-size: 18px; margin-top: 30px; display: block;}


#con14 {margin: 250px 0;}
#con14 .title {margin-bottom: 80px;}
#con14 .c14_list li {display: flex; margin-bottom: 40px;}
#con14 .c14_list li:last-child {margin-bottom: 0;}
#con14 .c14_list li img {width: 50%;}
#con14 .c14_list li .txt {width: 50%; background: #F7F7F7; padding: 100px 80px;}
#con14 .c14_list .txt span {display: block; text-align: center; border-radius: 50%; font-size: 17px; width: 45px; height: 45px; background: #186F73; line-height: 45px; color: #fff; font-weight: 500;}
#con14 .c14_list .txt h3 {font-size: 30px; line-height: 1; margin: 30px 0; color: #186F73;}
#con14 .c14_list .txt p {font-size: 20px; line-height: 35px; color: #545557;}


#con15 {background: url(../images/con15_bg.jpg) no-repeat center center / cover; height: 650px; display: flex; align-items: center;}
#con15 .title {text-align: left; color: #fff;}
#con15 .title span {color: #109298;}
#con15 .title p {color: #fff;}
#con15 .title em {color: #fff; font-size: 18px; margin-top: 30px; display: block;}


#con16 {background: url(../images/con16_bg.jpg) no-repeat center center / cover; padding: 170px 0 200px;}
#con16 .title {margin-bottom: 80px;}
#con16 .title h2 {color: #fff;}
#con16 .title p {color: #fff;}
#con16 .c16_box {display: flex; justify-content: space-between; align-items: center;}
#con16 .c16_box > img {width: 50%;}
#con16 .c16_box .c16_list {width: calc(50% - 80px);}
#con16 .c16_box .c16_list li {padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid rgba(255,255,255,.3); position: relative;}
#con16 .c16_box .c16_list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
#con16 .c16_box .c16_list li > img {position: absolute; right: 0; top: 0; width: 100px;}
#con16 .c16_box .c16_list li h3 {font-size: 30px; line-height: 1; margin-bottom: 20px; color: #fff;}
#con16 .c16_box .c16_list li p {font-size: 18px; line-height: 32px; color: #fff;}


#con17 {background: url(../images/con17_bg.jpg) no-repeat center center / cover; padding: 170px 0; text-align: center;}
#con17 strong {font-size: 30px; line-height: 1; color: #fff; background: #186F73; padding: 8px 15px; display: inline-block;}
#con17 h2 {font-size: 50px; line-height: 70px; color: #000; margin: 50px 0;}
#con17 h2 b {color: #186F73;}
#con17 p {font-size: 24px; line-height: 38px; color: #000;}


#con18 {background: url(../images/con18_bg.jpg) no-repeat center bottom / cover; text-align: center; padding: 215px 0 280px;}
#con18 .inner > img {width: 250px;}
#con18 h2 {font-size: 50px; line-height: 70px; font-weight: 300; color: #fff; margin-top: 80px;}
#con18 h2 b {font-weight: bold;}


#con19 {margin-top: 220px;}
#con19 .title {margin-bottom: 70px;}
#con19 .c19_box {display: flex; justify-content: space-between; position: relative;}
#con19 .c19_box .c19_wrap {width: 50%; overflow: hidden;  position: absolute; left: 0; top: 0;}
#con19 .c19_box .c19_wrap .c19_list li {width: 100%;}
#con19 .c19_box .c19_wrap .c19_list li img {width: 100%;}
#con19 .c19_box .inner {padding-left: 780px;}
#con19 .c19_box .inner > div {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #DEDEDE;}
#con19 .c19_box .inner > div:last-child {margin-bottom: 20px; padding-bottom: 0; border-bottom: 0;}
#con19 .c19_box .inner > div h3 {font-size: 24px; line-height: 1; margin-bottom: 20px;}
#con19 .c19_box .inner > div > p {font-size: 18px; margin-bottom: 15px;}
#con19 .c19_box .inner > div strong {font-size: 35px; font-weight: bold; line-height: 1; color: #186F73;}
#con19 .c19_box .inner > .r_01 p {font-size: 20px;}
#con19 .c19_box .inner > .r_02 ul li {display: flex; margin-bottom: 15px;}
#con19 .c19_box .inner > .r_02 ul li span {font-size: 18px; line-height: 1; font-weight: 500; width: 100px; margin-right: 25px; border-right: 1px solid #ddd;}
#con19 .c19_box .inner > .r_02 ul li p {font-size: 18px; line-height: 1; width: 183px; text-align: justify; height: 20px;}
#con19 .c19_box .inner > .r_02 ul li p::after{ content: ''; display: inline-block; width: 100% }
#con19 .c19_box .inner > .r_02 ul li p b {color: #186F73;}
#con19 .c19_box .inner > .r_02 > p {font-size: 18px; line-height: 30px; color: #555; margin-top: 25px;}
#con19 .c19_box .inner > .r_02 > img {width: 100%;}
#con19 .c19_box .inner .footer p {font-size: 16px; line-height: 26px; color: #555;}

#con20 {background: #F0F0F0; padding: 150px 0 170px;}
#con20 .titArea {margin-bottom: 130px; text-align: center;}
#con20 .titArea .tit {font-size: 50px; font-weight: bold; color: #186F73; line-height: 1.2;}
#con20 .titArea .wrt {font-size: 16px; font-weight: 500; color: #B0B0B0; margin-top: 15px;}
#con20 .ba_swiper {overflow: hidden;}
#con20 .ba_swiper .slide {overflow: hidden; border-radius: 45px}
#con20 .ba_swiper .slide .thumb {width: 100%; display: block;}
#con20 .ba_swiper .slide .after {}
#con20 .ba_swiper .slide .before {filter: grayscale(1);}
#con20 .ba_swiper .slide .lock {position: absolute; width: 100%; height: 100%; top: 0; background: rgba(24, 111, 115, 0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; gap: 10px; font-size: 35px; font-weight: bold;}
#con20 .btnArea {margin-top: 130px; text-align: center;}
#con20 .btnArea a {font-size: 35px; font-weight: bold; color: #fff; display: inline; padding: 28px 92px; border-radius: 5rem; background: #186F73;}


.inquiry_wrap {position: fixed; width: 100%; height: 215px; left: 0; bottom: 0; z-index: 9999;}
.inquiry_wrap .top_btn {width: 250px; height: 50px; background: #186F73; border-radius: 30px 30px 0 0; display: flex; justify-content:center; align-items: center; margin: 0 auto; cursor: pointer;}
.inquiry_wrap .top_btn img {width: 16px; margin-right: 10px;}
.inquiry_wrap .top_btn p {font-size: 16px; font-weight: bold; line-height: 1; color: #fff;}
.inquiry_wrap .i_content {width: 100%; height: 165px; background: #186F73; padding: 40px 0;}
.inquiry_wrap .i_content .inner {width: 1070px;}
.inquiry_wrap .i_content .i_box {display: flex; align-items: center; justify-content: space-between;}
.inquiry_wrap .i_content .i_box ul {display: flex;}
.inquiry_wrap .i_content .i_box ul li {margin-right: 15px;}
.inquiry_wrap .i_content .i_box ul li:last-child {margin-right: 0;}
.inquiry_wrap .i_content .i_box ul li input {width: 280px; height: 50px; background: #fff; border: 0; border-radius: 25px; padding-left: 25px; font-size: 16px;}
.inquiry_wrap .i_content .i_box ul li input::placeholder {color: #999;}
.inquiry_wrap .i_content .i_box ul li select {width: 280px; height: 50px; background: #fff; border: 0; border-radius: 25px; padding-left: 25px; font-size: 16px;}
.inquiry_wrap .i_content .i_box .in_btn {width: 160px; height: 50px; color: #fff; font-size: 18px; font-weight: bold; background: #013A3C; border-radius: 25px;}
.inquiry_wrap .i_content .privacy {display: flex; margin-top: 20px;}
.inquiry_wrap .i_content .privacy p {font-size: 14px; color: #fff; padding-left: 8px;}


/* === 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: 120px 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-weight: 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: #f7f7f7; 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;}


.member_btn_box {display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.member_btn_box button {width: 250px; height: 50px; background: #186F73; border-radius: 8px; margin: 0 5px; color: #fff; font-weight: bold;}