@font-face {
  font-family: 'Wave';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
}

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

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


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


.center{text-align:center;}
.inner {width:1500px; 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:100%; height: 80px; z-index: 10; text-align: right; position:fixed; left:0; top:0; background: rgba(255,255,255,.85); box-shadow: 0 3px 6px rgba(0,0,0,.16); padding: 0 3%; text-align: center;} 
#header .inner {position: relative; text-align: right;}
#header h1 {position:absolute; left:0; top:22px; width: 252px; height: 36px;}
#header h1 img {display:block; width:100%; height:100%;}
#header h1 img.mob {display: none;}

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


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


#quick_btn {position: fixed; right: 0%; top: 50%; transform: translateY(-50%); z-index: 999;}
#quick_btn .q_list {width: 85px; background: #fff; border-radius: 43px 0 0 43px; padding: 15px 9px; box-shadow: 0 2px 6px rgba(0,0,0,.2);}
#quick_btn .q_list li {padding: 12px 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: 13px; color: #33383C;}

#quick_btn button.top_btn {width: 85px; position: absolute; right: 90px; margin-top: 50px; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.2);}
#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: #FF9D00; 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: #FF9D00; padding: 40px 0;}
.inquiry_wrap .i_content .i_inner {width: 1300px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.inquiry_wrap .i_content .i_box {width: 1070px; 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: 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: 48px; 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: 48px; 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: 92px; color: #000; font-size: 24px; font-weight: bold; background: #fff; border-radius: 15px; font-weight: 700;}
.inquiry_wrap .i_content .privacy {display: flex; align-items: center;}
.inquiry_wrap .i_content .privacy p {font-size: 16px; color: #fff; padding-left: 8px;}


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


#con1 {margin: 200px 0 280px; text-align: center;}
#con1 img {width: 320px; margin-bottom: 50px;}
#con1 p {font-size: 28px; line-height: 1; margin-bottom: 20px;}
#con1 h2 {font-size: 58px; line-height: 1; color: #222527; font-weight: 400;}
#con1 h2 b {font-weight: 400;}


.title .tit_logo {width: 85px; margin-bottom: 22px;}
.title span {font-size: 18px; line-height: 1; color: #FF9D00; font-weight: 300; letter-spacing: 3px; display: block; margin-bottom: 20px;}
.title h2 {font-size: 58px; line-height: 72px; color: #5A4A3B; font-family: 'Wave'; font-weight: 400;}
.title h2 b {color: #FF9D00; font-weight: 400;}
.title p {font-size: 20px; line-height: 28px; margin-top: 20px; color: #222527;}



#con2 {margin-bottom: 100px; text-align: center;}
#con2 .title {margin-bottom: 100px;}

#con2 .c2_list li {width: 100%; position: relative;}
#con2 .c2_list li img {width: 100%;}
#con2 .c2_list li .tit_box {position: absolute; left: 0; bottom: 0; width: 100%; height: 77px; line-height: 77px; background: rgba(180,163,146,.47); text-align: center; font-size: 37px; color: #fff;}

#con2 .c2_list .slick-dots {display: flex !important; margin-top: 35px;}
#con2 .c2_list .slick-dots li {width: 14.28%; padding-top: 25px; position: relative;}
#con2 .c2_list .slick-dots li::before {content:''; width: 100%; height: 8px; background: #C9CDD2; position: absolute; left: 0; top: 0;}
#con2 .c2_list .slick-dots li button {font-size: 24px; color: #454C53;}
#con2 .c2_list .slick-dots li.slick-active::before {background: #FF9D00;}


.c3_doctor .c3_top {background: url(../images/con3_bg.png) no-repeat right bottom / cover; background-size: 100% 60%; position: relative;}
.c3_doctor .c3_top .tit {padding: 550px 0 100px;}
.c3_doctor .c3_top .tit .tit_logo {width: 85px; margin-bottom: 20px;}
.c3_doctor .c3_top .tit span {font-size: 18px; line-height: 1; color: #FF9D00; font-weight: 300; letter-spacing: 3px; display: block; margin-bottom: 20px;}
.c3_doctor .c3_top .tit h2 {font-size: 58px; line-height: 72px; color: #B4A392; font-weight: 400;}
.c3_doctor .c3_top .tit h2 b {color: #5A4A3B; font-weight: 400;}

.c3_doctor .c3_top .tit .name {display: flex; align-items: flex-end; margin-top: 135px;}
.c3_doctor .c3_top .tit .name h3 {font-size: 78px; font-weight: 400; color: #3E3226; line-height: 1; margin-right: 15px;}
.c3_doctor .c3_top .tit .name p {font-size: 36px; font-weight: 600; color: #3E3226; line-height: 1; padding-bottom: 2px;}

.c3_doctor .c3_top > img {position: absolute; right: 0; bottom: 0; width: 50%; max-width: 960px;}

.c3_doctor .c3_bot {background: #5A4A3B; padding: 82px 0;}
.c3_doctor .c3_bot .inner {display: flex; justify-content: space-between;}
.c3_doctor .c3_bot .inner .b_box {width: 28%;}
.c3_doctor .c3_bot .inner .b_box h4 {font-size: 24px; color: #fff; line-height: 1; font-weight: 400; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 2px solid #fff;}
.c3_doctor .c3_bot .inner .b_box ul li {font-size: 18px; line-height: 32px; color: #fff; font-weight: 300;}


#con3 .c3_doctor:last-of-type .c3_top {background: #F8F5F0; background-size: 100% 100%;}


#con4 {padding: 300px 0 180px; background: #F8F5F0;}
#con4 .title {text-align: center; margin-bottom: 70px;}
#con4 .c4_box .c4_list {width: 1226px; height: 358px; margin: 0 auto; background: url(../images/con4_bg.png) no-repeat center center / cover; display: flex; padding: 0 42px; align-items: center; justify-content: space-between;}
#con4 .c4_box .c4_list li {position: relative; width: 274px; height: 274px; cursor: pointer;}
#con4 .c4_box .c4_list li img {position: absolute; left: 0; top: 0; width: 100%;}
#con4 .c4_box .c4_list li img.on {display: none;}
#con4 .c4_box .c4_list li:hover img.on {display: block;}


#con5 {margin: 320px 0 230px;}

.h_swipe_con {position: relative;}
.h_swipe_con .inner .title .hsw_pg {margin-top: 35px; display: flex; align-items: center;}
.h_swipe_con .inner .title .hsw_pg div {width: 50px; cursor: pointer; margin-right: 20px;}
.h_swipe_con .inner .title .hsw_pg div:last-child {margin-right: 0;}
.h_swipe_con .inner .title .hsw_pg div img {width: 100%;}

.h_swipe_con .h_sw_wrap {width: 50%; overflow: hidden; position: absolute; top: 0; left: 50%;}
.h_swipe_con .h_sw_wrap .h_sw_list li {width: 420px;}
.h_swipe_con .h_sw_wrap .h_sw_list li img {width: 100%;}
.h_swipe_con .h_sw_wrap .h_sw_list li p {font-size: 24px; line-height: 1; font-weight: 700; margin-top: 35px;}


.six_con {padding: 130px 0; background: #F8F5F0;}
.six_con .title {margin-bottom: 70px; text-align: center;}

.six_con .six_list {display: flex; flex-wrap: wrap; width: 100%; max-width: 1220px; margin: 0 auto;}
.six_con .six_list li {width: 33.33%; position: relative;}
.six_con .six_list li img {width: 100%;}
.six_con .six_list li .txt {position: absolute; top: 250px; left: 30px;}
.six_con .six_list li .txt span {display: block; font-size: 48px; color: #fff; line-height: 1; font-family: 'Wave';}
.six_con .six_list li .txt h3 {font-size: 36px; line-height: 1; color: #fff; margin: 7px 0 10px;}
.six_con .six_list li .txt p {font-size: 18px; line-height: 25px; font-weight: 300; color: #fff;}


#con7 {margin: 180px 0 300px;}

.bimg_con .title {margin-bottom: 70px;}
.bimg_con .bimg_box > img {width: 100%; border-radius: 15px;}
.bimg_con .bimg_box .bi_list {display: flex; margin-top: 55px; justify-content: space-between;}
.bimg_con .bimg_box .bi_list li span {display: block; font-size: 24px; line-height: 1; margin-bottom: 20px; color: #3E3226; font-family: 'Wave';}
.bimg_con .bimg_box .bi_list li p {font-size: 24px; line-height: 1; color: #5A4A3B; font-weight: 600;}


#con8 {margin-bottom: 250px;}


#con10 {background: #F6F7F9; padding: 150px 0 730px; position: relative;}
#con10 .title {z-index: 2; position: relative;}
#con10 > img {position: absolute; right: 0; bottom: 105px; width: 100%; max-width: 1460px; z-index: 1;}


#con11 {margin: 200px 0;}


#con12 {padding: 160px 0; background: url(../images/con12_bg.jpg) no-repeat center center / cover;}
#con12 .inner {display: flex; align-items: center; justify-content: space-between;}
#con12 .inner .title h2 {color: #fff;}
#con12 .inner .title p {color: #fff;}

#con12 .inner .check_list {width: 100%; max-width: 620px;}
#con12 .inner .check_list li {display: flex; align-items: center; padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.3);}
#con12 .inner .check_list li:last-child {border-bottom: 0;}
#con12 .inner .check_list li p {color: #fff; font-size: 22px; font-weight: 500; line-height: 1; margin-left: 20px;}


#con13 {padding: 360px 0 100px; background: url(../images/con13_bg.png) no-repeat center bottom; background-size: 100% 100%; margin-top: -80px;}
#con13 .title { text-align: center; margin-bottom: 80px;}

#con13 .c13_list {width: 100%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between;}
#con13 .c13_list li {width: 32%; background: #F2EFEA; border-top: 4px solid #FF9D00; padding: 55px 20px 75px; text-align: center; cursor: pointer;}
#con13 .c13_list li img {width: 80px;}
#con13 .c13_list li h3 {font-size: 30px; line-height: 1; font-weight: 700; color: #5A4A3B; margin: 20px 0 25px;}
#con13 .c13_list li p {font-size: 20px; line-height: 28px; color: #545557;}

#con13 .c13_list li:hover {background: #B4A392; border-top: 4px solid #FF9D00;}
#con13 .c13_list li:hover h3 {color: #fff;}
#con13 .c13_list li:hover p {color: #fff;}



#con14 {margin: 200px 0 180px;}
#con14 .inner {display: flex; justify-content: space-between;}
#con14 .inner .title .go_cs {display: block; width: 210px; height: 60px; font-size: 20px; background: #B4A392; line-height: 60px; margin-top: 70px;}
#con14 .inner .title .go_cs a {color: #fff; font-weight: 700;}

#con14 .inner .c14_list {width: 50%;}
#con14 .inner .c14_list li {border-top: 1px solid #5A4A3B; padding: 50px 90px 50px 0;}
#con14 .inner .c14_list li .top {display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
#con14 .inner .c14_list li .top h3 {font-size: 20px; line-height: 1; color: #3E3226;}
#con14 .inner .c14_list li .top img {width: 19px; height: 10px; transition: transform .2s ease;}
#con14 .inner .c14_list li.is-open .top img {transform: rotate(180deg);}
#con14 .inner .c14_list li.is-open .top h3 {color: #B4A392;}
#con14 .inner .c14_list li > p {font-size: 18px; line-height: 30px; color: #222527; margin-top: 40px; display: none;}


#con16 {margin: 350px 0 280px; text-align: center;}
#con16 .title {margin-bottom: 60px;}

#con16 .c16_list {width: 100%; max-width: 1180px; margin: 0 auto; margin-bottom: 60px;}
#con16 .c16_list li {width: 100%; margin: 0 10px;}
#con16 .c16_list li img {width: 100%;}


.inq_section {padding: 80px 0; background: #F8F5F0;}
.inq_section .title {margin-bottom: 50px; text-align: center;}

.inq_section .inq_con {width: 100%; max-width: 985px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.inq_section .inq_con li {width: 48%; margin-top: 40px;}
.inq_section .inq_con li:last-child {width: 100%;}
.inq_section .inq_con li:nth-child(-n+2) {margin-top: 0;}

.inq_section .inq_con li input {width: 100%; height: 80px; background: rgba(255,255,255,.7); border: 1px solid #707070; font-size: 24px; padding-left: 30px;}
.inq_section .inq_con li input::placeholder {color: #A4AAB1;}

.inq_section .inq_con li select {width: 100%; height: 80px; background: rgba(255,255,255,.7); border: 1px solid #707070; font-size: 24px; padding-left: 30px;
appearance: none; -webkit-appearance: none;  -moz-appearance: none; background: #fff url(../images/inq_select.png) no-repeat center right 34px; background-size: 22px 13px;}

.inq_section .inq_con li textarea {width: 100%; height: 250px; background: rgba(255,255,255,.7); border: 1px solid #707070; font-size: 24px; line-height: 34px; padding: 20px 30px;}
.inq_section .inq_con li textarea::placeholder {color: #A4AAB1;}

.inq_section .inq_bot {width: 100%; max-width: 985px; margin: 0 auto; margin-top: 30px; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.inq_section .inq_bot .privacy {display: flex; align-items: center;}
.inq_section .inq_bot .privacy p {font-size: 18px; color: #222527; margin-left: 10px;}

.inq_section .inq_bot .btn_wrap {display: flex; align-items: center;}
.inq_section .inq_bot .btn_wrap ul {display: flex; align-items: center;}
.inq_section .inq_bot .btn_wrap ul li {width: 112px; height: 112px; margin-right: 15px;}
.inq_section .inq_bot .btn_wrap ul li:last-child {margin-right: 20px;}
.inq_section .inq_bot .btn_wrap ul li a {display: block; width: 100%; height: 100%;}
.inq_section .inq_bot .btn_wrap ul li a img {width: 100%;}

.inq_section .inq_bot .btn_wrap .in_btn {display: block; background: rgba(255,255,255,.7); border: 1px solid #707070; width: 190px; height: 80px; line-height: 80px; font-size: 24px; font-weight: 500; color: #222527;}



#column_con {margin-top: 200px;}
#column_con .title {text-align: center; margin-bottom: 30px;}
#column_con .title .col_btn {font-size: 20px; line-height: 1; font-weight: 700; margin-top: 20px;}
#column_con .title .col_btn a {color: #222527;}

.main_col_list li {width: 32%; margin-right: 25px; background: #F2EFEA; border-top: 4px solid #FF9D00;}
.main_col_list li a {display: block; width: 100%; height: 100%; padding: 35px 27px 80px;}
.main_col_list li .img_wrap {width: 100%; height: 275px; overflow: hidden; position: relative;}
.main_col_list li .img_wrap img {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.main_col_list li .txt_wrap {margin-top: 25px;}
.main_col_list li .txt_wrap h4 {width: 100%; font-size: 30px; font-weight: 700; color: #5A4A3B; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_col_list li .txt_wrap p {font-size: 20px; line-height: 28px; color: #545557; margin-top: 20px; max-height:56px; width: 100%; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;  white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main_col_wrap {position: relative;}
.main_col_wrap .c_btns .c_prev {position: absolute; left: -70px; top: 50%; transform: translateY(-50%); width: 10px;}
.main_col_wrap .c_btns .c_next {position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 10px;}
.main_col_wrap .c_btns button img {width: 100%;}



#con18 {margin: 200px 0;}
#con18 .bi_list h3 {font-size: 32px; line-height: 1; color: #FF9D00; font-weight: 700;}
#con18 .bi_list p {font-size: 20px; color: #222527; font-weight: 400; margin-top: 20px;}


#con21 {margin: 170px 0 200px;}
#con21 .title {margin-bottom: 80px; padding-bottom: 60px; border-bottom: 2px solid #B4A392; text-align: center;}



.c21_box ul {display: flex; margin-bottom: 60px; animation-duration: 20s; animation-timing-function: linear; animation-iteration-count: infinite;}
.c21_box ul:last-child {margin-bottom: 0;}
.c21_box ul li {text-align: center; width: 400px; margin-right: 25px; flex-shrink: 0;}
.c21_box ul li img {width: 100%;}

.review_01 {animation-name: slide-right;}
.review_02 {animation-name: slide-left;}


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

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


.c22_wrap {display: flex;}
.c22_wrap .left {width: 50%;}
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 1138px !important;}
.root_daum_roughmap .cont {display: none !important;}


.c22_wrap .right {width: 50%; background: #F8F5F0; padding: 75px 200px 75px 50px;}
.c22_wrap .right .box {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #A4AAB1;}
.c22_wrap .right .box:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}

.c22_wrap .right .box .box_tel {display: block; font-size: 80px; line-height: 1; font-weight: 700; color: #3E3226; margin-bottom: 30px;}
.c22_wrap .right .box .ct_con {display: flex; align-items: flex-start; margin-bottom: 45px;}
.c22_wrap .right .box .ct_con:last-child {margin-bottom: 0;}
.c22_wrap .right .box .ct_con > img {width: 54px; height: 54px; margin-right: 25px;}
.c22_wrap .right .box .ct_con .txt h3 {font-size: 24px; color: #FF9D00; font-weight: 800; margin-bottom: 7px;}
.c22_wrap .right .box .ct_con .txt p {font-size: 18px; line-height: 28px;}
.c22_wrap .right .box .ct_con .txt ul li {display: flex; align-items: center;}
.c22_wrap .right .box .ct_con .txt ul li span {font-size: 18px; display: block; color: #454C53; width: 95px;}
.c22_wrap .right .box .ct_con .txt ul li p {font-size: 18px; line-height: 34px; color: #454C53; font-weight: 700;}

.c22_wrap .right .box .ct_con .txt ul.time li span {text-align: justify; width: 60px; margin-right: 35px; height: 32px;}
.c22_wrap .right .box .ct_con .txt ul.time li span:after {content: ""; display: inline-block; width: 100%;}
.c22_wrap .right .box .ct_con .txt ul.time li span b {font-weight: 700;}
.c22_wrap .right .box .ct_con .txt ul.time li p {font-weight: 500;}
.c22_wrap .right .box .ct_con .txt ul.time li p b {font-weight: 700;}
.c22_wrap .right .box .ct_con .txt ul.time li p em {font-size: 18px; padding: 2px 6px; background: #FF9D00; border-radius: 6px; line-height: 1; color: #fff; font-weight: 700; margin-left: 10px;}

.c22_wrap .right .box .ct_con .txt .time_p {font-size: 16px; line-height: 1; color: #222527; margin-top: 10px;}





footer {background: #222527; width: 100%; padding: 65px 0; color: #E6E9EC;}
footer .inner {position: relative;}
footer .inner .foot_logo {width: 375px; margin-bottom: 35px;}

footer .f_wrap {display: flex; align-items: flex-end; justify-content: space-between;}
footer .f_wrap .f_box .f_info {display: flex; align-items: center; margin-bottom: 20px;}
footer .f_wrap .f_box .f_info li {font-size: 16px; line-height: 1; margin-right: 25px;}
footer .f_wrap .f_box .f_info li:last-child {margin-right: 0;}

footer .f_wrap button {display: block; font-size: 14px; color: #fff; line-height: 28px; width: 200px; height: 28px; border-radius: 14px; background: #454C53;}

footer p.copyright {font-size: 16px; color: #A4AAB1; line-height: 1;}




/* 팝업 */
/* === 팝업 오버레이 === */
.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;}



/* 칼럼 */
#sub_column_wrap {margin-top: 280px; margin-bottom: 150px;}
#sub_column_wrap .title {margin-bottom: 40px; text-align: center;}

#sub_column_wrap .main_col_list {display: flex; flex-wrap: wrap;}
#sub_column_wrap .main_col_list li {width: 32%; margin-right: 2%; margin-top: 60px;}
#sub_column_wrap .main_col_list li:nth-child(3n) {margin-right: 0;}
#sub_column_wrap .main_col_list li:nth-child(-n+3) {margin-top: 0;}

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

#sub_column_wrap .title .sub_tit {font-size: 30px; line-height: 1; margin-bottom: 20px; font-weight: 700; color: #3E3226;}
#sub_column_wrap .title .sub_tit b {color: #FF9D00; font-weight: 700;}

#sub_column_wrap .cv_wrap {width: 1080px; margin: 0 auto; margin-top: 80px;}

#sub_column_wrap .cv_wrap .col_view_box img {max-width: 100%;}

#sub_column_wrap .cv_wrap .col_pn {margin-top: 170px;}
#sub_column_wrap .cv_wrap .col_pn .pn_wrap {width: 100%; display: flex; align-items: center; padding: 15px 17px;}
#sub_column_wrap .cv_wrap .col_pn .pn_wrap img.c_arrow {width: 20px;}
#sub_column_wrap .cv_wrap .col_pn .pn_wrap p {font-size: 18px; line-height: 1; font-weight: 700; color: #000; margin-left: 25px;}
#sub_column_wrap .cv_wrap .col_pn .pn_wrap:hover p {color: #5A4A3B;}

#sub_column_wrap .cv_wrap .col_pn > div.prev {border-bottom: 1px solid #5A4A3B;}

#sub_column_wrap .cv_wrap button.col_list_btn {margin-top: 45px; width: 110px; height: 60px; line-height: 60px; border-radius: 16px; background: #5A4A3B; font-size: 24px; font-weight: 700; color: #fff;}
#sub_column_wrap .cv_wrap button.col_list_btn a {color: #fff; display: block; width: 100%; height: 100%;}
#sub_column_wrap .cv_wrap button.col_list_btn:hover {background: #FF9D00;}

#sub_column_wrap .cv_wrap a.col_list_btn {margin-top: 45px; width: 110px; height: 60px; line-height: 60px; border-radius: 16px; background: #5A4A3B; font-size: 24px; font-weight: 700; color: #fff; text-align: center;}
#sub_column_wrap .cv_wrap a.col_list_btn:hover {background: #FF9D00;}

#sub_column_wrap .cv_wrap .tbl_cwr {width: 100%; border-top: 2px solid #5A4A3B;}
#sub_column_wrap .cv_wrap .tbl_cwr tr {border-bottom: 1px solid #cdcdcd;}
#sub_column_wrap .cv_wrap .tbl_cwr th {background: #F2EFEA; font-size: 18px;}
#sub_column_wrap .cv_wrap .tbl_cwr td {padding: 15px;}
#sub_column_wrap .cv_wrap .tbl_cwr td input[type="text"] {width: 100%; height: 45px; border: 1px solid #cdcdcd; padding: 0 15px;}
#sub_column_wrap .cv_wrap .tbl_cwr td input[type="file"] {width: 100%; height: 45px; border: 1px solid #cdcdcd; font-size: 15px; line-height: 45px; padding: 0 15px;}
#sub_column_wrap .cv_wrap .tbl_cwr td input[type="checkbox"] {width: 15px; height: 15px; border: 1px solid #cdcdcd;}
#sub_column_wrap .cv_wrap .tbl_cwr td .label_txt {font-size: 16px;}
#sub_column_wrap .cv_wrap .tbl_cwr td textarea {width: 100%; height: 500px; border: 1px solid #cdcdcd; padding: 15px;}
#sub_column_wrap .cv_wrap .tbl_cwr td .r_txt {font-size: 14px; line-height: 1; margin-top: 6px;}

#sub_column_wrap .col_wr_btn {width: 100px; height: 44px; line-height: 44px; border-radius: 5px; background: #222; font-size: 18px; font-weight: 700; margin-left: auto; display: block;}
#sub_column_wrap .col_wr_btn a {color: #fff; display: block; width: 100%; height: 100%;}


#sub_column_wrap .cv_wrap .col_list_btn.col_cmpl_btn {display: block; margin: 0 auto; margin-top: 50px;}













/* 로그인 */
#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: #FF9D00; 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: #FF9D00;}


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