@font-face {
    font-family: 'ZEN-SERIF';
    src: url('/font/ZEN-SERIF-TTF-Regular.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 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:"Noto Sans KR", sans-serif; color:#222; 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: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;}


.wave {font-family: 'Wave' !important;}
.org {color: #FF9D00 !important;}


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

#header {width:94%; height: 126px; z-index: 10; text-align: center; position:fixed; left:3%; top:22px; background: rgba(255,255,255,.68); border-radius: 63px; padding: 0 3%;} 
#header .inner {position: relative; text-align: right;}
#header h1 {position:absolute; left: 3%; top: 43px; width: 305px; height: 40px;}
#header h1 img {display:block; width:100%; height:100%;}

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


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


#quick_btn {position: fixed; right: 35px; top: 55%; transform: translateY(-50%); z-index: 999;}
#quick_btn .q_list {width: 100px; background: #fff; border-radius: 50px; padding: 15px 10px; box-shadow: 0 3px 6px rgba(0,0,0,.2);}
#quick_btn .q_list li {padding: 13px 0; text-align: center; border-bottom: 1px solid #C9CDD2;}
#quick_btn .q_list li:last-child {border-bottom: 0;}
#quick_btn .q_list li img {width: 34px;}
#quick_btn .q_list li p {font-size: 13px; line-height: 1; margin-top: 8px; color: #555;}

#quick_btn button.top_btn {display: block; width: 100px; height: 100px; border-radius: 50%; margin-top: 16px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
#quick_btn button.top_btn img {width: 100%;}
#quick_btn button.q_plus {display: none;}




.inquiry_wrap {position: fixed; width: 100%; height: 215px; left: 0; bottom: 0; z-index: 995;}
.inquiry_wrap .top_btn {width: 250px; height: 50px; background: #0079C7; 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: 14px; 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: #0079C7; padding: 40px 0;}
.inquiry_wrap .i_content .i_inner {width: 1070px; margin: 0 auto; display: flex; justify-content: space-between;}
.inquiry_wrap .i_content .i_box {width: 870px;}
.inquiry_wrap .i_content .i_box ul {display: flex;}
.inquiry_wrap .i_content .i_box ul li {margin-right: 25px;}
.inquiry_wrap .i_content .i_box ul li:last-child {margin-right: 0;}
.inquiry_wrap .i_content .i_box ul li input[type="text"] {width: 260px; height: 50px; background: #fff; border: 0; border-radius: 24px; padding-left: 20px; font-size: 16px;}
.inquiry_wrap .i_content .i_box ul li input::placeholder {color: #A4AAB1;}
.inquiry_wrap .i_content .i_box ul li select {width: 260px; height: 50px; background: #fff; border: 0; border-radius: 24px; padding-left: 25px; font-size: 16px; appearance: none; -webkit-appearance: none;  -moz-appearance: none; background: #fff url(../images/select_arrow.png) no-repeat center right 15px; background-size: 11px 6px;}

.inquiry_wrap .i_content .in_btn {width: 160px; height: 50px; color: #000; font-size: 24px; font-weight: bold; background: #fff; border-radius: 25px; font-weight: 700;}
.inquiry_wrap .i_content .privacy {display: flex; align-items: center; margin-top: 14px;}
.inquiry_wrap .i_content .privacy p {font-size: 16px; color: #fff; padding-left: 8px;}


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

#main_visual .scroll {color:#fff; position:absolute; width:100%; left:0; bottom:65px; text-align:center; font-size:13px; letter-spacing:.6em; font-weight:500; line-height:1.3em;}
#main_visual .scroll .bar {position:relative; display:block; width:1px; height:73px; background:#fff; opacity:.8; margin:18px auto 0;}
#main_visual .scroll .bar:after {content:""; width:5px; height:20px; background:#fff; position:absolute; top:0; left:50%; margin-left:-2.5px; animation:1s scrollUpDown linear infinite;}

@keyframes scrollUpDown{
	0% {top:0;}
	100% {top:100%; opacity:0;}
}


#con1 {padding: 160px 0 140px; background: #F1F1F1;}
#con1 .tit {text-align: center;}
#con1 .tit span {display: block; font-size: 16px; line-height: 1; margin-bottom: 25px; font-weight: 300; letter-spacing: 3px;}
#con1 .tit p {font-size: 28px; line-height: 1; font-weight: 500; margin-bottom: 25px;}
#con1 .tit h2 {font-size: 56px; line-height: 1; margin-bottom: 30px; color: #0079C7;}
#con1 .tit h2 b {font-weight: bold; color: #00B2F1;}
#con1 .tit img {width: 640px; display: block; margin: 0 auto;}
#con1 .tit button {font-size: 18px; font-weight: 500; margin-top: 30px;}
#con1 .tit button a {color: #222;}

#con1 .yt_list {margin-top: 45px; display: flex;}
#con1 .yt_list li {width: 23.5%; margin-right: 15px;}
#con1 .yt_list li img {width: 100%; border-radius: 10px;}
#con1 .yt_list li h3 {font-size: 18px; margin: 20px 0 8px; color: #222;}
#con1 .yt_list li p {font-size: 16px; line-height: 22px; color: #222;}

.title span {display: block; font-size: 16px; line-height: 1; margin-bottom: 20px; font-weight: 300; letter-spacing: 3px;}
.title h2 {font-size: 56px; line-height: 75px; color: #222; font-weight: 400;}
.title h2 b {font-weight: bold; color: #0079C7;}
.title p {font-size: 18px; line-height: 28px; margin-top: 15px;}


#con2 {padding-bottom: 170px; background: url(../images/con2_bg.jpg) no-repeat center bottom / cover;}
#con2 .title {margin-bottom: 40px;}

.bsc_list {display:flex; justify-content:space-between;}
.bsc_list li {transition:all .5s; width:23%; height:400px; border-radius:15px; overflow:hidden; background:#000; padding:40px; position:relative;}
.bsc_list li img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.bsc_list li i {font-style: normal; position: absolute; top: 30px; right: 35px; z-index: 9999; color: #fff; font-size: 18px; font-weight: 600;letter-spacing: 0;}
.spe_txt {position:absolute; bottom:50px; left:50px; opacity:0; transform:translateY(100px); transition:all .5s;}
.spe_txt h4 {font-size: 22px; line-height:1.4; color:#fff;}
.spe_txt p {font-size: 18px; line-height: 28px; color:#fff; margin-top:10px;}
.spe_num {display:flex; gap:0 30px; margin-bottom:30px; font-weight:600}
.spe_num .tre_box {display:flex; align-items:center;;}
.spe_num .tre_box img {width: 35px; opacity: 1 !important; position: relative; object-fit: unset;}
.spe_num .tre_box div {color:#fff; text-align:center; font-size:14px;}
.spe_num b {color:#fff; display:block; font-size:22px; margin:5px 0;}
.spe_num em {font-style:normal;}

.bsc_list li.spe_active {width:50%; background:#0156C1}
.bsc_list li.spe_active img {opacity:0.3}
.bsc_list li.spe_active .spe_txt{opacity:1;transform:translateY(0px);transition-delay:0.5s;}


#con3 {position: relative;}
#con3 .doctor_tab {position: absolute; z-index: 50; left: 50%; top: 115px; transform: translateX(-50%); display: flex;}
#con3 .doctor_tab button {font-size: 20px; font-weight: 500; color: #C9CDD2; display: block; margin-right: 40px;}
#con3 .doctor_tab button:last-child {margin-right: 0;}
#con3 .doctor_tab button.active {color: #0079C7;}

.doctor_list .swiper-slide {background: #F1F1F1; padding: 70px 0; height: 1090px; box-sizing: border-box;}
.doctor_list .swiper-slide.bg_white {background: #fff;}
.doctor_list .swiper-slide .inner {display: flex; justify-content: space-between;}
.doctor_list .swiper-slide .inner .txt_wrap {padding-top: 170px;}
.doctor_list .swiper-slide .inner .txt_wrap h3 {font-size: 42px; line-height: 60px; font-weight: 400;}
.doctor_list .swiper-slide .inner .txt_wrap h3 b {font-weight: bold;}
.doctor_list .swiper-slide .inner .txt_wrap .name_box {margin: 30px 0 45px;}
.doctor_list .swiper-slide .inner .txt_wrap .name_box .name {display: flex; align-items: center;}
.doctor_list .swiper-slide .inner .txt_wrap .name_box .name strong {display: block; font-size: 76px; line-height: 1; color: #0079C7; letter-spacing: 3px;}
.doctor_list .swiper-slide .inner .txt_wrap .name_box .name span {display: block; font-size: 28px; line-height: 34px; font-weight: bold; margin-left: 5px; padding-top: 5px;}
.doctor_list .swiper-slide .inner .txt_wrap .name_box p {font-size: 30px; line-height: 1; font-weight: bold; margin-top: 30px;}
.doctor_list .swiper-slide .inner .txt_wrap .bullet li {font-size: 18px; line-height: 32px;}

.doctor_list .swiper-slide .inner > img {width: 45%; border-radius: 30px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}


#con4 .con4_wrap {height: 970px; overflow: hidden;}
#con4 .con4_wrap .swiper-slide {width: 100%; height: 100% !important; padding: 100px 0 90px; box-sizing: border-box;}
#con4 .con4_wrap .swiper-slide .tit span {display: block; font-size: 22px; line-height: 1; font-weight: bold; color: #00B2F1;}
#con4 .con4_wrap .swiper-slide .tit h2 {font-size: 70px; line-height: 80px; color: #fff; font-weight: 100;}
#con4 .con4_wrap .c4_01 {background: url(../images/con4_bg01.jpg) no-repeat center center / cover;}
#con4 .con4_wrap .c4_02 {background: url(../images/con4_bg02.jpg) no-repeat center center / cover;}

#con4 .con4_wrap .c4_01 .tit {margin-bottom: 350px;}
#con4 .con4_wrap .swiper-slide .inner {position: relative;}
#con4 .con4_wrap .swiper-slide .history {width: 48%;}
#con4 .con4_wrap .swiper-slide .history .h_box {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed rgba(255,255,255,.5); display: flex; align-items: center;}
#con4 .con4_wrap .swiper-slide .history .h_box:last-of-type {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
#con4 .con4_wrap .swiper-slide .history .h_box span {display: block; font-size: 73px; line-height: 1; color: #00B2F1; font-weight: 300; width: 200px;}
#con4 .con4_wrap .swiper-slide .history .h_box ul li {font-size: 18px; line-height: 32px; color: #fff;}

#con4 .con4_wrap .c4_02 .inner {display: flex; justify-content: space-between; align-items: flex-end;}
#con4 .con4_wrap .c4_02 > div .history {width: 100%;}
#con4 .con4_wrap .c4_02 .left {width: 49%;}
#con4 .con4_wrap .c4_02 .left .tit {margin-bottom: 70px;}
#con4 .con4_wrap .c4_02 .right {width: 49%;}

#con4 .con4_wrap .swiper-slide .inner .con4_btn {position: absolute; right: 100px; top: 50%; transform: translateY(-50%);animation: floatBtn 1.2s ease-in-out infinite;}
#con4 .con4_wrap .swiper-slide .inner .con4_btn p {color: #fff; margin-bottom: 22px;}
#con4 .con4_wrap .swiper-slide .inner .con4_btn img {width: 11px;}


@keyframes floatBtn {
	0%, 100% {
		transform: translateY(-50%);
	}
	50% {
		transform: translateY(calc(-50% - 30px));
	}
}

#con5 {overflow:visible; background: #EFEFEF;}
#con5 .con5_mask{overflow:hidden; padding-bottom: 130px;}
#con5 .con5_wrap{overflow:visible;}
#con5 .swiper-wrapper{align-items:center;}
#con5 .swiper-slide{width:auto; overflow:visible; z-index:1;}
#con5 .swiper-slide img{display:block; width:480px; height:auto; transition:transform .4s ease; transform-origin:top center; will-change:transform;}
#con5 .swiper-slide.is-hover{z-index:50;}
#con5 .swiper-slide.is-hover img{transform:scale(1.3);}
#con5 .con5_wrap, #con5 .swiper-wrapper, #con5 .swiper-slide{overflow:visible;}


#con6 {background: #EFEFEF; padding-bottom: 160px;}
#con6 .title {text-align: center; margin-bottom: 80px;}
#con6 .title h2 {font-weight: bold; color: #00B2F1;}

#con6 .c6_list {display: flex; align-items: center; justify-content: space-between;}
#con6 .c6_list li {width: 8.3%; text-align: center;}
#con6 .c6_list li a {color: #222; position: relative; display: block;}
#con6 .c6_list li img {width: 100%;}
#con6 .c6_list li p {font-size: 20px; font-weight: 500; line-height: 1; margin-top: 25px;}

.c6_list li .normal-img, .c6_list li .hover-img {transition: opacity 0.3s ease;}
.c6_list li .hover-img {position: absolute; top: 0; left: 0; opacity: 0;}
.c6_list li:hover .normal-img {opacity: 0;}
.c6_list li:hover .hover-img {opacity: 1;}


#con7 {background: #EFEFEF; padding-bottom: 70px;}

.box_banner {width: 100%; padding: 100px 0; position: relative;}
.box_banner .inner {position: relative;}
.box_banner span {font-size: 24px; line-height: 1; font-weight: 500; color: #fff; display: block;}
.box_banner h2 {font-size: 78px; line-height: 95px; font-weight: bold; color: #fff; margin: 20px 0 25px;}
.box_banner p {font-size: 18px; line-height: 28px; color: #fff;}
.box_banner ul {display: flex; align-items: center; margin-top: 50px;}
.box_banner ul li {width: 250px; height: 48px; background: #113965; border-radius: 24px; text-align: center; font-size: 20px; line-height: 48px; color: #C6F0FF; font-weight: bold; margin-right: 30px;}
.box_banner ul li:last-child {margin-right: 0;}
.box_banner .banner_circle {position: absolute; right: 0; bottom: -260px; width: 350px; z-index: 5;}

#con7 .c7_box01 {background: url(../images/con7_bg.jpg) no-repeat center center / cover; padding: 75px 0 130px;}

#con7 .c7_box02 {position: relative; width: 1600px; background: #fff; padding: 65px 0; border-radius: 33px; margin: 0 auto; margin-top: -70px; z-index: 2; text-align: center;}
#con7 .c7_box02 h2 {font-size: 56px; font-weight: bold; color: #0079C7;}
#con7 .c7_box02 h2 b {color: #00B2F1; font-weight: bold;}
#con7 .c7_box02 .inner p {font-size: 18px; line-height: 28px; margin-top: 20px;}
#con7 .c7_box02 .inner p b {font-weight: bold;}

#con7 .c7_box02 .c7_list {display: flex; justify-content: space-between; margin-top: 40px;}
#con7 .c7_box02 .c7_list li {width: 18.8%;}
#con7 .c7_box02 .c7_list li img {width: 100%;}
#con7 .c7_box02 .c7_list li p {font-size: 28px; font-weight: 500; color: #fff; width: 100%; height: 60px; line-height: 60px; background: #0079C7;}


#con8 {background: #E5F7FE; padding: 60px 0 70px;}
#con8 .inner {position: relative;}

#con8 .inner .c8_tab {width: 50%; padding-left: 65px; box-sizing: border-box; position: absolute; left: 50%; top: 40px; display: flex;}
#con8 .inner .c8_tab button {font-size: 20px; font-weight: 500; color: #C9CDD2; display: block; margin-right: 40px;}
#con8 .inner .c8_tab button:last-child {margin-right: 0;}
#con8 .inner .c8_tab button.active {color: #0079C7;}

#con8 .title {margin-bottom: 25px;}

#con8 .c8_wrap {overflow: hidden;}
#con8 .c8_wrap .swiper-slide {display: flex;}
#con8 .c8_wrap .swiper-slide .img {width: 50%;}
#con8 .c8_wrap .swiper-slide .img img {width: 100%; border-radius: 15px;}
#con8 .c8_wrap .swiper-slide .txt {width: 50%; padding-left: 65px; box-sizing: border-box;}
#con8 .c8_wrap .swiper-slide .txt h3 {font-size: 24px; line-height: 1; font-weight: bold; color: #0079C7; margin-bottom: 20px;}
#con8 .c8_wrap .swiper-slide .txt p {font-size: 18px; line-height: 28px;}

#con8 .c8_wrap .swiper-slide .txt .icon_list {width: 600px; display: flex;}
#con8 .c8_wrap .swiper-slide .txt .icon_list li {width: 25%; text-align: center; padding: 10px 0; border-right: 1px solid #00B2F1;}
#con8 .c8_wrap .swiper-slide .txt .icon_list li:last-child {border-right: 0;}
#con8 .c8_wrap .swiper-slide .txt .icon_list li img {width: 70px;}
#con8 .c8_wrap .swiper-slide .txt .icon_list li p {font-size: 18px; line-height: 24px; font-weight: 500; color: #0079C7; margin-top: 12px;}

#con8 .c8_wrap .c8_slide_01 .txt .icon_list {margin-top: 60px;}
#con8 .c8_wrap .c8_slide_02 .txt .icon_list {margin: 30px 0;}
#con8 .c8_wrap .c8_slide_03 .txt .icon_list {margin-top: 40px;}


#con9 {padding: 120px 0 150px; background: #EFEFEF;}
#con9 .inner {display: flex; align-items: center; justify-content: space-between;}
#con9 .inner img {width: 753px;}


#con10 .c10_box {background: url(../images/con10_bg.jpg) no-repeat center center / cover;}
#con10 .c10_box.box_banner ul li {width: 320px;}


#con11 {padding: 120px 0; background: #EFEFEF;}
#con11 .title {text-align: center; margin-bottom: 60px;}
#con11 .title .btxt_list {justify-content: center; margin-top: 35px;}

.btxt_list {display: flex; align-items: center;}
.btxt_list li {width: 250px; height: 38px; background: #113965; border-radius: 24px; text-align: center; font-size: 16px; line-height: 38px; color: #C6F0FF; font-weight: bold; margin-right: 20px;}
.btxt_list li:last-child {margin-right: 0;}


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

.c11_tab {width: 280px;}
.c11_tab li {width: 100%; font-size: 20px; line-height: 1; font-weight: 500; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #C9CDD2; text-align: left;}
.c11_tab li a {display: block; width: 100%; height: 100%; color: #C9CDD2;}
.c11_tab li:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.c11_tab li.active a {color: #0079C7;}

.c11_list {width: 75%; height: 380px; overflow: hidden; border-radius: 30px; }
.c11_list li {height: 100%; background: #fff; overflow: hidden; margin-bottom: 5px;}
.c11_list li .inner_wrap {display: flex; align-items: center;}
.c11_list li img {width: auto; height: 380px; display: block;}
.c11_list li .txt {padding-left: 45px;}
.c11_list li .txt span {display: block; font-size: 36px; line-height: 1; color: #0079C7; font-weight: bold;}
.c11_list li .txt h3 {font-size: 36px; line-height: 1; font-weight: bold; margin: 18px 0 22px;}
.c11_list li .txt p {font-size: 18px; line-height: 32px; color: #555;}

.slick-vertical .slick-slide {border: none !important;}



#con12 {background: #EFEFEF; padding-bottom: 160px;}
#con12 .title {text-align: center; margin-bottom: 40px;}
#con12 .c12_list {display: flex; justify-content: space-between;}
#con12 .c12_list li {width: 32%; border-radius: 15px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
#con12 .c12_list li h3 {width: 100%; height: 70px; line-height: 70px; font-size: 28px; text-align: center; color: #fff; border-radius: 15px 15px 0 0;}
#con12 .c12_list li.c12_li_01 h3 {background: #00B2F1;}
#con12 .c12_list li.c12_li_02 h3 {background: #0079C7;}
#con12 .c12_list li.c12_li_03 h3 {background: #063554;}

#con12 .c12_list li .box {padding: 25px 40px 40px;}
#con12 .c12_list li .box strong {font-size: 20px; display: block; font-weight: bold; margin-bottom: 5px;}
#con12 .c12_list li .box p {font-size: 18px;}
#con12 .c12_list li .box p:first-of-type {margin-bottom: 25px;}


#con13 {background: #EFEFEF; padding-bottom: 220px;}
#con13 .inner {display: flex; align-items: center; justify-content: space-between;}
#con13 .inner .title {width: 50%;}
#con13 .inner .title .bx_list {margin-top: 30px; width: 400px;}
#con13 .inner .title .bx_list li {background: #fff; border-radius: 10px; padding: 20px 30px; margin-bottom: 18px;}
#con13 .inner .title .bx_list li:last-child {margin-bottom: 0;}
#con13 .inner .title .bx_list li strong {color: #0079C7; font-size: 18px; display: block;}
#con13 .inner .title .bx_list li p {font-size: 18px; margin-top: 3px;}

#con13 .inner .img_box {width: 50%;}
#con13 .inner .img_box img {width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,.16);}


#con14 {background: #EFEFEF;}
#con14 .c14_box01 {background: url(../images/con14_bg.jpg) no-repeat center center / cover; padding: 100px 0 120px;}
#con14 .c14_box01.box_banner ul li {width: 320px;}

#con14 .c14_box02 {position: relative; width: 1600px; height: 800px; background: #fff; padding: 60px 0 0; border-radius: 33px 33px 0 0; margin: 0 auto; margin-top: -60px; z-index: 2;}
#con14 .c14_box02 h2 {text-align: center; font-size: 56px; line-height: 72px; color: #222; font-weight: 400;}
#con14 .c14_box02 h2 b {font-weight: bold; color: #0079C7;}

#con14 .c14_box02 .box_wrap {display: flex; justify-content: space-between; margin-top: -80px;}
#con14 .c14_box02 .box_wrap p {font-size: 18px; line-height: 32px; width: 43%; padding-top: 45px;}
#con14 .c14_box02 .box_wrap p b {font-weight: bold;}

#con14 .c14_box02 .box_wrap .c15_list {display: flex; justify-content: space-between; width: 53%;}
#con14 .c14_box02 .box_wrap .c15_list li {width: 48%;}
#con14 .c14_box02 .box_wrap .c15_list li:first-of-type {padding-top: 140px;}
#con14 .c14_box02 .box_wrap .c15_list li img {width: 100%; border-radius: 20px;}


#con16 .c16_box {background: url(../images/con16_bg.jpg) no-repeat center center / cover;}
#con16 .c16_box h2 {font-family: 'ZEN-SERIF'; font-weight: 400; font-size: 116px; line-height: 1; margin: 0 0 35px;}
#con16 .c16_box p {font-size: 32px; line-height: 48px;}
#con16 .c16_box ul li {background: #fff; color: #0079C7;}


#con17 {background: #F5F5F5; padding: 120px 0 130px;}
#con17 .title {margin-bottom: 40px; text-align: center;}
#con17 .c17_list {display: flex; align-items: center; justify-content: center;}
#con17 .c17_list li {width: 270px; height: 270px; border-radius: 50%; background: #0079C7; text-align: center; padding: 50px 0; margin-right: 40px;}
#con17 .c17_list li:last-child {margin-right: 0;}
#con17 .c17_list li img {width: 120px; margin-bottom: 15px;}
#con17 .c17_list li p {font-size: 32px; line-height: 1; color: #fff;}

#con17 .c17_box {width: 100%; background: #fff; border-radius: 22px; padding: 145px 90px 50px; margin-top: -105px;}
#con17 .c17_box h3 {font-size: 32px; font-weight: bold; margin-bottom: 25px; text-align: center;}
#con17 .c17_box h3 b {color: #0079C7; font-weight: bold;}
#con17 .c17_box ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#con17 .c17_box ul li {width: 30%; display: flex; align-items: center; margin-top: 25px;}
#con17 .c17_box ul li:nth-child(-n+3) {margin-top: 0;}
#con17 .c17_box ul li img {width: 27px; margin-right: 10px;}
#con17 .c17_box ul li p {font-size: 18px; line-height: 1;}


#con18 {padding-bottom: 170px; background: #F5F5F5;}
#con18 .title {text-align: center; margin-bottom: 60px;}
#con18 .title .btxt_list {justify-content: center; margin-top: 35px;}

.btxt_list {display: flex; align-items: center;}
.btxt_list li {width: 250px; height: 38px; background: #113965; border-radius: 24px; text-align: center; font-size: 16px; line-height: 38px; color: #C6F0FF; font-weight: bold; margin-right: 20px;}
.btxt_list li:last-child {margin-right: 0;}

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

.c18_tab {width: 280px;}
.c18_tab li {width: 100%; font-size: 20px; line-height: 1; font-weight: 500; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #C9CDD2; text-align: left;}
.c18_tab li a {display: block; width: 100%; height: 100%; color: #C9CDD2;}
.c18_tab li:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.c18_tab li.active a {color: #0079C7;}

.c18_list {width: 75%; height: 380px; overflow: hidden; border-radius: 30px; }
.c18_list li {height: 100%; background: #fff; overflow: hidden; margin-bottom: 5px;}
.c18_list li .inner_wrap {display: flex; align-items: center;}
.c18_list li img {width: auto; height: 380px; display: block;}
.c18_list li .txt {padding-left: 45px;}
.c18_list li .txt span {display: block; font-size: 36px; line-height: 1; color: #0079C7; font-weight: bold;}
.c18_list li .txt h3 {font-size: 36px; line-height: 1; font-weight: bold; margin: 18px 0 22px;}
.c18_list li .txt p {font-size: 18px; line-height: 32px; color: #555;}



#con19 {padding-bottom: 260px; background: #F5F5F5;}
#con19 .title {margin-bottom: 40px;}
#con19 .bsc_list li i {color: #0079C7;}
#con19 .bsc_list li.spe_active i {color: #fff;}


#con20 {padding-bottom: 170px; background: #F5F5F5;}
#con20 .inner {display: flex; align-items: center; justify-content: space-between;}
#con20 .inner .title {width: 48%;}
#con20 .inner .title h2 {font-size: 70px; line-height: 85px; color: #0079C7; font-weight: bold;}
#con20 .inner .title h2 b {font-weight: bold; color: #00B2F1;}
#con20 .inner .title p {font-size: 18px; line-height: 32px; margin-top: 25px;}
#con20 .inner .title img.signal {width: 620px; margin-top: -20px;}

#con20 .inner .con20_wrap {width: 50%; height: 550px; overflow: hidden;}
#con20 .inner .con20_wrap .swiper-slide {width: auto; height: 100%;}
#con20 .inner .con20_wrap .swiper-slide img {height: 100%;}


#con21 {padding-bottom: 170px; background: #F5F5F5; height: 925px;}
#con21 .title {margin-bottom: 40px;}
#con21 .con21_wrap{overflow:visible; padding:0;}
#con21 .swiper-wrapper{align-items:flex-start;}
#con21 .swiper-slide{width:410px; height:410px; border-radius:20px; overflow:hidden; position:relative; transition:height .6s cubic-bezier(.4,0,.2,1);}
#con21 .img_box{position:absolute; inset:0;}
#con21 .img_box img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
#con21 .img_box::after{content:''; position:absolute; left:0; right:0; bottom:0; height:55%; background:linear-gradient(to top, rgba(0,132,220,.7), rgba(0,132,220,0));}
#con21 .txt_box{position:absolute; left:0; right:0; bottom:20px; z-index:2; color:#fff; text-align:center; padding:0 20px; transition:bottom .6s ease;}
#con21 .txt_box .tit {font-size:40px; font-weight:bold; line-height:1.2;}
#con21 .txt_box p {margin-top:22px; font-size:18px; line-height:28px; opacity:0; visibility:hidden; transform:translateY(18px); transition: opacity .35s ease, transform .45s ease, visibility 0s .35s;}


#con21 .swiper-slide.is-active {height:590px;}
#con21 .swiper-slide.is-active .img_box img{transform:scale(1.03);}
#con21 .swiper-slide.is-active .img_box::after{height:60%;}
#con21 .swiper-slide.is-active .txt_box {bottom: 45px;}
#con21 .swiper-slide.is-active p{opacity:1; visibility:visible; transform:translateY(0); transition-delay:.15s;}


/* #con22 {width: 100%; padding: 120px 0; position: relative; display: flex; align-items: center; background: #063554;}
#con22 .inner {display: flex; justify-content: space-between; align-items: flex-start;}
#con22 .title {width: 45%; position: sticky; top: 190px;}
#con22 .title span {color: #fff;}
#con22 .title h2 {color: #fff; font-weight: 400;}
#con22 .title h2 b {color: #fff; font-weight: bold;}
#con22 .title p {color: #fff;}

#con22 .c22_list {width: 52%; display: flex; justify-content: space-between; flex-wrap: wrap;}
#con22 .c22_list > li {--base-y: 0px; --reveal-y: 110px; width: 350px; height: 410px; border-radius: 10px; overflow: hidden; position: relative; padding: 35px 30px 50px; margin-top: 40px; opacity: 0; visibility: hidden; filter: blur(18px); clip-path: inset(10% 0 0 0); transform: translate3d(0, calc(var(--base-y) + var(--reveal-y)), 0); will-change: transform, opacity, filter, clip-path;}

#con22 .c22_list > li:nth-child(2n) {--base-y: 50%;}
#con22 .c22_list > li .txt_box {display: flex; justify-content: space-between; flex-direction: column; position: relative; z-index: 5; height: 100%;}
#con22 .c22_list > li .txt_box .tit {font-size: 36px; font-weight: bold; line-height: 1;}

#con22 .c22_list > li .txt_box .tags {width: 126px;}
#con22 .c22_list > li .txt_box .tags li {width: 100%; height: 26px; font-size: 18px; font-weight: 500; line-height: 26px; text-align: center; margin-bottom: 5px; background: #fff; border-radius: 13px;}
#con22 .c22_list > li .txt_box .tags li:last-child {margin-bottom: 0;}
#con22 .c22_list > li .img_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#con22 .c22_list > li .img_box img {width: 100%; height: 100%; object-position: center; object-fit: cover; transform: scale(1.08); will-change: transform;}


@media (max-width: 1024px) {
  #con22 .c22_list > li,
  #con22 .c22_list > li:nth-child(2n) {
    --base-y: 0px;
    --reveal-y: 0px;

    opacity: 1;
    visibility: visible;
    filter: blur(0);
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0);
  }

  #con22 .c22_list > li .img_box img {
    transform: scale(1);
  }
} */


#con22 {
  width: 100%;
  padding: 120px 0;
  position: relative;
  display: flex;
  align-items: center;
  background: #063554;
  min-height: 100vh;
}
#con22 .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#con22 .title {
  width: 45%;
  position: relative; 
}
#con22 .title span {color: #fff;}
#con22 .title h2 {color: #fff; font-weight: 400;}
#con22 .title h2 b {color: #fff; font-weight: bold;}
#con22 .title p {color: #fff;}

/* [Flex 구조] 우측 리스트 컨테이너 */
#con22 .c22_list {
  width: 52%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px; /* 위아래 항목 간의 간격을 촘촘하게 제어 (원하는 만큼 가감 가능) */
}

/* [Flex 구조] 리스트 아이템 */
#con22 .c22_list > li {
  width: calc(50% - 12px); 
  max-width: 350px;
  height: 410px; /* 카드 높이 410px */
  border-radius: 20px; /* 모서리 잘림 없음 */
  overflow: hidden;
  position: relative;
  padding: 35px 30px 50px;
  
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity, filter;
}

/* flex wrap 줄바꿈 시 높이 꼬임 방지를 위해 마진은 0으로 고정 */
#con22 .c22_list > li:nth-child(2n) {
  margin-top: 0; 
}

#con22 .c22_list > li .txt_box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  z-index: 5;
  height: 100%;
}
#con22 .c22_list > li .txt_box .tit {font-size: 36px; font-weight: bold; line-height: 1;}
#con22 .c22_list > li .txt_box .tags {width: 126px;}
#con22 .c22_list > li .txt_box .tags li {
  width: 100%;
  height: 26px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  margin-bottom: 5px;
  background: #fff;
  border-radius: 13px;
}
#con22 .c22_list > li .txt_box .tags li:last-child {margin-bottom: 0;}
#con22 .c22_list > li .img_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#con22 .c22_list > li .img_box img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  will-change: transform;
}

/* 모바일 리셋 */
@media (max-width: 1024px) {
  #con22 {
    padding: 60px 0;
    min-height: auto;
  }
  #con22 .c22_list {
    width: 100%;
    row-gap: 20px;
  }
  #con22 .c22_list > li {
    width: 100%;
    max-width: none;
    opacity: 1;
    visibility: visible;
    filter: blur(0);
    transform: none !important;
  }
  #con22 .c22_list > li .img_box img {
    transform: scale(1) !important;
  }
}



#con23 {background: #EFEFEF; padding: 120px 0 150px;}
#con23 .title {text-align: center; margin-bottom: 40px;}

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

.c23_tab {width: 280px;}
.c23_tab li {width: 100%; font-size: 20px; line-height: 1; font-weight: 500; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #C9CDD2; text-align: left;}
.c23_tab li a {display: block; width: 100%; height: 100%; color: #C9CDD2;}
.c23_tab li:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.c23_tab li.active a {color: #0079C7;}

.c23_list {width: 75%; height: 380px; overflow: hidden; border-radius: 30px; }
.c23_list li {height: 100%; background: #fff; overflow: hidden; margin-bottom: 5px;}
.c23_list li .inner_wrap {display: flex; align-items: center;}
.c23_list li img {width: auto; height: 380px; display: block;}
.c23_list li .txt {padding-left: 45px;}
.c23_list li .txt span {display: block; font-size: 36px; line-height: 1; color: #0079C7; font-weight: bold;}
.c23_list li .txt h3 {font-size: 36px; line-height: 1; font-weight: bold; margin: 18px 0 22px;}
.c23_list li .txt p {font-size: 18px; line-height: 32px; color: #555;}


#con24 {background: #E7E7E7; padding: 110px 0 250px;}
#con24 .title {text-align: center; margin-bottom: 40px;}
#con24 .img_wrap img {width: 1630px; margin: 0 auto; display: block;}


#con25 {background: #E7E7E7; padding: 0 0 150px;}
#con25 .title {text-align: center; margin-bottom: 40px;}

#con25 .c25_wrap {display: flex; justify-content: space-between;}
#con25 .c25_wrap > div {width: 49%;}
#con25 .c25_wrap > div .tit {font-size: 28px; color: #fff; font-weight: 500; width: 450px; height: 56px; line-height: 56px; border-radius: 28px; text-align: center; margin: 0 auto; margin-bottom: 30px;}
#con25 .c25_wrap > div.left .tit {background: #0079C7;}
#con25 .c25_wrap > div.right .tit {background: #00B2F1;}

#con25 .c25_wrap > div ul li {position: relative;}
#con25 .c25_wrap > div ul li img {margin: 0 5px; width: calc(100% - 10px);}
#con25 .c25_wrap > div ul li p {width: 240px; height: 44px; line-height: 44px; border-radius: 22px; background: #fff; text-align: center; font-size: 22px; font-weight: 500; position: absolute; left: 50%; bottom: 65px; transform: translateX(-50%);}


#con26 {position: relative; height: 600px; overflow: hidden; color: #fff;}
#con26 .c26_bg {position: absolute; inset: 0; z-index: 0; background-image: url('/images/con26_bg.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;}
#con26 .title {position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
#con26 .title h2 {color: #fff; font-size: 62px; font-weight: bold; margin-bottom: 30px;}


#con27 {background: #EFEFEF; padding: 190px 0; position: relative;}
#con27 .title {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#con27 .con27_wrap {width: 50%; margin-left: 50%; overflow: hidden; padding: 15px;}
#con27 .con27_wrap .swiper-slide {width: 355px; background: #fff; border-radius: 30px; padding: 60px 45px 50px; box-shadow: 0 0 15px rgba(0,0,0,.16);}
#con27 .con27_wrap .swiper-slide img {width: 187px; display: block; margin-bottom: 23px;}
#con27 .con27_wrap .swiper-slide p {font-size: 22px; line-height: 38px;}


#con28 {background: #EFEFEF; position: relative;}
#con28 .c28_list {width: 50%; margin-left: 50%;}
#con28 .c28_list li {width: 100%;}
#con28 .c28_list li img {width: 100%;}

#con28 .inner {position: absolute; left: 50%; top: 10px; transform: translateX(-50%);}
#con28 .inner .left {width: 45%;}
#con28 .inner .left .info_box h3 {font-size: 30px; line-height: 1; color: #555; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 0.3px solid #707070;}

#con28 .inner .left .info_01 {margin-bottom: 35px;}
#con28 .inner .left .info_01 p {font-size: 20px; line-height: 30px; margin-bottom: 15px;}
#con28 .inner .left .info_01 p b {font-weight: bold;}
#con28 .inner .left .info_01 strong {font-size: 50px; line-height: 1; font-weight: bold; color: #0079C7;}

#con28 .inner .left .info_02 .time {margin-bottom: 15px;}
#con28 .inner .left .info_02 .time li {display: flex; align-items: center;}
#con28 .inner .left .info_02 .time li span {width: 64px; text-align: justify; font-size: 20px; line-height: 32px; display: block; margin-right: 25px; height: 32px;}
#con28 .inner .left .info_02 .time li span:after {content: ""; display: inline-block; width: 100%;}
#con28 .inner .left .info_02 .time li p {font-size: 20px; line-height: 32px; width: 195px; text-align: justify; height: 32px;}
#con28 .inner .left .info_02 .time li p:after {content: ""; display: inline-block; width: 100%;}

#con28 .inner .left .info_02 .time li:first-child {font-weight: bold; color: #063554;}
#con28 .inner .left .info_02 .time li:first-child div {font-size: 18px; line-height: 1; padding: 2px 8px; background: #063554; border-radius: 15px; color: #fff; margin-left: 8px;}

#con28 .inner .left .info_02 .map_box {margin: 25px 0 100px; width: 100%; height: 250px; }
#con28 .inner .left .info_02 .map_box .root_daum_roughmap {width: 100%;}
#con28 .inner .left .info_02 .map_box .root_daum_roughmap .wrap_map {height: 250px !important; border: 1px solid #ddd;}
#con28 .inner .left .info_02 .map_box .root_daum_roughmap .cont {display: none;}
#con28 .inner .left .info_02 .map_box .root_daum_roughmap .map_border {display: none;}
#con28 .inner .left .info_02 .map_box .root_daum_roughmap .wrap_controllers {display: none;}

#con28 .inner .left .footer p {color: #555; font-size: 16px; line-height: 28px;}
#con28 .inner .left .footer p span {margin: 0 20px;}
#con28 .inner .left .footer p.copyright {margin-top: 40px;}
#con28 .inner .left .footer button {color: #555; font-size: 16px; line-height: 28px; font-weight: bold;}


.popup_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
}

/* === 팝업 래퍼 === */
.popup_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 550px;
}

/* === 팝업 컨텐츠 === */
.popup_content {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  height: 720px;
  display: flex;
  flex-direction: column;
}

/* === 내부 스크롤 영역 === */
.pop_inner {
  flex: 1;
  overflow-y: auto;
  padding-right: 6px;
}

/* 스크롤바 선택 */
.pop_inner::-webkit-scrollbar {
  width: 6px;
}
.pop_inner::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

/* === 이미지 리스트 === */
.pop_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pop_list li img {
  width: 100%;
  display: block;
  border-radius: 8px;
}

/* === 하단 영역 === */
.popup_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #eee;
  margin-top: 12px;
}

.today_close {
  font-size: 14px;
  cursor: pointer;
}

.today_close input {
  margin-right: 6px;
}

.close_btn {
  border: none;
  background: #333;
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}






/* === 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: 250px 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: #0079C7; 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: #0079C7;}


#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: #003067;}
#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: #003067; 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: #003067; 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 #003067;}
.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; min-height: 50vh;}
#admin_inq .inner {width: 1400px;}
#admin_inq h2 {font-size: 50px; text-align: center; line-height: 1; margin-bottom: 30px;}

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

.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;}


.admin_tab_btn {display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.admin_tab_btn li {width: 280px; height: 50px; background: #5B5C5D; text-align: center; line-height: 50px; font-size: 18px; font-weight: 500; margin-right: 15px; border-radius: 25px;}
.admin_tab_btn li:last-child {margin-right: 0;}
.admin_tab_btn li a {color: #fff; display: block; width: 100%; height: 100%;}

.admin_tab_btn li.on {background: #0079C7;}