/* 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: "Poppins", '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}

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; border-bottom: 1px solid rgba(255,255,255,.3);}
#header h1 {position:absolute; left:3%; top:23px; width: 192px; height: 44px;}
#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: 70px; position:relative; font-weight: normal;}
#header .gnb > li:last-child {margin-right: 0;}
#header .gnb > li > a {color: #fff; display:block; width: 100%; height: 100%;}

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

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


#main_visual {width: 100%; height: 100vh; position: relative; overflow: hidden; background: url(../images/main_visual.jpg) no-repeat center center / cover;}

#main_visual .inner {height: 100%; position: relative;}
#main_visual .inner .title {text-align: left; color: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#main_visual .inner .title h2 {font-size: 70px; line-height: 90px; margin-bottom: 70px; font-weight: 300; text-shadow: 0 3px 6px rgba(0,0,0,.16);}
#main_visual .inner .title h2 strong {font-size: 100px; color: #4BA9FF;}
#main_visual .inner .title h2 b {color: #4BA9FF;}
#main_visual .inner .title p {font-size: 30px; line-height: 1; color:#fff; text-shadow: 0 3px 6px rgba(0,0,0,.16);}

#main_visual .inner .scroll {position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; width: 50px;}

.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: #014F97; margin-bottom: 30px; letter-spacing: 5px;}
.title h2 {font-size: 50px; line-height: 70px;}
.title h2 b {font-weight: bold; color: #014F97;}
.title p {font-size: 22px; line-height: 40px; color: #000; margin-top: 35px;}


#con1 {margin: 250px 0;}
#con1 .title {margin-bottom: 100px;}
#con1 .title span {margin-bottom: 40px;}
#con1 .title p {margin-top: 40px;}
#con1 > img {width: 100%;}


#con2 {position: relative; margin-bottom: 250px;}
#con2 .tit {padding-top: 60px;}
#con2 .tit > img {width: 36px; display: block; margin-bottom: 25px;}
#con2 .tit h2 {font-size: 40px; line-height: 60px; font-weight: 300;}
#con2 .tit h2 strong {color: #014F97;}

#con2 .bg_box {margin-top: 60px; padding: 70px 0 200px; background: #F0F3F5 url(../images/con2_bg.png) no-repeat left -20px bottom -20px;}
#con2 .bg_box .name {display: flex; align-items: end; margin-bottom: 70px;}
#con2 .bg_box .name h3 {font-size: 35px; margin-right: 15px; line-height: 1;}
#con2 .bg_box .name span {font-size: 22px; line-height: 1;}
#con2 .bg_box .name span b {color: #014F97; font-weight: normal;}

#con2 .n_wrap {display: flex;}
#con2 .n_wrap .n_list {margin-right: 90px;}
#con2 .n_wrap .n_list:last-child {margin-right: 0;}
#con2 .n_wrap .n_list h4 {font-size: 18px; line-height: 1; margin-bottom: 25px;}

.bullet li {font-size: 18px; margin-bottom: 8px; padding-left: 15px; position: relative; color: #444;}
.bullet li::before {content:''; width: 4px; height: 4px; border-radius: 50%; background: #014F97; position: absolute; left: 0; top: 12px;}

#con2 > .inner:last-of-type {height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
#con2 > .inner:last-of-type img {position: absolute; right: 0; top: 0; width: 43%;}


#con3 .inner {display: flex; justify-content: space-between;}
#con3 .inner img {width: 50%;}

#con3 .inner .c3_text {width: calc(50% - 80px);}
#con3 .inner .c3_text .title {text-align: left; margin-bottom: 50px;}

#con3 .inner .c3_text .c3_list li {display: flex; align-items: center; margin-bottom: 25px;}
#con3 .inner .c3_text .c3_list li:last-child {margin-bottom: 0;}
#con3 .inner .c3_text .c3_list li img {width: 28px; margin-right: 20px;}
#con3 .inner .c3_text .c3_list li p {font-size: 22px; line-height: 1; font-weight: 500;}

#con3 .inner .c3_text .gray_box {width: 100%; background: #F7F7F7; padding: 40px 60px; margin-top: 60px;}
#con3 .inner .c3_text .gray_box p {color: #444; font-size: 22px; line-height: 38px;}


#con4 {margin: 250px 0;}
#con4 .c4_list {margin-top: 70px; display: flex; justify-content: space-between;}
#con4 .c4_list li {padding: 50px 25px; width: 23.5%; text-align: center; background: #F7F7F7;}
#con4 .c4_list li:nth-child(2n) {background: #F0F3F5;}

#con4 .c4_list li h3 {font-size: 22px; line-height: 1; margin-bottom: 25px;}
#con4 .c4_list li h3 b {color: #014F97;}
#con4 .c4_list li p {font-size: 18px; line-height: 30px; color: #444;}


#con5 {padding: 150px 0 200px; background: url(../images/con5_bg.jpg) center center / cover;}
#con5 .title {margin-bottom: 70px;}
#con5 .title span {color: #1F7DD3;}
#con5 .title h2 {color: #fff;}

#con5 .ip_wrap {position: relative;}
#con5 .ip_wrap .ip_box {overflow: hidden;}
#con5 .implant_list li {position: relative; width: 1000px;}
#con5 .implant_list li img {width: 100%;}
#con5 .implant_list li .txt_box {position: absolute; left: 80px; bottom: 80px; color: #fff;}
#con5 .implant_list li .txt_box span {font-size: 24px; line-height: 1; display: block;}
#con5 .implant_list li .txt_box h3 {font-size: 40px; margin: 20px 0;}
#con5 .implant_list li .txt_box p {font-size: 22px; line-height: 38px;}

#con5 .ip_wrap .ip_pg {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
#con5 .ip_wrap .ip_pg .ip_prev {width: 60px; position: absolute; left: -90px; cursor: pointer;}
#con5 .ip_wrap .ip_pg .ip_next {width: 60px; position: absolute; right: -90px; cursor: pointer;}
#con5 .ip_wrap .ip_pg > div img {width: 100%;}


#con6 {margin-top: 250px;}
#con6 .gray_box {margin-top: 70px; background: #F7F7F7 url(../images/con6_bg.png) no-repeat right bottom; padding: 80px 0 150px;}
#con6 .gray_box .tit {text-align: center; margin-bottom: 60px;}
#con6 .gray_box .tit p {display: inline-block; line-height: 1; font-size: 30px; padding: 10px 17px; background: #014F97; color: #fff; font-weight: bold;}

#con6 .gray_box .c6_list {display: flex; justify-content: space-between;}
#con6 .gray_box .c6_list li {width: 23.5%; background: #fff; border-top: 3px solid #014F97; padding: 50px 40px;}
#con6 .gray_box .c6_list li h3 {font-size: 24px; line-height: 1; color: #014F97; margin-bottom: 25px;}
#con6 .gray_box .c6_list li p {font-size: 18px; line-height: 1; margin-bottom: 15px;}
#con6 .gray_box .c6_list li span {display: block; font-size: 15px; line-height: 23px; color: #444;}


#con7 {padding: 150px 0; background: #21262B;}
#con7 .inner {display: flex; align-items: center;}
#con7 .left {width: 35%;}
#con7 .left .tit h2 {font-size: 50px; line-height: 70px; margin-bottom: 30px; color: #fff;}
#con7 .left .tit h2 b {color: #1F7DD3;}
#con7 .left .tit p {font-size: 22px; line-height: 40px; color: #fff;}
#con7 .left .im_pg {display: flex; align-items: center; margin-top: 80px;}
#con7 .left .im_pg > div {width: 60px; margin-right: 10px; cursor: pointer;}
#con7 .left .im_pg > div:last-child {margin-right: 0;}
#con7 .left .im_pg > div img {width: 100%;}


.im_full_wrap {position: relative; width: 65%; overflow: hidden;}

.im_wrap .implant_list li > div span {position: absolute; left: 0; top: 0; display: block; width: 90px; height: 34px; font-size: 16px; font-weight: bold; text-align: center; line-height: 34px;}

.im_wrap .implant_list li .before {position: relative;}
.im_wrap .implant_list li .before > img {width: 100%;}
.im_wrap .implant_list li .before span {background: #D0D0D0; color: #000;}

.im_wrap .implant_list li .after {position: relative; overflow: hidden;}
.im_wrap .implant_list li .after > img {width: 100%; filter: blur(5px); -webkit-filter: blur(5px);}
.im_wrap .implant_list li .after span {background: #1E7DD3; color: #fff;}
.im_wrap .implant_list li .after .blur {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.im_wrap .implant_list li .txt {margin-top: 25px;}
.im_wrap .implant_list li .txt h3 {color: #fff; font-size: 24px; line-height: 1; font-weight: 300; margin-bottom: 15px;}
.im_wrap .implant_list li .txt h3 b {font-weight: bold;}
.im_wrap .implant_list li .txt p {font-size: 14px; line-height: 1; color: #989898;}


#con8 {margin: 250px 0;}
#con8 .title {margin-bottom: 70px;}

#con8 .tab_wrap {display: flex; align-items: center; justify-content: space-between;}
#con8 .tab_wrap .tab_btn {width: calc(50% - 80px);}
#con8 .tab_wrap .tab_btn li {padding: 50px 0; border-bottom: 1px solid #DEDEDE;}
#con8 .tab_wrap .tab_btn li:first-child {border-top: 1px solid #DEDEDE;}
#con8 .tab_wrap .tab_btn li .tit {display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
#con8 .tab_wrap .tab_btn li .tit h3 {font-size: 32px; line-height: 1; font-family: 'Pretendard';}
#con8 .tab_wrap .tab_btn li .tit img {width: 40px;}

#con8 .tab_wrap .tab_btn li .box {margin-top: 30px; background: #f7f7f7; padding: 35px 40px; display: none;}
#con8 .tab_wrap .tab_btn li .box p {font-size: 18px; line-height: 32px; color: #444;}

#con8 .tab_wrap .tab_btn li.on h3 {color: #014F97;}
#con8 .tab_wrap .tab_btn li.on .box {display: block;}

#con8 .tab_wrap .tab_con {width: 50%;}
#con8 .tab_wrap .tab_con .tabcontent img {width: 100%;}


#con9 {margin-bottom: 180px;}
#con9 .title h2 em {font-size: 40px; font-weight: bold;}

.imgbg_con .title {margin-bottom: 70px;}
.imgbg_con .bg_box {background: url(../images/con9_bg.jpg) no-repeat center center / cover; padding: 160px 0;}
.imgbg_con .bg_box span {display: block; font-size: 24px; font-weight: 500; letter-spacing: 5px; color: #014F97;}
.imgbg_con .bg_box h3 {font-size: 50px; line-height: 1; margin: 25px 0 40px;}
.imgbg_con .bg_box p {font-size: 22px; line-height: 40px;}

#con10 {margin-bottom: 250px;}
#con10 .title {margin-bottom: 70px;}
#con10 .c10_list {display: flex; justify-content: space-between;}
#con10 .c10_list li {width: 32%; background: #F7F7F7; box-shadow: 0 0 10px rgba(0,0,0,.1);}
#con10 .c10_list li .txt {padding: 0 30px 50px; text-align: center; margin-top: -18px;}
#con10 .c10_list li .txt span {display: inline-block; width: 100px; height: 36px; line-height: 36px; background: #014F97; font-size: 18px; font-weight: bold; color: #fff;}
#con10 .c10_list li .txt h3 {font-size: 30px; line-height: 1; margin: 35px 0 25px; color: #014F97;}
#con10 .c10_list li .txt p {font-size: 18px; line-height: 32px; color: #444;}


#con11 {background: url(../images/con11_bg.jpg) no-repeat center center / cover; padding: 140px 0;}
#con11 .title span {color: #fff;}
#con11 .title h2 {font-weight: 300; color: #fff;}
#con11 .title h2 b {color: #fff;}


#con12 {margin-bottom: 180px;}
.blue_con {background: #F0F3F5; padding: 150px 0;}
.blue_con .inner {display: flex;}
.blue_con .inner .title {width: 50%; text-align: left;}
.blue_con .inner .line_list {width: 50%;}
.blue_con .inner .line_list li {width: 100%; background: #fff; border-left: 3px solid #014F97; padding: 50px 60px; margin-bottom: 20px;}
.blue_con .inner .line_list li:last-child {margin-bottom: 0;}
.blue_con .inner .line_list li h3 {font-size: 26px; line-height: 1; color: #014F97; margin-bottom: 20px; font-family: 'Pretendard';}
.blue_con .inner .line_list li p {font-size: 18px; line-height: 32px; color: #444;}


#con13 {margin-bottom: 180px;}
#con13 .title {margin-bottom: 70px;}
#con13 .c13_list {display: flex; justify-content: space-between;}
#con13 .c13_list li {width: 24%; text-align: center;}
#con13 .c13_list li img {display: block; margin: 0 auto; width: 149px;}
#con13 .c13_list li .txt {width: 100%; background: #F7F7F7; padding: 72px 30px 50px; margin-top: -90px;}
#con13 .c13_list li:nth-child(2n) .txt {background: #F0F3F5;}

#con13 .c13_list li .txt span {position: relative; display: block; margin: 0 auto; width: 100px; height: 36px; line-height: 36px; background: #014F97; color: #fff; font-size: 18px; font-weight: bold; z-index: 10;}
#con13 .c13_list li .txt h3 {font-size: 26px; line-height: 1; margin: 25px 0 15px;}
#con13 .c13_list li .txt strong {color: #014F97; display: block; font-size: 18px; line-height: 30px;}
#con13 .c13_list li .txt p {font-size: 18px; line-height: 30px; margin-top: 25px; padding-top: 25px; border-top: 1px solid #dedede; color: #444;}


#con14 {margin-bottom: 250px;}
#con14 .title {margin-bottom: 70px;}

#con14 .c14_list {display: flex; justify-content: space-between;}
#con14 .c14_list li {width: 32%; border: 1px solid #DEDEDE; background: #F7F7F7;}
#con14 .c14_list li img {width: 100%;}
#con14 .c14_list li .txt {padding: 40px 30px 50px; text-align: center;}
#con14 .c14_list li .txt h3 {font-size: 26px; color: #014F97; line-height: 1; margin-bottom: 20px;}
#con14 .c14_list li .txt p {font-size: 18px; line-height: 32px; color: #444;}


#con16 {margin: 180px 0 250px;}
#con16 .title {margin-bottom: 70px;}

#con16 .c16_list {display: flex; justify-content: space-between;}
#con16 .c16_list li {width: 23.5%;}
#con16 .c16_list li > img {width: 181px; display: block; margin: 0 auto;}
#con16 .c16_list li .txt {background: #f7f7f7; padding: 90px 30px 50px; margin-top: -50px; text-align: center; height: 386px;}
#con16 .c16_list li:nth-child(2n) .txt {background: #F0F3F5;}
#con16 .c16_list li .txt span {display: block; margin: 0 auto; width: 100px; height: 36px; line-height: 36px; background: #014F97; color: #fff; font-size: 18px; font-weight: bold;}
#con16 .c16_list li .txt h3 {font-size: 26px; line-height: 38px; color: #014F97; margin: 25px 0;}


#con17 {margin-bottom: 180px;}
#con17.imgbg_con .bg_box {background: url(../images/con17_bg.jpg) no-repeat center center / cover;}


#con18 {margin-bottom: 250px;}
#con18 .title {margin-bottom: 70px;}

#con18 .c18_list {display: flex; justify-content: space-between;}
#con18 .c18_list li {width: 32%; border: 1px solid #dedede; background: #F7F7F7;}
#con18 .c18_list li img {width: 100%;}
#con18 .c18_list li .txt {text-align: center; padding: 40px 30px 50px;}
#con18 .c18_list li .txt h3 {font-size: 26px; line-height: 1; color: #014F97; margin-bottom: 20px;}
#con18 .c18_list li .txt p {font-size: 18px; line-height: 32px; color: #444;}


#con19 {background: url(../images/con19_bg.jpg) no-repeat center center / cover; background-size: 100% 70%; background-position: top; padding: 150px 0 250px;}
#con19 .tit {text-align: center; margin-bottom: 80px;}
#con19 .tit p {font-size: 32px; line-height: 50px; color: #fff; font-weight: 300; margin-bottom: 30px;}
#con19 .tit h2 {font-size: 50px; line-height: 1; color: #4BA9FF;}

#con19 .c19_wrap {position: relative;}
#con19 .c19_wrap .c19_list li img {width: 100%;}
#con19 .c19_wrap .c19_pg {width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
#con19 .c19_wrap .c19_pg > div {width: 60px; cursor: pointer;}
#con19 .c19_wrap .c19_pg > div img {width: 100%;}
#con19 .c19_wrap .c19_pg .c19_prev {position: absolute; left: -90px;}
#con19 .c19_wrap .c19_pg .c19_next {position: absolute; right: -90px;}


#footer {background: #F7F7F7;}
#footer .inner {padding: 120px 0; display: flex;}
#footer .inner .left {width: 50%;}
#footer .inner .left .f_con {margin-bottom: 50px;}
#footer .inner .left .f_con h2 {font-size: 24px; line-height: 1; margin-bottom: 20px;}

#footer .inner .left .f_con:first-of-type p {font-size: 22px; line-height: 1; margin-bottom: 10px;}
#footer .inner .left .f_con:first-of-type span {display: block; font-size: 16px; color: #444; margin-bottom: 20px;}
#footer .inner .left .f_con:first-of-type strong {display: block; font-size: 35px; color: #014F97; line-height: 1;}

#footer .inner .left .f_con:last-of-type {margin-bottom: 0;}
#footer .inner .left .f_con .f_list li {display: flex; align-items: center; margin-bottom: 17px;}
#footer .inner .left .f_con .f_list li:last-child {margin-bottom: 0;}
#footer .inner .left .f_con .f_list li span {font-size: 22px; width: 118px; line-height: 1; padding-right: 25px; margin-right: 25px; border-right: 1px solid #dedede; text-align: justify; height: 22px;}
#footer .inner .left .f_con .f_list li span::after {content: ""; display: inline-block; width: 100%;}
#footer .inner .left .f_con .f_list li p {font-size: 22px; line-height: 1; width: 130px; height: 22px; text-align: justify;}
#footer .inner .left .f_con .f_list li p::after {content: ""; display: inline-block; width: 100%;}
#footer .inner .left .f_con .f_list li p b {color: #014F97;}

#footer .inner .left .f_con p.gray_p {font-size: 18px; height: 30px; color: #444; margin-top: 25px;}

#footer .inner .right {width: 50%;}

#daumRoughmapContainer1743366689195 {width: 100%; border: 1px solid #dedede;}
.root_daum_roughmap .wrap_map {height: 500px !important;}
#daumRoughmapContainer1743366689195 .cont {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .map_border {display: none;}

#footer > p.copyright {font-size: 16px; padding: 28px 0; line-height: 1; border-top: 1px solid #dedede; text-align: center;}





/* === 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 90px;}
#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: #017CC6; border-radius: 8px; color: #fff;}
#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: #017CC6;}


#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: #017CC6;}
#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: #017CC6; 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: #017CC6; 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 #017CC6;}
.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;}


#login_wrap .login_box .findpw {font-size: 16px; text-align: left; margin-top: 15px;}