@charset "utf-8";

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-Thin.eot") format("eot");
  src: url("../fonts/NotoSans-Thin.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Thin.otf") format("opentype"),
  url("../fonts/NotoSans-Thin.woff") format("woff"),
  url("../fonts/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-Light.eot") format("eot");
  src: url("../fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Light.otf") format("opentype"),
  url("../fonts/NotoSans-Light.woff") format("woff"),
  url("../fonts/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-DemiLight.eot") format("eot");
  src: url("../fonts/NotoSans-DemiLight.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-DemiLight.otf") format("opentype"),
  url("../fonts/NotoSans-DemiLight.woff") format("woff"),
  url("../fonts/NotoSans-DemiLight.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-Regular.eot") format("eot");
  src: url("../fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Regular.otf") format("opentype"),
  url("../fonts/NotoSans-Regular.woff") format("woff"),
  url("../fonts/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-Medium.eot") format("eot");
  src: url("../fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Medium.otf") format("opentype"),
  url("../fonts/NotoSans-Medium.woff") format("woff"),
  url("../fonts/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-Bold.eot") format("eot");
  src: url("../fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Bold.otf") format("opentype"),
  url("../fonts/NotoSans-Bold.woff") format("woff"),
  url("../fonts/NotoSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSans-Black.eot") format("eot");
  src: url("../fonts/NotoSans-Black.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Black.otf") format("opentype"),
  url("../fonts/NotoSans-Black.woff") format("woff"),
  url("../fonts/NotoSans-Black.woff2") format("woff2");
}

@font-face {
  font-family: "GyeonggiTitle";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Title_Light.otf") format("opentype"),
  url("../fonts/Title_Light.woff") format("woff");
}

@font-face {
  font-family: "GyeonggiTitle";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Title_Medium.otf") format("opentype"),
  url("../fonts/Title_Medium.woff") format("woff");
}

@font-face {
  font-family: "GyeonggiTitle";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Title_Bold.woff") format("woff");
}

/* 초기화 */
html {
  overflow-y: scroll;
  font-size: 14px;
}
body {margin:0;padding:0;font-size:14px;font-family:'Noto Sans KR', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1100px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#ft_wr {width:1100px}

.inner {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(99, 100, 102, 0.4);
  z-index: 1000;
}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {
  margin: 0 auto;
}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  border-bottom: 1px solid #c2d236;
  padding: 21px 0 8px;
}
.tnb_logo {
  position: relative;
  font-size: 14px;
  color: #ffffff;
  padding-left: 22px;
}
.tnb_logo:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  height: 17px;
  background: url(../img/tnb_ic.png);
}
.tnb_text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.tnd_right {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.tnd_right ul {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

#hd_wrapper {
  position: relative;
  margin: 0 auto;
  zoom: 1;
}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:22px 0 0}

.hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {
  float: right;
  position: relative;
}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}

#gnb .menu {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
#gnb .menu > li {
  position: relative;
  display: inline-block;
  margin-left: 24px;
  line-height: 100px;
}
#gnb .menu > li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  height: 2px;
  background: 0;
}
#gnb .menu > li:hover:after {
  background: #ffd60d;
}
#gnb .menu > li:first-child {
  margin-left: 0;
}
#gnb .menu > li > a {
  font-size: 16px;
  color: #ffffff;
}
.sub_menu {
  display: none;
  position: absolute;
  left: -15px;
  background: rgba(99, 100, 102, 0.8);
  padding: 14px;
}
#gnb .menu > li:hover .sub_menu {
  display: block;
}
.sub_menu1 {
  width: auto;
  min-width: 180px;
  white-space: nowrap;
}
.sub_menu2 {
  width: auto;
  min-width: 180px;
  white-space: nowrap;
}
.sub_menu li {
  line-height: 28px;
  white-space: nowrap;
}
.sub_menu li a {
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
}
.sub_menu li:hover a {
  color: #ffd60d;
}

/* 중간 레이아웃 */
#wrapper {}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container {
  margin: 0 auto;
  min-height: 500px;
  height: 100%;
  zoom: 1;
  padding: 100px 0 0;
}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {
  margin: 0 auto;
  text-align: center;
}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 35px 0 45px;
  margin: 0 auto;
}
#ft_wr p {
  font-size: 14px;
  color: #000000;
  text-align: left;
  line-height: 22px;
}
#ft_wr .ft_right {
  margin-left: 70px;
}
#ft_wr .ft_right ul {
  text-align: left;
  margin-top: 15px;
}
#ft_wr .ft_right ul li {
  display: inline-block;
}
#ft_wr .ft_right ul li a {
  font-size: 14px;
  color: #000000;
  line-height: 22px;
  margin-right: 20px;
  font-weight: 200;
}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {
  height: 52px;
  background: #e5e5e5;
}
#ft_copy p {
  font-size: 14px;
  color: #636466;
  text-align: center;
  line-height: 52px;
}
#ft_banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1100px;
  margin: 40px auto 0;
}
#ft_banner p {
  font-size: 20px;
}
#ft_banner a {
  margin-left: 33px;
}
#top_btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 42px;
  height: 42px;
  overflow: hidden;
  cursor: pointer;
}
#top_btn img {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
}
#top_btn .front {
  opacity: 1;
}
#top_btn .back {
  opacity: 0;
}
#top_btn:hover .front {
  opacity: 0;
}
#top_btn:hover .back {
  opacity: 1;
}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {
  width: 100%;
  border-collapse: collapse;
} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {
  margin: 0 0 10px;
  border-bottom: 1px solid #000000;
}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {
  padding: 8px 0;
  font-size: 15px;
  color: #000000;
  font-weight: normal;
  text-align: center;
  border-bottom: 2px solid #636466;
}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {
  font-size: 15px;
  color: #000000;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
  word-break: break-all;
}
.tbl_head01 tbody tr:hover td {}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width: 540px;}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {
  text-align: center;
  margin: 40px 0 0;
}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {
  display: inline-block;
  font-size: 14px;
  color: #363636;
  margin: 0 6px;
}
.pg_page:hover {background-color:#fafafa}
.pg_start {
  width: 7px;
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/pg_first.png?v=1) center 50% no-repeat;
  padding: 0;
}
.pg_prev {
  width: 7px;
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/pg_first.png?v=1) center 50% no-repeat;
  padding: 0;
}
.pg_end {
  width: 7px;
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/pg_end.png?v=1) center 50% no-repeat;
  padding: 0;
}
.pg_next {
  width: 7px;
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/pg_end.png?v=1) center 50% no-repeat;
  padding: 0;
}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {
  display: inline-block;
  font-size: 14px;
  color: #55c0dc;
  margin: 0 6px;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* common */
.center {
  text-align: center;
}

/* main */
.main_slider {
  position: relative;
  width: 100%;
  height: 800px;
}
.main_slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_slide_wrap {
  margin-left: 50px;
}
.main_slide_text1 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 30px;
}
.main_slide_text2 {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 10px;
}
.main_slide_text3 {
  font-size: 36px;
  color: #ffffff;
  line-height: 48px;
}
.main_slide1 {
  width: 100%;
  height: 100%;
  background: url(../img/main_slide_01.jpg?v=1) center top no-repeat;
  background-image: -webkit-image-set(url(../img/main_slide_01.webp) type("image/webp") 1x, url(../img/main_slide_01.jpg?v=1) type("image/jpeg") 1x);
  background-image: image-set(url(../img/main_slide_01.webp) type("image/webp") 1x, url(../img/main_slide_01.jpg?v=1) type("image/jpeg") 1x);
  background-size: cover;
}
.main_slide2 {
  width: 100%;
  height: 100%;
  background: url(../img/01_slide02.jpg) center top no-repeat;
  background-image: -webkit-image-set(url(../img/01_slide02.webp) type("image/webp") 1x, url(../img/01_slide02.jpg) type("image/jpeg") 1x);
  background-image: image-set(url(../img/01_slide02.webp) type("image/webp") 1x, url(../img/01_slide02.jpg) type("image/jpeg") 1x);
  background-size: cover;
}
.main_slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 65px;
  left: 0;
  width: 100%;
}
.main_slider .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #fff;
  opacity: 0.5;
  transition: 0.3s;
}
.main_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.main_slider .swiper-pagination-bullet-active {
  width: 27px;
  opacity: 1;
  background: #fff;
  border-radius: 9px;
  transition: 0.3s;
}
.slider_index_wrap {
  position: absolute;
  left: 0;
  bottom: 65px;
  z-index: 100;
}
.slider_index {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.slider_index span {
  font-size: 36px;
  color: rgba(255, 255, 255, 1);
}
.slider_index_text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.main_section1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_section1_wrap {
  flex-grow: 1;
  padding-left: 88px;
}
.main_section1_text1 {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.main_section1_text2 {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
}
.main_section1_text2:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.main_section1_text2 span {
  padding-left: 18px;
}
.main_section1_text3 {
  font-size: 18px;
  color: #000000;
  margin: 50px 0 55px;
  margin-left: 18px;
}
.main_section1_link {
  position: relative;
  display: inline-block;
  width: 204px;
  height: 40px;
  background: #ffd60d;
  border-radius: 40px;
  font-size: 18px;
  color: #000000;
  line-height: 40px;
  padding-left: 40px;
  margin-left: 18px;
}
.main_section1_link:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: url(../img/arrow_ic.png);
}
.main_section2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 100px 0 80px;
}
.main_section2 a {
  margin-bottom: 20px;
}
.main_section3 {
  margin-bottom: 160px;
}
.main_section3_text {
  font-size: 30px;
  color: #000000;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  word-spacing: 6px;
}
.main_section3_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.main_section3_box {
  position: relative;
  width: 340px;
}
.main_section4 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
  border-bottom: 1px solid #ffd60d;
}
.main_section4_box {
  width: 340px;
}
.main_section4_top {
  height: 145px;
  text-align: center;
}
.main_section4_text1 {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.main_section4_text2 {
  font-size: 18px;
  color: #000000;
  margin-top: 35px;
  text-align: left;
}
.main_section4_text3 {
  font-size: 36px;
  color: #000000;
  margin-top: 26px;
  text-align: left;
}
.main_section4_top img {
  padding-top: 8px;
}
.main_section4_box ul {
  font-size: 0;
  line-height: 0;
}
.main_section4_box ul li {
  margin-bottom: 10px;
}
.main_section4_box ul li:last-child {
  margin-bottom: 0;
}

/* sub */
.sub_top {
  position: relative;
  display: flex;
  height: 450px;
  align-items: center;
  justify-content: center;
}
.sub_top_wrap {
  width: 254px;
  text-align: center;
  margin-top: 130px;
}
.sub_top_text_ko {
  font-size: 24px;
  color: #fff;
  border-bottom: 1px solid #ffd60d;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.sub_top_text_en {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}

/* info */
.sub_top_info {
  background: url(../img/sub_top_info.jpg) center top no-repeat;
  background-size: cover;
}
.info_section1 {
  text-align: center;
  padding-bottom: 160px;
}
.info_section2 {
  height: 780px;
  background: url(../img/info_img2.jpg) center top no-repeat;
  background-size: cover;
  padding-top: 120px;
}
.info_section2_text1 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  margin-left: 18px;
}
.info_section2_text2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 55px;
}
.info_section2_text2:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.info_section2_text3 {
  font-size: 16px;
  color: #ffffff;
  margin-left: 18px;
}
.info_section3 {
  padding: 100px 0 50px;
}
.info_section3_doctor_wrap {
  display: flex;
  margin-bottom: 60px;
}
.info_section3_doctor_img {
  width: 50%;
}
.doctor_slider1 {
  width: 50%;
  height: 500px;
  background: #2c838d;
}
.info_slider_text {
  font-size: 18px;
  color: #fff;
  padding: 40px 0 0 60px;
}
.info_slider_text span {
  font-size: 30px;
  padding-left: 10px;
}
.info_slider_ul {
  padding-left: 60px;
  margin-top: 15px;
}
.info_slider_ul:before {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 20px;
}
.info_slider_ul li {
  font-size: 15px;
  color: #fff;
  line-height: 24px;
}
.doctor_slider1 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 35px;
  text-align: right;
  padding-right: 55px;
}
.doctor_slider1 .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #fff;
  opacity: 0.5;
  transition: 0.3s;
}
.doctor_slider1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.doctor_slider1 .swiper-pagination-bullet-active {
  width: 27px;
  opacity: 1;
  background: #fff;
  border-radius: 9px;
  transition: 0.3s;
}
.doctor_slider1 .slider_index_wrap {
  left: 60px;
  bottom: 35px;
}
.doctor_slider2 {
  width: 50%;
  height: 500px;
  background: #ffea76;
}
.doctor_slider2 .info_slider_text {
  color: #000;
}
.doctor_slider2 .info_slider_ul:before {
  background: #5ab9af;
}
.doctor_slider2 .info_slider_ul li {
  color: #000;
}
.doctor_slider2 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 35px;
  text-align: right;
  padding-right: 55px;
}
.doctor_slider2 .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #000;
  opacity: 0.5;
  transition: 0.3s;
}
.doctor_slider2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.doctor_slider2 .swiper-pagination-bullet-active {
  width: 27px;
  opacity: 1;
  background: #000;
  border-radius: 9px;
  transition: 0.3s;
}
.doctor_slider2 .slider_index_wrap {
  left: 60px;
  bottom: 35px;
}
.doctor_slider2 .slider_index {
  color: rgba(0, 0, 0, 0.8);
}
.doctor_slider2 .slider_index span {
  color: rgba(0, 0, 0, 1);
}
.doctor_slider2 .slider_index_text {
  color: rgba(0, 0, 0, 0.8);
}
.info_section4 {
  padding-bottom: 100px;
}
.info_section4_title {
  font-size: 30px;
  color: #000000;
  text-align: center;
}
.info_section4_wrap {
  display: flex;
  justify-content: space-between;
  margin: 35px 0 30px;
}
.info_section4_table {
  width: 540px;
}
.info_section4_table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.info_section4_table table td {
  height: 50px;
  font-size: 16px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.info_section4_table table td.td_top {
  border-top: 1px solid #636466;
}
.info_section4_table table td.td_bottom {
  border-bottom: 1px solid #636466;
}
.info_section4_table table td.td_right {
  border-right: 0;
}
.info_section4_table table td.text_left {
  text-align: left;
  padding-left: 28px;
}
.info_section4_table table td.h2x {
  height: 80px;
}
.info_section4_table table td span {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 200;
}
.info_section4_table table td.td_state1 {
  height: 155px;
  font-size: 15px;
  color: #8e9e04;
}
.info_section4_table table td.td_state2 {
  height: 155px;
  font-size: 15px;
  color: #636466;
  background: #f7f7f7;
}
.info_section4_table table td.td_state3 {
  height: 155px;
  font-size: 15px;
  color: #ffbe0d;
}
.info_section4_text {
  font-size: 15px;
  color: #000000;
  text-align: center;
}
.info_section4_table table td.td_week {
  height: 50px;
}
.info_section4_table table tr.tr_top {
  background: rgba(255, 214, 13, 0.1);
}
.info_section4_table table td span.red {
  color: #be3656;
}
.info_section5 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info_section5 .swiper_gallery {
  box-sizing: border-box;
  padding: 20px 0 120px;
}
.info_section5 .swiper_gallery .swiper-slide {
  width: 240px;
  height: 100%;
  opacity: 0.4;
}
.info_section5 .swiper_gallery .swiper-slide-thumb-active {
  opacity: 1;
}
.info_section7 {
  padding-bottom: 30px;
}
.info_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.info_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.info_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.info_title_ko span {
  padding-left: 18px;
}
.info_facility {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.info_facility_box {
  position: relative;
  width: 260px;
  margin-bottom: 20px;
}
.info_facility_img_wrap {
  position: relative;
}
.info_facility_text_wrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 100px;
  background: #ffea76;
}
.info_facility_text1 {
  position: absolute;
  left: 18px;
  top: 18px;
  font-size: 12px;
  color: #faf9f3;
  background: rgba(32, 33, 34, 0.5);
  border-radius: 20px;
  padding: 1px 8px;
}
.info_facility_text2 {
  font-family:'GyeonggiTitle';
  font-size: 60px;
  color: #ffffff;
  font-weight: 600;
  padding-left: 22px;
  opacity: 0.5;
}
.info_facility_text3 {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #202122;
  font-weight: 500;
  letter-spacing: -1px;
}
.info_parking_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
}
.info_parking_text_wrap {
  margin-left: 32px;
}
.info_parking_text1 {
  font-size: 24px;
  color: #202122;
  font-weight: 600;
}
.info_parking_text2 {
  font-size: 18px;
  color: #202122;
}

/* preservation */
.sub_top_pre {
  background: url(../img/sub_top_preservation.jpg) center top no-repeat;
  background-size: cover;
}
.pre_section1 {
  padding-bottom: 40px;
}
.pre_section1_text1 {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.pre_section1_text2 {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.pre_section1_text2:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.pre_section1_text2 span {
  padding-left: 18px;
}
.pre_section1_text3 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.pre_section1_text4 {
  font-size: 16px;
  color: #000000;
  margin-left: 18px;
  margin-top: 30px;
  margin-bottom: 80px;
}
.pre_section1_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pre_section1_box {
  position: relative;
  width: 540px;
  margin-bottom: 50px;
}
.pre_section1_box_text1 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 15px;
}
.pre_section1_box_text1 span {
  font-size: 36px;
  font-weight: 500;
  padding-right: 28px;
}
.pre_section1_box_text1:after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
  background: #cbd527;
  margin-top: 8px;
}
.pre_section1_box_text2 {
  font-size: 15px;
  color: #000000;
  margin-bottom: 25px;
  margin-left: 50px;
}
.pre_section1_box_text3 {
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-bottom: 8px;
  padding-left: 18px;
  margin-left: 50px;
}
.pre_section1_box_text3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: #ff9999;
}
.pre_section1_box_text4 {
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-bottom: 8px;
  padding-left: 18px;
  margin-left: 50px;
}
.pre_section1_box_text4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: #3fb8bc;
}
.pre_section1_box_text5 {
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-bottom: 8px;
  padding-left: 18px;
  margin-left: 50px;
}
.pre_section1_box_text5:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: #cbd527;
}
.pre_section1_box2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.pre_section1_box2_img_wrap {
  margin-top: 50px;
}
.pre_section2 {
  padding-bottom: 100px;
}
.pre_section2_text1 {
  font-size: 30px;
  color: #000000;
  font-weight: 500;
  text-align: center;
}
.pre_section2_text1:after {
  content: "";
  display: block;
  width: 246px;
  height: 1px;
  background: #cbd527;
  margin: 8px auto 10px;
}
.pre_section2_text2 {
  font-size: 12px;
  color: #929396;
  text-align: center;
  text-transform: uppercase;
}
.pre_section2_text3 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 42px 0 60px;
}
.pre_section2_box {
  display: flex;
  justify-content: space-between;
}
.pre_section3 {
  height: 874px;
  background: url(../img/preservation_img4.jpg) center top no-repeat;
  background-size: cover;
  padding-top: 110px;
}
.pre_section3_text1 {
  font-size: 30px;
  color: #faf9f3;
  font-weight: 500;
  text-align: center;
}
.pre_section3_text1:after {
  content: "";
  display: block;
  width: 246px;
  height: 1px;
  background: #cbd527;
  margin: 8px auto 10px;
}
.pre_section3_text2 {
  font-size: 12px;
  color: #faf9f3;
  text-align: center;
  text-transform: uppercase;
}
.pre_section3_text3 {
  font-size: 16px;
  color: #faf9f3;
  text-align: center;
  margin: 42px 0 60px;
}
.pre_section3_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pre_section3_box {
  display: flex;
  align-items: center;
  width: 540px;
  height: 100px;
  background: #faf9f3;
  border-radius: 8px;
  padding-left: 45px;
  margin-bottom: 20px;
}
.pre_section3_box_text1 {
  font-size: 50px;
  color: #636466;
  font-weight: 500;
  line-height: 50px;
}
.pre_section3_box_line {
  width: 2px;
  height: 39px;
  background: #cbd527;
  margin: 0 18px;
}
.pre_section3_box_text2 {
  font-size: 16px;
  color: #000000;
}

/* quick */
#quick {
  position: fixed;
  right: 20px;
  top: 170px;
  z-index: 1000;
}
#quick ul {
  width: 80px;
  height: 342px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background: url(../img/bg.png);
  text-align: center;
  padding-top: 25px;
}
#quick ul li {
  margin-bottom: 20px;
}
#quick ul li:last-child {
  margin-bottom: 0;
}

/* clinic */
.sub_top_clinic {
  background: url(../img/02_00.jpg) center top no-repeat;
  background-size: cover;
}
.clinic_section1 {

}
.clinic_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.clinic_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.clinic_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.clinic_title_ko span {
  padding-left: 18px;
}
.clinic_section1_text1 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.clinic_section1_text2 {
  font-size: 16px;
  color: #000000;
  margin-left: 18px;
  margin-top: 20px;
}
.clinic_section1_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px 0;
}
.clinic_section1_box p {
  position: relative;
  font-size: 16px;
  color: #000000;
  padding: 18px 20px;
  margin-left: 40px;
}
.clinic_section1_box p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 27px;
  border-left: 2px solid #3db3b7;
  border-top: 2px solid #3db3b7;
}
.clinic_section1_box p:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 29px;
  height: 27px;
  border-right: 2px solid #3db3b7;
  border-bottom: 2px solid #3db3b7;
}
.clinic_section1_box2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 120px;
}
.clinic_section1_box2 p {
  width: 550px;
  height: 280px;
  position: relative;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  padding: 64px 0 0 90px;
  background: url(../img/03_img02.jpg);
}
.clinic_section_tab .tabs {
  display: flex;
  border-bottom: 2px solid #000000;
}
.clinic_section_tab .tabs li {
  width: 50%;
  height: 53px;
}
.clinic_section_tab .tabs li a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 24px;
  color: #000000;
  text-align: center;
  line-height: 53px;
  transition: 0.3s;
}
.clinic_section_tab .tabs li.active a {
  background: #ffe66e;
  transition: 0.3s;
}
.clinic_section_tab .tabs li a:after {
  content: "";
  position: absolute;
  right: 175px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 20px;
  background: url(../img/tab_arrow_ic.png);
  transition: 0.3s;
}
.clinic_section_tab .tabs li.active a:after {
  background: 0;
  transition: 0.3s;
}
.clinic_section2 {
  padding: 45px 0 100px;
}
.clinic_section2_text1 {
  font-size: 20px;
  color: #000;
  margin-left: 18px;
}
.clinic_section2_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}
.clinic_section2_list {
  width: 280px;
  margin-left: 155px;
}
.clinic_section2_list ul {
}
.clinic_section2_list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: #000000;
  margin: 10px 0;
}
.clinic_section2_list ul li p {
  position: relative;
  padding-left: 22px;
}
.clinic_section2_list ul li p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}
.clinic_section2_list_square1:after {
  background-color: #ffa5a5;
}
.clinic_section2_list_square2:after {
  background-color: #ffba4e;
}
.clinic_section2_list_square3:after {
  background-color: #ffe352;
}
.clinic_section2_list_square4:after {
  background-color: #cbd527;
}
.clinic_section2_list_square5:after {
  background-color: #636466;
}
.clinic_section3 {
  height: 1160px;
  background: url(../img/02_03.jpg) center top no-repeat;
  background-size: cover;
  padding-top: 80px;
}
.clinic_section3_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.clinic_section3_box > li {
  width: 540px;
  height: 320px;
  background: rgba(255, 255, 255, 0.85);
  padding: 30px 0 0;
  margin-bottom: 20px;
}
.clinic_section3_text1 {
  font-size: 30px;
  color: #000000;
  font-weight: 500;
  margin-left: 15px;
}
.clinic_section3_text1:after {
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  background: #cbd527;
  margin: 10px 0 12px;
}
.clinic_section3_text1 span {
  padding-left: 20px;
}
.clinic_section3_text2 {
  height: 72px;
  font-size: 16px;
  color: #000000;
  margin-left: 35px;
}
.clinic_section3_box_list1, .clinic_section3_box_list2 {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 0 35px;
}
.clinic_section3_box_list1 > li, .clinic_section3_box_list2 > li {
  width: 230px;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 8px;
}
.clinic_section3_box_list1 > li span, .clinic_section3_box_list2 > li span {
  color: #cbd527;
}
.clinic_section3_box_list2 > li {
  width: 100%;
}
.clinic_section3_box > li:last-child {
  width: 100%;
}
.clinic_section3_text3 {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  margin-left: 35px;
}
.clinic_section3_text3 span {
  color: #cbd527;
}
.clinic_section3_text4 {
  font-size: 15px;
  color: #000000;
  margin-left: 45px;
  margin-bottom: 22px;
}
.clinic_section4 {
  padding: 110px 0;
}
.clinic_section4_text1 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.clinic_section4_text2 {
  font-size: 16px;
  color: #000000;
  margin: 30px 0 55px 18px;
}
.clinic_section4_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 65px;
}
.clinic_section4_box {
  position: relative;
  width: 540px;
  margin-bottom: 25px;
}
.clinic_section4_box_text1 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 15px;
}
.clinic_section4_box_text1 span {
  font-size: 36px;
  font-weight: 500;
  padding-right: 28px;
}
.clinic_section4_box_text1:after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
  background: #cbd527;
  margin-top: 8px;
}
.clinic_section4_box_text2 {
  font-size: 15px;
  color: #000000;
  margin-left: 50px;
}
.clinic_slider {
  margin-top: 90px;
}
.clinic_slider .swiper-slide {
  width: 580px;
  height: 420px;
}
.clinic_slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clinic_slider .swiper-slide:nth-child(1) {
  margin-left: -520px;
}
.clinic_slider .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -35px;
  z-index: 900;
}
.clinic_slider .swiper-button-next, .clinic_slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 25px;
  margin: 0;
  font-size: 0;
}
.clinic_slider .swiper-button-prev {
  left: -30px;
  right: auto;
  background: url(../img/prev_ic.png) center top no-repeat;
}
.clinic_slider .swiper-button-prev:after {
  content: '';
}
.clinic_slider .swiper-button-next {
  left: auto;
  right: -30px;
  background: url(../img/nxt_ic.png) center top no-repeat;
}
.clinic_slider .swiper-button-next:after {
  content: '';
}
.clinic_slider .swiper-pagination {
  position: relative;
}
.clinic_slider .swiper-horizontal>.swiper-pagination-bullets, .clinic_slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
  margin-top: 50px;
}
.clinic_slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #999793;
  opacity: 0.3;
  transition: 0.3s;
}
.clinic_slider .swiper-pagination-bullet-active {
  width: 38px;
  background: #ffd60d;
  opacity: 1;
  border-radius: 12px;
}
.clinic_slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .clinic_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.clinic_section5 {
  height: 800px;
  background: url(../img/02_05.jpg) center top no-repeat;
  background-size: cover;
  padding-top: 120px;
}
.clinic_section5_text1 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  margin-left: 18px;
}
.clinic_section5_text2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.clinic_section5_text2:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.clinic_section5_text2 span {
  padding-left: 18px;
}
.clinic_section5_text3 {
  font-size: 24px;
  color: #ffffff;
  margin-left: 18px;
}
.clinic_section5_text4 {
  font-size: 16px;
  color: #ffffff;
  margin: 40px 0 65px 18px;
}
.clinic_section5_wrap {
  display: flex;
  justify-content: space-between;
}
.clinic_section5_box {
  width: 250px;
  height: 210px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  text-align: center;
}
.clinic_section5_box_text1 {
  display: inline-block;
  font-size: 30px;
  color: #ffffff;
  font-weight: 500;
  margin: 45px auto 25px;
}
.clinic_section5_box_text1:after {
  content: "";
  display: block;
  height: 1px;
  background: #cbd527;
}
.clinic_section5_box_text2 {
  font-size: 16px;
  color: #ffffff;
}
.clinic_section5_box_text3 {
  font-size: 12px;
  color: #fff2b2;
  text-transform: uppercase;
  margin-top: 40px;
  font-weight: 200;
}
.clinic_section5_box_text4 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 25px;
}
.clinic_section5_box_text4:after {
  margin-top: 5px;
}
.clinic_section6 {
  padding: 45px 0 90px;
}
.clinic_section6_text1 {
  font-size: 20px;
  color: #000;
  margin-left: 18px;
}
.clinic_section6_box {
  margin-top: 75px;
}
.clinic_section6_box ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #eaeaea;
}
.clinic_section6_box ul li {
  display: flex;
  align-items: center;
  width: 50%;
  height: 92px;
  padding-left: 55px;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.clinic_section6_box ul li p {
  position: relative;
  font-size: 18px;
  color: #000000;
  flex-grow: 1;
  padding-left: 22px;
}
.clinic_section6_box ul li p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background: #3fb8bc;
}
.clinic_section6_box ul li span {
  width: 170px;
  font-size: 18px;
  color: #000000;
  flex-shrink: 0;
}
.clinic_section6_box ul li:nth-child(2n) {
  border-right: 0;
}
.clinic_section6_box ul li:nth-child(2n) span {
  width: 130px;
}
.clinic_section7_text1 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.clinic_section7_text2 {
  font-size: 16px;
  color: #000000;
  margin: 30px 0 55px 18px;
}
.clinic_section8 {
  padding: 80px 0 110px;
}
.clinic_section8_text1 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.clinic_section8_text2 {
  font-size: 16px;
  color: #000000;
  margin: 30px 0 70px 18px;
}
.clinic_section8_text3 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 15px;
}
.clinic_section8_text3 span {
  font-size: 36px;
  font-weight: 500;
  padding-right: 28px;
}
.clinic_section8_text3:after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
  background: #cbd527;
  margin-top: 8px;
}
.clinic_section8_text4 {
  font-size: 15px;
  color: #000000;
  margin-left: 50px;
  margin-bottom: 40px;
}
.clinic_section9 {
  height: 800px;
  background: url(../img/02_07.jpg) center top no-repeat;
  background-size: cover;
  padding-top: 120px;
}
.clinic_section9_text1 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  margin-left: 18px;
}
.clinic_section9_text2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.clinic_section9_text2:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.clinic_section9_text2 span {
  padding-left: 18px;
}
.clinic_section9_text3 {
  font-size: 24px;
  color: #ffffff;
  margin-left: 18px;
}
.clinic_section9_text4 {
  font-size: 16px;
  color: #ffffff;
  margin: 40px 0 65px 18px;
}
.clinic_section9_wrap {
  display: flex;
  justify-content: space-between;
}
.clinic_section9_box {
  width: 250px;
  height: 240px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  text-align: center;
}
.clinic_section9_box_text1 {
  display: inline-block;
  font-size: 30px;
  color: #ffffff;
  font-weight: 500;
  margin: 45px auto 25px;
}
.clinic_section9_box_text1:after {
  content: "";
  display: block;
  height: 1px;
  background: #cbd527;
}
.clinic_section9_box_text2 {
  font-size: 16px;
  color: #ffffff;
}
.clinic_section9_box_text3 {
  font-size: 12px;
  color: #fff2b2;
  text-transform: uppercase;
  margin-top: 18px;
  font-weight: 200;
}

/* ivf */
.sub_top_ivf {
  background: url(../img/03_00.jpg) center top no-repeat;
  background-size: cover;
}
.ivf_section1 .tabs {
  display: flex;
  border-bottom: 2px solid #000000;
}
.ivf_section1 .tabs li {
  width: 100%;
  height: 53px;
  flex-grow: 1;
}
.ivf_section1 .tabs li a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 24px;
  color: #000000;
  text-align: center;
  line-height: 53px;
  transition: 0.3s;
}
.ivf_section1 .tabs li.active a {
  background: #ffe66e;
  transition: 0.3s;
}
.ivf_section1 .tabs li a:after {
  content: "";
  position: absolute;
  right: 105px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 20px;
  background: url(../img/tab_arrow_ic.png);
  transition: 0.3s;
}
.ivf_section1 .tabs li.active a:after {
  background: 0;
}
.ivf_section1 .tabs li:nth-child(2) a:after {
  right: 35px;
}
.ivf_section1 .tabs li:nth-child(3) a:after {
  right: 85px;
}
.ivf_section1 .tab_content {
  padding: 70px 0 0;
}
.ivf_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.ivf_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.ivf_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.ivf_title_ko span {
  padding-left: 18px;
}
.ivf_title_ko .sub {
  font-size: 18px;
  padding-left: 10px;
  font-weight: 400;
}
.ivf_section1_text1 {
  font-size: 16px;
  color: #000000;
  margin-left: 18px;
}
.ivf_section1_box {
  margin: 70px 0 45px;
  text-align: center;
}
.ivf_section1_box_text1 {
  display: inline-block;
  font-size: 30px;
  color: #000000;
}
.ivf_section1_box_text1:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #cbd527;
  margin: 3px 0 5px;
}
.ivf_section1_box_text2 {
  font-size: 12px;
  color: #929396;
  text-align: center;
}
.ivf_section1_box_text3 {
  width: 220px;
}
.ivf_section1_text2 {
  font-size: 20px;
  color: #000000;
  margin-left: 18px;
  margin-bottom: 20px;
}
.ivf_section1_text3 {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin: 20px 0 40px;
}
.ivf_section1_list {

}
.ivf_section1_list ul {
  display: flex;
  flex-wrap: wrap;
}
.ivf_section1_list ul li {
  position: relative;
  width: calc(50% - 10px);
  margin-left: 10px;
  font-size: 18px;
  color: #000000;
  padding-left: 22px;
  margin-bottom: 25px;
}
.ivf_section1_list ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: #5ab9af;
}
.ivf_section1_list ul li:nth-child(odd) {
  width: calc(50% - 90px);
  margin-left: 90px;
}
.ivf_slider {
  margin: 15px 0 110px;
}
.ivf_slider .swiper-slide {
  width: 580px;
  height: 420px;
}
.ivf_slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ivf_slider .swiper-slide:nth-child(1) {
  margin-left: -520px;
}
.ivf_slider .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -35px;
  z-index: 900;
}
.ivf_slider .swiper-button-next, .ivf_slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 25px;
  margin: 0;
  font-size: 0;
}
.ivf_slider .swiper-button-prev {
  left: -30px;
  right: auto;
  background: url(../img/prev_ic.png) center top no-repeat;
}
.ivf_slider .swiper-button-prev:after {
  content: '';
}
.ivf_slider .swiper-button-next {
  left: auto;
  right: -30px;
  background: url(../img/nxt_ic.png) center top no-repeat;
}
.ivf_slider .swiper-button-next:after {
  content: '';
}
.ivf_slider .swiper-pagination {
  position: relative;
}
.ivf_slider .swiper-horizontal>.swiper-pagination-bullets, .ivf_slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
  margin-top: 50px;
}
.ivf_slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #999793;
  opacity: 0.3;
  transition: 0.3s;
}
.ivf_slider .swiper-pagination-bullet-active {
  width: 38px;
  background: #ffd60d;
  opacity: 1;
  border-radius: 12px;
}
.ivf_slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .ivf_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.ivf_section2 {
  padding: 120px 0 120px;
}
.ivf_section2_text1 {
  font-size: 16px;
  color: #000000;
  margin-left: 18px;
}
.ivf_section2 .tabs {
  display: flex;
  border-bottom: 2px solid #000000;
  margin-top: 60px;
}
.ivf_section2 .tabs li {
  width: 155px;
  height: 53px;
}
.ivf_section2 .tabs li:nth-child(2) {
  width: 225px;
}
.ivf_section2 .tabs li:nth-child(3) {
  width: 180px;
}
.ivf_section2 .tabs li:nth-child(4) {
  width: 245px;
}
.ivf_section2 .tabs li:nth-child(5) {
  width: 295px;
}
.ivf_section2 .tabs li a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 20px;
  color: #000000;
  text-align: center;
  line-height: 53px;
  transition: 0.3s;
}
.ivf_section2 .tabs li.active a {
  background: #ffe66e;
  transition: 0.3s;
}
.ivf_section2 .tabs li a:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 16px;
  background: url(../img/tab_arrow_ic2.png);
  transition: 0.3s;
}
.ivf_section2 .tabs li.active a:after {
  background: 0;
}
.ivf_section2 .tabs li:nth-child(2) a:after {
  right: 32px;
}
.ivf_section2 .tabs li:nth-child(3) a:after {
  right: 28px;
}
.ivf_section2 .tabs li:nth-child(4) a:after {
  right: 26px;
}
.ivf_section2 .tabs li:nth-child(5) a:after {
  right: 25px;
}
.ivf_section2 .tab_content {
  display: flex;
  align-items: center;
  padding: 80px 0 0;
}
.ivf_section2_box {
  margin-left: 68px;
}
.ivf_section2_box .ivf_title_ko {
  margin-bottom: 35px;
}
.ivf_section2_box_text1 {
  font-size: 18px;
  color: #000000;
  margin-left: 18px;
}
.ivf_section2_link {
  position: relative;
  display: inline-block;
  width: 204px;
  height: 40px;
  background: #ffd60d;
  border-radius: 40px;
  font-size: 18px;
  color: #000000;
  line-height: 40px;
  padding-left: 40px;
  margin-top: 35px;
  margin-left: 18px;
}
.ivf_section2_link:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: url(../img/arrow_ic.png);  
}
.ivf_section2_list {
  margin-left: 18px;
  padding-top: 10px;
}
.ivf_section2_list li {
  position: relative;
  font-size: 18px;
  color: #000000;
  margin-top: 25px;
  padding-left: 22px;
}
.ivf_section2_list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #ffd60d;
}
.ivf_section3 {
  padding: 120px 0;
  background: #f5f4f2;
}
.ivf_section3_box {
  text-align: center;
}
.ivf_section3_box_text1 {
  display: inline-block;
  font-size: 30px;
  color: #000000;
}
.ivf_section3_box_text1:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #cbd527;
  margin: 3px 0 5px;
}
.ivf_section3_box_text2 {
  font-size: 12px;
  color: #929396;
  text-align: center;
}
.ivf_section3_text1 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 40px 0 70px;
}
.ivf_section3_img_wrap1 {
  margin: 0 0 80px;
  text-align: center;
}
.ivf_section3_img_wrap2 {
  margin: 80px 0 0;
  text-align: center;
}
.ivf_section4 {
  padding: 120px 0;
}
.ivf_section4_box {
  text-align: center;
}
.ivf_section4_box_text1 {
  display: inline-block;
  font-size: 30px;
  color: #000000;
}
.ivf_section4_box_text1:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #cbd527;
  margin: 3px 0 5px;
}
.ivf_section4_box_text2 {
  font-size: 12px;
  color: #929396;
  text-align: center;
}
.ivf_section4_text1 {
  font-size: 20px;
  color: #000000;
  text-align: center;
  font-weight: 500;
  margin: 30px 0 20px;
}
.ivf_section4_text2 {
  font-size: 16px;
  color: #000000;
  text-align: center;
}
.ivf_section4_img_wrap {
  margin: 75px 0 0;
  text-align: center;
}
.ivf_section4_wrap {
  display: flex;
  justify-content: space-between;
}
.ivf_section4_box2 {
  width: 340px;
  height: 160px;
  background: #faf9f3;
  border-radius: 8px;
}
.ivf_section4_box2_text1 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 45px;
}
.ivf_section4_box2_text1 span {
  font-size: 14px;
}
.ivf_section4_box2_text1:before {
  content: "";
  display: block;
  width: 15px;
  height: 3px;
  background: url(../img/dot_ic.png);
  margin: 0 auto 8px;
}
.ivf_section4_wrap2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 130px;
}
.ivf_section4_box3 {
  display: flex;
  width: 540px;
  margin-bottom: 110px;
}
.ivf_section4_box3_img {
  margin: 0 60px 0 50px;
}
.ivf_section4_box3_text1 {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}
.ivf_section4_box3_text1:after {
  content: "";
  display: block;
  width: 55px;
  height: 1px;
  background: #cbd527;
  margin: 10px 0 10px;
}
.ivf_section4_box3_text1 span {
  padding-left: 20px;
}
.ivf_section4_box3_text2 {
  font-size: 15px;
  color: #000000;
  margin-left: 20px;
  line-height: 24px;
}
.ivf_section4_img_wrap2 {
  margin: 10px 0 70px;
  text-align: center;
}
.ivf_section4_text3 {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  text-align: center;
  line-height: 38px;
}
.ivf_section4_text3 strong {
  color: #2faa9d;
}
.ivf_section5 {
  padding: 120px 0;
  background: #f5f4f2;
}
.ivf_section5_box {
  text-align: center;
}
.ivf_section5_box_text1 {
  display: inline-block;
  font-size: 30px;
  color: #000000;
}
.ivf_section5_box_text1:after {
  content: "";
  display: block;
  width: 184px;
  height: 1px;
  background: #cbd527;
  margin: 3px 0 5px;
}
.ivf_section5_box_text2 {
  font-size: 12px;
  color: #929396;
  text-align: center;
}
.ivf_section5_text1 {
  font-size: 20px;
  color: #000000;
  text-align: center;
  font-weight: 500;
  margin: 30px 0 20px;
}
.ivf_section5_text2 {
  font-size: 16px;
  color: #000000;
  text-align: center;
}
.ivf_section5_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 90px;
  margin-bottom: 60px;
}
.ivf_section5_list li {
  width: 540px;
  background: #fff;
}
.ivf_section5_top {
  display: flex;
}
.ivf_section5_top > p {
  font-size: 18px;
  color: #636466;
  padding: 60px 0 0 30px;
  line-height: 1.4;
  flex-grow: 1;
}
.ivf_section5_step {
  width: 112px;
  height: 112px;
  background: #3a3a3c;
}
.ivf_section5_step > p {
  font-size: 48px;
  color: #c3c1bd;
  font-weight: 500;
  padding: 32px 0 0 18px;
}
.ivf_section5_step > p span {
  font-size: 12px;
  font-weight: 400;
}
.ivf_section5_img {
  padding: 54px 30px 30px;
}
.ivf_section5_text3 {
  font-size: 16px;
  color: #000000;
  text-align: center;
}

/* sbank */
.sub_top_sbank {
  background: url(../img/06_00.jpg) center top no-repeat;
  background-size: cover;
}
.sbank_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.sbank_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.sbank_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.sbank_title_ko span {
  padding-left: 18px;
}
.sbank_section1_text1 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.sbank_section1_text2 {
  font-size: 16px;
  color: #000000;
  margin: 20px 0 75px 18px;
}
.sbank_section2 {
  padding-top: 80px;
}
.sbank_section2_text1 {
  font-size: 16px;
  color: #000000;
  margin-left: 18px;
}
.sbank_section2_wrap {
  
}
.sbank_section2_box {
  display: flex;
  align-items: center;
  margin-top: 60px;
}
.sbank_section2_list {
  margin-left: 50px;
  flex-grow: 1;
}
.sbank_section2_list_text1 {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
}
.sbank_section2_list_text1:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #cbd527;
  margin: 15px 0;
}
.sbank_section2_list_text1 span {
  margin-left: 38px;
}
.sbank_section2_list li {
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-left: 38px;
  margin-bottom: 12px;
  padding-left: 22px;
}
.sbank_section2_list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}
.sbank_section2_list li:last-child {
  margin-bottom: 0;
}
.sbank_section3 {
  padding: 130px 0 120px;
  border-bottom: 2px solid #ffd60d;
}
.sbank_section3_title {
  font-size: 30px;
  color: #000000;
  font-weight: 500;
  text-align: center;
  word-spacing: 8px;
}
.sbank_section3 .tabs {
  display: flex;
  border-bottom: 2px solid #000000;
  margin-top: 70px;
}
.sbank_section3 .tabs li {
  width: 50%;
  height: 53px;
}
.sbank_section3 .tabs li a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 24px;
  color: #000000;
  text-align: center;
  line-height: 53px;
  transition: 0.3s;
}
.sbank_section3 .tabs li.active a {
  background: #ffe66e;
  transition: 0.3s;
}
.sbank_section3 .tabs li a:after {
  content: "";
  position: absolute;
  right: 135px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 20px;
  background: url(../img/tab_arrow_ic.png);
  transition: 0.3s;
}
.sbank_section3 .tabs li.active a:after {
  background: 0;
  transition: 0.3s;
}
.sbank_section3 .tabs li:nth-child(2) a:after {
  right: 135px;
}
.sbank_section3_list {
  margin: 30px 0 70px;
}
.sbank_section3_list li {
  position: relative;
}
.sbank_section3_q {
  position: relative;
  display: flex;
  align-items: center;
  padding: 25px 0 8px;
  cursor: pointer;
  border-bottom: 1px solid #9f9f9f;
}
.sbank_section3_q:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 16px;
  height: 10px;
  background: url(../img/down_ic.png);
  transition: 0.3s;
}
.sbank_section3_q.active:after {
  transform: rotate(180deg);
  transition: 0.3s;
}
.sbank_section3_q span {
  display: inline-block;
  width: 68px;
  font-size: 18px;
  color: #5ab9af;
  text-align: center;
  flex-shrink: 0;
}
.sbank_section3_q p {
  font-size: 18px;
  color: #000000;
  padding-right: 68px;
  flex-grow: 1;
}
.sbank_section3_a {
  display: none;
  font-size: 18px;
  color: #000000;
  font-weight: 300;
  padding: 18px 68px;
  background: #faf9f3;
}
.sbank_section3_text1 {
  font-size: 24px;
  color: #000000;
  text-align: center;
}
.sbank_section3_text2 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 8px 0 90px;
}
.sbank_section3_text3 {
  font-size: 16px;
  color: #000000;
  margin: 0 0 60px 18px;
}
.sbank_section3_form {

}
.sbank_section3_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.sbank_section3_input1 {
  width: 540px;
  height: 40px;
  font-size: 16px;
  color: #000000;
  border: 1px solid #636466;
  border-radius: 4px;
  background: #faf9f4;
  padding: 0 22px;
  text-align: left;
}
.sbank_section3_textarea {
  width: 100%;
  height: 160px;
  font-size: 16px;
  color: #000000;
  border: 1px solid #636466;
  border-radius: 4px;
  background: #faf9f4;
  padding: 8px 22px;
  text-align: left;
}
.sbank_section3 fieldset {
  margin: 25px 0;
  text-align: center;
}
.sbank_section3 fieldset input {
  cursor: pointer;
}
.sbank_section3_label {
  font-size: 14px;
  color: #000000;
  padding-left: 5px;
  cursor: pointer;
}
.sbank_section3_btn_wrap {
  text-align: center;
}
.sbank_section3_btn {
  display: inline-block;
  width: 420px;
  height: 60px;
  font-size: 24px;
  color: #000000;
  text-align: center;
  background: #ffd60d;
  border-radius: 60px;
  border: 0;
  cursor: pointer;
}
.sbank_section3_text4 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 8px 0 35px;
}
.sbank_section3_link {
  position: relative;
  display: block;
  width: 270px;
  height: 40px;
  background: #ffd60d;
  border-radius: 40px;
  font-size: 18px;
  color: #000000;
  line-height: 40px;
  padding-left: 40px;
  margin: 0 auto 150px;
}
.sbank_section3_link:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: url(../img/arrow_ic.png);
}
.sbank_section3_text5 {
  font-size: 24px;
  color: #000000;
  margin-left: 18px;
}
.sbank_section3_text6 {
  font-size: 16px;
  color: #000000;
  margin: 20px 0 60px 18px;
}
.sbank_section3_box {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.sbank_section3_list2 {
  margin-left: 50px;
  flex-grow: 1;
}
.sbank_section3_list2_text1 {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
}
.sbank_section3_list2_text1:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #cbd527;
  margin: 15px 0;
}
.sbank_section3_list2_text1 span {
  margin-left: 38px;
}
.sbank_section3_list2 li {
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-left: 38px;
  margin-bottom: 12px;
  padding-left: 22px;
}
.sbank_section3_list2 li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}
.sbank_section3_list2 li:last-child {
  margin-bottom: 0;
}
.sbank_section3_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 75px;
}
.sbank_section3_box2 {
  position: relative;
  width: 540px;
  margin-bottom: 35px;
}
.sbank_section3_box2_text1 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 15px;
}
.sbank_section3_box2_text1 span {
  font-size: 36px;
  font-weight: 500;
  padding-right: 28px;
}
.sbank_section3_box2_text1:after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
  background: #cbd527;
  margin-top: 8px;
}
.sbank_section3_box2_text2 {
  font-size: 15px;
  color: #000000;
  margin-left: 50px;
}
.sbank_section3_text7 {
  font-size: 16px;
  color: #000000;
  margin: 0 0 35px 18px;
}
.sbank_section3_text8 {
  font-size: 14px;
  color: #e35b5b;
  text-align: right;
  margin: 0 30px 8px 0;
}
.sbank_section3_input2 {
  width: 352px;
  height: 40px;
  font-size: 16px;
  color: #000000;
  border: 1px solid #636466;
  border-radius: 4px;
  background: #faf9f4;
  padding: 0 22px;
  text-align: left;
}
.sbank_section3_text9 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 25px 0 15px;
}
.sbank_section3_text9 span {
  font-size: 14px;
  color: #636466;
}
.sbank_section3_check_wrap {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #cecece;
  text-align: center;
}
.sbank_section3_check_label {
  font-size: 14px;
  color: #000000;
  padding-left: 5px;
  cursor: pointer;
  margin-right: 45px;
}

/* 커뮤니티 */
.sub_top_comm {
  background: url(../img/07_00.jpg) center top no-repeat;
  background-size: cover;
}
.comm_tab {
  display: flex;
  border-bottom: 2px solid #000000;
  margin-bottom: 80px;
}
.comm_tab li {
  width: 200px;
  height: 53px;
}
.comm_tab li a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 24px;
  color: #000000;
  text-align: center;
  line-height: 53px;
  transition: 0.3s;
}
.comm_tab li.active a {
  background: #ffe66e;
  transition: 0.3s;
}
.comm_tab li a:after {
  content: "";
  position: absolute;
  right: 33px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 20px;
  background: url(../img/tab_arrow_ic.png);
  transition: 0.3s;
}
.comm_tab li.active a:after {
  background: 0;
  transition: 0.3s;
}
.comm_tab li:nth-child(2) a:after {
  right: 20px;
}
.comm_tab li:nth-child(3) a:after {
  right: 15px;
}
.comm_tab li:nth-child(4) a:after {
  right: 20px;
}
.comm_tab li:nth-child(5) a:after {
  right: 35px;
}
.comm_tab li:nth-child(5) {
  width: 300px;
}
.comm_title_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.comm_title_box {

}
.comm_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.comm_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
}
.comm_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.comm_title_ko span {
  padding-left: 18px;
}
.bo_fx a {
  display: block;
  width: 148px;
  height: 34px;
  font-size: 16px;
  color: #000;
  text-align: center;
  line-height: 34px;
  background: #ffd60d;
  border-radius: 34px;
}
.support_section {
  padding: 0 0 50px;
  background: url(../img/07_02.png) right 245px no-repeat;
}
.comm_text1 {
  font-size: 20px;
  color: #000000;
  margin-top: 30px;
}
.comm_text2 {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  margin-top: 75px;
}
.comm_text2:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #cbd527;
  margin: 15px 0;
}
.comm_text2 span {
  margin-left: 38px;
}
.comm_list li {
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-left: 38px;
  margin-bottom: 12px;
  padding-left: 22px;
}
.comm_list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}
.comm_list li:last-child {
  margin-bottom: 0;
}
.comm_table {
  margin: 35px 0 15px;
}
.comm_table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.comm_table table th {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  border-top: 1px solid #636466;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 10px 0;
}
.comm_table table th.th_right {
  border-right: 1px solid #636466;
}
.comm_table table th.th_end {
  border-right: 0;
}
.comm_table table th.th_bottom {
  border-bottom: 2px solid #ffd60d;
}
.comm_table table th.th_top {
  border-top: 1px solid #636466;
  border-bottom: 1px solid #636466;
  border-right: 0;
}
.comm_table table td {
  font-size: 16px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 10px 0;
}
.comm_table table td.td_bottom {
  border-bottom: 1px solid #636466;
}
.comm_table table td.td_right {
  border-right: 1px solid #636466;
}
.comm_table table td.td_end {
  border-right: 0;
}
.comm_text_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px 0 35px;
}
.comm_text3 {
  font-size: 15px;
  color: #ff6666;
}
.comm_text4 {
  font-size: 15px;
  color: #636466;
}
.comm_table2 {
  margin: 80px 0 15px;
}
.comm_list li.red {
  color: #ff6666;
}
.comm_list li.red:before {
  background-color: #ff6666;
}
.comm_list2 {
  margin-top: 30px;
}
.comm_list2 li {
  margin-left: 0;
}
.comm_list li span {
  color: #ff6666;
}

/* 인공수정 */
.sub_top_inse {
  background: url(../img/04_00.jpg?v=1) center top no-repeat;
  background-size: cover;
}
.inse_section {
  padding-bottom: 100px;
}
.inse_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.inse_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
}
.inse_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.inse_title_ko span {
  padding-left: 18px;
}
.inse_title_ko .sub {
  font-size: 18px;
  padding-left: 10px;
  font-weight: 400;
}
.inse_text1 {
  font-size: 24px;
  color: #000000;
  margin: 50px 0 25px;
  padding-left: 18px;
}
.inse_text2 {
  font-size: 16px;
  color: #000000;
  margin-bottom: 90px;
  padding-left: 18px;
}
.inse_text3 {
  font-size: 30px;
  color: #000000;
  font-weight: 500;
  text-align: center;
}
.inse_text3:after {
  content: "";
  display: block;
  width: 255px;
  height: 1px;
  background: #cbd527;
  margin: 8px auto 10px;
}
.inse_text4 {
  font-size: 12px;
  color: #929396;
  text-align: center;
}
.inse_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0 100px;
}
.inse_list {
  margin-left: 30px;
}
.inse_list li {
  position: relative;
  font-size: 18px;
  color: #000000;
  margin-bottom: 22px;
  padding-left: 22px;
}
.inse_list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}
.inse_list li:last-child {
  margin-bottom: 0;
}
.inse_text5 {
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin: 50px 0 25px;
}
.inse_text6 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-bottom: 70px;
}

/* 개인정보취급방침 */
.sub_top_privacy {
  background: url(../img/08_00.jpg) center top no-repeat;
  background-size: cover;
}
.privacy_section {
  padding-bottom: 100px;
}
.privacy_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.privacy_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
}
.privacy_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.privacy_title_ko span {
  margin-left: 18px;
}
.privacy_text {
  font-size: 16px;
  color: #000000;
  padding-left: 18px;
  margin-top: 60px;
  font-family: 'Noto Sans KR', dotum, sans-serif;
  white-space: pre-wrap;
  overflow-x: hidden;
}
.privacy_text strong {
  position: relative;
  font-size: 18px;
  color: #000000;
  margin-bottom: 22px;
  padding-left: 22px;
  font-weight: 500;
}
.privacy_text strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}

/* 비급여안내 */
.sub_top_unpaid {
  background: url(../img/08_00.jpg) center top no-repeat;
  background-size: cover;
}
.unpaid_section {
  padding-bottom: 100px;
}
.unpaid_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.unpaid_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 60px;
}
.unpaid_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.unpaid_title_ko span {
  margin-left: 18px;
}
.unpaid_text {
  position: relative;
  font-size: 16px;
  color: #000000;
  padding-left: 22px;
  margin-left: 18px;
  margin-bottom: 10px;
}
.unpaid_text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}
.unpaid_text2 {
  font-size: 16px;
  color: #000000;
  text-align: right;
  margin-bottom: 10px;
}
.unpaid_section .tabs {
  display: flex;
  border-bottom: 2px solid #000000;
  margin-top: 60px;
}
.unpaid_section .tabs li {
  width: 100%;
  height: 53px;
  flex-grow: 1;
}
.unpaid_section .tabs li a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 24px;
  color: #000000;
  text-align: center;
  line-height: 53px;
  transition: 0.3s;
}
.unpaid_section .tabs li.active a {
  background: #ffe66e;
  transition: 0.3s;
}
.unpaid_section .tabs li a:after {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 20px;
  background: url(../img/tab_arrow_ic.png);
  transition: 0.3s;
}
.unpaid_section .tabs li.active a:after {
  background: 0;
}
.unpaid_section .tabs li:nth-child(1) a:after {
  right: 20px;
}
.unpaid_section .tabs li:nth-child(2) a:after {
  right: 4px;
}
.unpaid_section .tabs li:nth-child(5) a:after {
  right: 26px;
}
.unpaid_section .tab_content {
  padding: 70px 0 0;
}
.unpaid_section_table {
  width: 100%;
}
.unpaid_section_table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.unpaid_section_table table td {
  height: 50px;
  font-size: 16px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.unpaid_section_table table td.td_top {
  border-top: 1px solid #636466;
}
.unpaid_section_table table td.td_bottom {
  border-bottom: 1px solid #636466;
}
.unpaid_section_table table td.td_right {
  border-right: 0;
}
.unpaid_section_table table td.h2x {
  height: 80px;
}

/* 서류발급안내 */
.sub_top_document {
  background: url(../img/08_00.jpg) center top no-repeat;
  background-size: cover;
}
.document_section {
  padding-bottom: 100px;
}
.document_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.document_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
  margin-bottom: 50px;
}
.document_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.document_title_ko span {
  margin-left: 18px;
}
.document_text1 {
  font-size: 16px;
  color: #000000;
  margin-left: 18px;
}
.document_text2 {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  margin-top: 70px;
}
.document_text2 span {
  padding-left: 38px;
}
.document_text2:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #cbd527;
  margin: 15px 0 15px;
}
.document_text3 {
  position: relative;
  font-size: 16px;
  color: #000000;
  padding-left: 22px;
  margin-left: 38px;
}
.document_text3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #cbd527;
}
.document_text4 {
  position: relative;
  font-size: 16px;
  color: #000000;
  padding-left: 22px;
  margin-left: 38px;
  margin-top: 15px;
  margin-bottom: 35px;
}
.document_img {
  padding-left: 38px;
  margin-top: 45px;
  margin-bottom: 55px;
}
.document_text5 {
  position: relative;
  font-size: 16px;
  color: #ff3a6d;
  margin-left: 38px;
}
.document_table {
  margin-top: 50px;
  margin-left: 38px;
}
.document_table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.document_table table td {
  font-size: 16px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 25px 0;
}
.document_table table td.td_top {
  border-top: 1px solid #636466;
}
.document_table table td.td_bottom {
  border-bottom: 1px solid #636466;
}
.document_table table td.td_right {
  border-right: 0;
}
.document_table table td.text_left {
  text-align: left;
  padding-left: 28px;
}
.document_download_wrap {
  margin-bottom: 10px;
}
.document_download_wrap a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #202122;
  background: #ffd60d;
  border-radius: 38px;
  padding: 4px 64px 4px 36px;
  margin-right: 20px;
}
.document_download_wrap a:after {
  content: "";
  position: absolute;
  right: 36px;
  top: 10px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/08_ic.png);
}

/* 난임의학연구소 */
.sub_top_lab {
  background: url(../img/09_00.jpg) center top no-repeat;
  background-size: cover;
}
.lab_section1 {
  
}
.lab_section2 {
  padding: 120px 0 120px;
}
.lab_title_en {
  font-size: 14px;
  color: #929396;
  text-transform: uppercase;
  margin-left: 18px;
}
.lab_title_ko {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 48px;
  padding-top: 15px;
}
.lab_title_ko:before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 5px;
}
.lab_title_ko span {
  padding-left: 18px;
}
.lab_title_ko .sub {
  font-size: 18px;
  padding-left: 10px;
  font-weight: 400;
}
.lab_text1 {
  font-size: 16px;
  color: #000000;
  margin: 50px 0 60px;
  padding-left: 18px;
}
.lab_wrap {
  display: flex;
  gap: 0 45px;
  align-items: center;
}
.lab_wrap p {
  font-size: 16px;
  color: #000;
}
.lab_text2 {
  font-size: 16px;
  color: #000000;
  padding-left: 18px;
  margin: 50px 0 70px;
}
.lab_text3 {
  font-size: 18px;
  color: #000;
  text-align: center;
  font-weight: 500;
}
.lab_text3::after {
  content: "";
  display: block;
  width: 720px;
  height: 2px;
  background: #8bc34a;
  margin: 5px auto 0;
}
.lab_emb_wrap {
  display: flex;
  margin: 70px 0 60px;
}
.lab_img1 {
  width: 50%;
}
.lab_slider {
  width: 50%;
  height: 500px;
  background: #0d7880;
}
.lab_slider_text {
  font-size: 18px;
  color: #fff;
  padding: 40px 0 0 60px;
}
.lab_slider_text span {
  font-size: 30px;
  padding-left: 10px;
}
.lab_slider_ul {
  padding-left: 60px;
  margin-top: 15px;
}
.lab_slider_ul:before {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 20px;
}
.lab_slider_ul li {
  font-size: 15px;
  color: #fff;
  line-height: 24px;
}
.lab_slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 35px;
  text-align: right;
  padding-right: 55px;
}
.lab_slider .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #fff;
  opacity: 0.5;
  transition: 0.3s;
}
.lab_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.lab_slider .swiper-pagination-bullet-active {
  width: 27px;
  opacity: 1;
  background: #fff;
  border-radius: 9px;
  transition: 0.3s;
}
.lab_slider .slider_index_wrap {
  left: 60px;
  bottom: 35px;
}
.lab_emb_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 80px;
}
.lab_emb_list > li {
  width: 540px;
  height: 419px;
}
.lab_emb_list > li:nth-child(1) {
  background: url(../img/09_03.jpg) center center no-repeat;
  background-size: cover;
}
.lab_emb_list > li:nth-child(2) {
  background: url(../img/09_04.jpg) center center no-repeat;
  background-size: cover;
}
.lab_emb_list > li:nth-child(3) {
  background: url(../img/09_05.jpg) center center no-repeat;
  background-size: cover;
}
.lab_emb_list > li:nth-child(4) {
  background: url(../img/09_06.jpg) center center no-repeat;
  background-size: cover;
}
.lab_emb_list > li:nth-child(2n) {
  text-align: right;
}
.lab_emb_list li > div {
  display: inline-block;
  width: 320px;
  height: 100%;
  background: rgba(250, 249, 243, 0.95);
}
.lab_emb_text {
  font-size: 18px;
  color: #000;
  padding: 40px 0 0 40px;
  text-align: left;
}
.lab_emb_text span {
  font-size: 30px;
  padding-left: 10px;
}
.lab_emb_ul {
  padding-left: 40px;
  margin-top: 15px;
}
.lab_emb_ul:before {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  background: #ffd60d;
  margin-bottom: 20px;
}
.lab_emb_list > li:nth-child(1) .lab_emb_ul:before {
  background: #8bc34a;
}
.lab_emb_ul li {
  font-size: 15px;
  color: #000;
  line-height: 24px;
  text-align: left;
}
.lab_emb_wrap2 {
  width: 100%;
  height: 340px;
  background: url(../img/09_07.jpg) center center no-repeat;
  background-size: cover;
}
.lab_emb_wrap2 > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  background: rgba(13, 120, 128, 0.7);
}
.lab_emb_wrap2 > div > p {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

/* en */
.sub_top_en {
  background: url(../img/eng_bg01.jpg) center top no-repeat;
  background-size: cover;
}
.sub_top_en .sub_top_wrap {
  width: 285px;
}
.en_about {
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.en_about > img {
  flex-shrink: 0;
}
.en_about .en_about_text {
  font-size: 16px;
  color: #636466;
  line-height: 1.5;
  padding-left: 18px;
}
.en_section2 {
  padding: 120px 0 150px;
}
.en_img1 {
  text-align: center;
}
.en_purpose_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.en_purpose_wrap p {
  width: 520px;
  font-size: 16px;
  color: #636466;
  text-align: justify;
  word-break: break-word;
  line-height: 1.5;
}
.en_section3 {
  height: 1080px;
  background: url(../img/eng_bg02.jpg) center top no-repeat;
  background-size: cover;
}
.en_section3 .info_title_en {
  text-align: center;
  padding-top : 150px;
}
.en_section3 .info_title_ko {
  text-align: center;
}
.en_section3 .info_title_ko:before {
  margin: 0 auto 5px;
}
.en_section3 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 40px;
  padding-top: 25px;
}
.en_section3 ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  height: 260px;
  background: #c2d236;
}
.en_section3 ul li p {
  font-size: 18px;
  color: #3a3a3c;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}
.en_section3 ul li span {
  position: absolute;
  right: 15px;
  bottom: 12px;
  font-size: 72px;
  color: #cedb5e;
  font-weight: 600;
  line-height: 1;
}
.en_section4 {
  padding: 150px 0 90px;
}
.en_doctor {
  display: flex;
  align-items: center;
  gap: 0 80px;
  margin-bottom: 60px;
}
.en_doctor > div {
  flex-grow: 1;
}
.en_doctor_title {
  font-size: 24px;
  color: #636466;
  font-weight: 500;
  margin-bottom: 25px;
  padding-left: 20px;
}
.en_doctor_title span {
  font-size: 18px;
}
.en_doctor_text {
  font-size: 16px;
  color: #636466;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 20px;
}
.en_doctor_text span {
  color: #999793;
}
.en_doctor > img {
  flex-shrink: 0;
}
.en_section5 {
  background: #f5f2ec;
  padding: 150px 0;
}
.en_section5 .info_title_en {
  text-align: center;
}
.en_section5 .info_title_ko {
  text-align: center;
}
.en_section5 .info_title_ko:before {
  margin: 0 auto 5px;
}
.en_section5 .service_img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.en_section5 .service_wrap {
  display: flex;
  margin-top: 80px;
}
.en_section5 .service_wrap ul:first-child {
  width: 580px;
}
.en_section5 .service_wrap li {
  position: relative;
  font-size: 20px;
  color: #636466;
  font-weight: 500;
  margin-bottom: 25px;
  padding-left: 24px;
}
.en_section5 .service_wrap li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: #c2d236;
}
.en_section5 .service_wrap li:last-child {
  margin-bottom: 0;
}
.en_ft #ft_wr {
  padding: 35px 0 35px;
}

/* jp */
.jp_section3 .title {
  font-size: 24px;
  color: #3a3a3c;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1.2;
}
.jp_section3 .text {
  font-size: 16px;
  color: #3a3a3c;
  font-weight: 400;
  line-height: 1.4;
  z-index: 1;
}
.jp_section3 ul {
  justify-content: flex-start;
}
.jp_section3 ul li {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 50px;
}
.jp_section3 ul li:nth-child(1), .jp_section3 ul li:nth-child(2) {
  width: 530px;
  padding-top: 40px;
}
.jp_section3 .reason_list {
  gap: 0;
  padding: 0;
  flex-direction: column;
  z-index: 1;
}
.jp_section3 .reason_list li {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  background: transparent;
  font-size: 16px;
  color: #3a3a3c;
  font-weight: 400;
  margin-bottom: 12px;
  padding-left: 20px;
  line-height: 1.2;
  padding-top: 0;
}
.jp_section3 .reason_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background: #3a3a3c;
}
.jp_section3 .reason_list li:last-child {
  margin-bottom: 0;
}
.jp_section3 .reason_list li:nth-child(1), .jp_section3 .reason_list li:nth-child(2) {
  width: auto;
  padding-top: 0;
}
.jp_doctor_title {
  margin-bottom: 8px;
}
.jp_doctor_sub {
  font-size: 16px;
  color: #636466;
  font-weight: 400;
  margin-bottom: 30px;
}
.jp_doctor_sub::before {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  background: #636466;
  margin-bottom: 8px;
}
.jp_doctor_sub span {
  padding-left: 20px;
}
.jp_doctor_text {
  font-size: 16px;
  line-height: 2;
}
.en_section6 {
  padding: 150px 0;
  background: #faf8f5;
}
.en_section6 .info_title_en {
  text-align: center;
}
.en_section6 .info_title_ko {
  text-align: center;
}
.en_section6 .info_title_ko:before {
  margin: 0 auto 5px;
}
.cause_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 75px;
}
.cause_wrap ul li {
  font-size: 18px;
  color: #636466;
  font-weight: 500;
  line-height: 2;
}
.cause_img_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 520px;
  background: #fff;
  padding: 20px 0 25px;
}
.cause_img_wrap p {
  font-size: 18px;
  color: #636466;
  font-weight: 400;
  padding: 0 40px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  margin-top: 10px;
}
.cause_img_wrap span {
  display: block;
  font-size: 16px;
  color: #636466;
  font-weight: 400;
  text-align: center;
  margin-top: 18px;
}
.en_section7 {
  padding: 150px 0;
}
.program_wrap {
  display: flex;
  gap: 0 40px;
}
.program_img_wrap {
  flex-shrink: 0;
}
.program_text_wrap {
  flex-grow: 1;
}
.program_title {
  font-size: 20px;
  color: #636466;
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 18px;
}
.program_text_wrap ul {
  padding-left: 18px;
}
.program_text_wrap ul li {
  position: relative;
  font-size: 16px;
  color: #636466;
  margin-bottom: 18px;
  padding-left: 20px;
  letter-spacing: -1.4px;
}
.program_text_wrap ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: #636466;
}
.program_text {
  position: relative;
  font-size: 16px;
  color: #636466;
  padding-left: 18px;
  margin-top: 10px;
}
.jp_section5 .service_wrap {
  gap: 0 80px;
}
.jp_section5 .service_wrap ul:first-child {
  width: auto;
}
.service_text {
  font-size: 16px;
  color: #a94858;
  text-align: center;
  margin-top: 90px;
}
/* ============================================================
   FAQ 페이지 (faq.php) — appended by FAQ feature
   ============================================================ */
.faq-page {
  --faq-lime: #cbd527;
  --faq-gold: #ffd60d;
  --faq-teal: #3db3b7;
  --faq-text: #202122;
  --faq-body: #3a3a3c;
  --faq-muted: #636466;
  --faq-bg-soft: #faf9f3;
  --faq-bg-mute: #f7f7f7;
  --faq-border: #eaeaea;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0 120px;
  color: var(--faq-body);
}
.sub_top_faq {
  background: url(../img/08_00.jpg) center top no-repeat;
  background-size: cover;
}
.faq-breadcrumb {
  font-size: 13px;
  color: var(--faq-muted);
  margin-bottom: 16px;
}
.faq-breadcrumb a { color: var(--faq-muted); text-decoration: none; }
.faq-breadcrumb a:hover { color: var(--faq-teal); }
.faq-breadcrumb span { margin: 0 6px; color: #c5c5c5; }
.faq-breadcrumb strong { color: var(--faq-text); font-weight: 500; }
.faq-page-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--faq-text);
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}
.faq-page-title span { color: var(--faq-teal); font-weight: 500; }
.faq-page-sub {
  font-size: 15px;
  color: var(--faq-muted);
  margin: 0 0 32px;
}
.faq-search-wrap {
  position: relative;
  margin-bottom: 24px;
}
.faq-search {
  width: 100%;
  height: 56px;
  padding: 0 48px 0 56px;
  border: 2px solid var(--faq-border);
  border-radius: 12px;
  font-size: 15px;
  color: var(--faq-text);
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat 18px center;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
}
.faq-search:focus {
  border-color: var(--faq-teal);
  box-shadow: 0 0 0 3px rgba(61, 179, 183, 0.15);
}
.faq-search-clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px; height: 32px;
  border: 0;
  background: var(--faq-bg-mute);
  color: var(--faq-muted);
  font-size: 20px;
  line-height: 1;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}
.faq-search-clear:hover { background: var(--faq-border); color: var(--faq-text); }
.faq-cat-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.faq-cat-btn {
  border: 1px solid var(--faq-border);
  background: #fff;
  color: var(--faq-body);
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.faq-cat-btn em {
  font-style: normal;
  color: var(--faq-muted);
  font-weight: 400;
  margin-left: 2px;
}
.faq-cat-btn:hover {
  border-color: var(--faq-teal);
  color: var(--faq-teal);
}
.faq-cat-btn.active {
  background: var(--faq-text);
  border-color: var(--faq-text);
  color: #fff;
}
.faq-cat-btn.active em { color: rgba(255,255,255,0.65); }
.faq-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 2px solid var(--faq-text);
}
.faq-item {
  border-bottom: 1px solid var(--faq-border);
  background: #fff;
}
.faq-q {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  padding: 22px 56px 22px 20px;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: var(--faq-text);
  cursor: pointer;
  position: relative;
  line-height: 1.55;
}
.faq-q:hover { background: var(--faq-bg-soft); }
.faq-q-mark {
  flex-shrink: 0;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--faq-lime);
  color: var(--faq-text);
  font-weight: 700;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.faq-q-cat {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--faq-teal);
  background: rgba(61, 179, 183, 0.1);
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 500;
  align-self: center;
}
.faq-q-text { flex: 1; }
.faq-q-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px; height: 14px;
  border-right: 2px solid var(--faq-muted);
  border-bottom: 2px solid var(--faq-muted);
  transform-origin: 70% 70%;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s;
}
.faq-item.is-open .faq-q-icon {
  transform: translateY(-30%) rotate(-135deg);
  border-color: var(--faq-teal);
}
.faq-item.is-open .faq-q { background: var(--faq-bg-soft); }
.faq-a {
  display: flex;
  gap: 14px;
  padding: 4px 20px 28px 20px;
  background: var(--faq-bg-soft);
  font-size: 15px;
  line-height: 1.75;
  color: var(--faq-body);
  animation: faqFade 0.2s ease-out;
}
.faq-a[hidden] { display: none; }
@keyframes faqFade {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.faq-a-mark {
  flex-shrink: 0;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--faq-gold);
  color: var(--faq-text);
  font-weight: 700;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.faq-a-text { flex: 1; padding-top: 4px; word-break: keep-all; }
.faq-a-text p { margin: 0 0 8px; }
.faq-a-text strong { color: var(--faq-text); font-weight: 600; }
.faq-a-text a { color: var(--faq-teal); text-decoration: none; border-bottom: 1px solid rgba(61,179,183,0.35); }
.faq-a-text a:hover { color: #2a8b8e; border-bottom-color: var(--faq-teal); }
.faq-a-text .highlight-box {
  background: #fdf6d6;
  border-left: 3px solid var(--faq-gold);
  padding: 12px 16px;
  border-radius: 0 8px 8px 0;
  margin: 14px 0;
  font-size: 14.5px;
  color: var(--faq-text);
  line-height: 1.8;
}
.faq-a-text .highlight-box strong { color: var(--faq-text); font-weight: 600; }
.faq-a-text ul, .faq-a-text ol { margin: 10px 0; padding-left: 22px; }
.faq-a-text ul li, .faq-a-text ol li { margin: 4px 0; }
.faq-a-text .step-list {
  counter-reset: step;
  list-style: none;
  padding: 0;
  margin: 14px 0;
}
.faq-a-text .step-list li {
  counter-increment: step;
  padding: 9px 0 9px 38px;
  position: relative;
  border-bottom: 1px solid #efece4;
  margin: 0;
}
.faq-a-text .step-list li:last-child { border-bottom: 0; }
.faq-a-text ol.step-list li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 11px;
  width: 26px; height: 26px;
  background: var(--faq-teal);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.faq-a-text ul.step-list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 19px;
  width: 6px; height: 6px;
  background: var(--faq-teal);
  border-radius: 50%;
}
.faq-empty, .faq-empty-result {
  padding: 48px 20px;
  text-align: center;
  color: var(--faq-muted);
  font-size: 15px;
}
.faq-cta {
  margin-top: 48px;
  padding: 36px 20px;
  background: var(--faq-bg-soft);
  border-radius: 16px;
  text-align: center;
}
.faq-cta p {
  font-size: 17px;
  color: var(--faq-text);
  font-weight: 500;
  margin: 0 0 18px;
}
.faq-cta-btn {
  display: inline-block;
  padding: 13px 26px;
  margin: 6px 4px 0;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s;
}
.faq-cta-btn.tel {
  background: var(--faq-text);
  color: #fff;
}
.faq-cta-btn.consult {
  background: #fff;
  color: var(--faq-text);
  border: 1px solid var(--faq-border);
}
.faq-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* ========================================================
   info.php 2026 재설계 (PC)
   ======================================================== */
.info2-page{--i2-lime:#cbd527;--i2-gold:#ffd60d;--i2-teal:#3db3b7;--i2-teal-soft:#5ab9af;--i2-text:#202122;--i2-body:#3a3a3c;--i2-muted:#636466;--i2-light:#929396;--i2-bg:#fff;--i2-bg-soft:#faf9f3;--i2-bg-mute:#f7f7f7;--i2-border:#eaeaea;--i2-border-soft:#e9e9e9;color:var(--i2-body);font-family:'Noto Sans KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
.info2-page *{box-sizing:border-box}
.info2-page img{max-width:100%;display:block}
.info2-page a{color:inherit}
.info2-page .info2-inner{max-width:1100px;margin:0 auto;padding:0 24px}

.info2-page .sub_top_info h1.sub_top_text_ko{margin:0 0 12px;font-weight:400}
.info2-page .info2-breadcrumb-bar{border-bottom:1px solid var(--i2-border);background:#fff}
.info2-page .info2-breadcrumb-bar .info2-inner{max-width:1100px;margin:0 auto;padding:14px 24px;font-size:13px;color:var(--i2-muted);letter-spacing:.02em}
.info2-page .info2-breadcrumb-bar a{color:var(--i2-muted);text-decoration:none;transition:color .2s}
.info2-page .info2-breadcrumb-bar a:hover{color:var(--i2-teal)}
.info2-page .info2-breadcrumb-bar span{margin:0 8px;color:var(--i2-light)}
.info2-page .info2-breadcrumb-bar strong{color:var(--i2-text);font-weight:500}
.info2-page .info2-hero{position:relative;background:linear-gradient(180deg,#faf9f3 0%,#fff 100%);padding:120px 0 80px;border-bottom:1px solid var(--i2-border)}
.info2-page .info2-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--i2-lime) 0%,var(--i2-teal) 50%,var(--i2-gold) 100%)}
.info2-page .info2-hero-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.info2-page .info2-breadcrumb{font-size:13px;color:var(--i2-muted);margin-bottom:28px;letter-spacing:.02em}
.info2-page .info2-breadcrumb a{color:var(--i2-muted);text-decoration:none;transition:color .2s}
.info2-page .info2-breadcrumb a:hover{color:var(--i2-teal)}
.info2-page .info2-breadcrumb span{margin:0 8px;color:var(--i2-light)}
.info2-page .info2-breadcrumb strong{color:var(--i2-text);font-weight:500}
.info2-page .info2-hero-eyebrow{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--i2-teal);font-weight:600;margin:0 0 14px}
.info2-page .info2-hero-title{font-size:64px;font-weight:700;color:var(--i2-text);letter-spacing:-.02em;margin:0 0 20px;line-height:1.1}
.info2-page .info2-hero-sub{font-size:19px;color:var(--i2-muted);line-height:1.65;margin:0}

.info2-page .info2-section-head{text-align:center;max-width:780px;margin:0 auto 60px}
.info2-page .info2-eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--i2-teal);font-weight:700;margin:0 0 14px}
.info2-page .info2-h2{font-size:40px;font-weight:700;color:var(--i2-text);letter-spacing:-.02em;margin:0 0 18px;line-height:1.25}
.info2-page .info2-h2 .info2-underline{background:linear-gradient(180deg,transparent 60%,var(--i2-lime) 60%,var(--i2-lime) 90%,transparent 90%);padding:0 4px}
.info2-page .info2-h2 .info2-accent{color:var(--i2-teal)}
.info2-page .info2-section-desc{font-size:16px;color:var(--i2-muted);margin:0;line-height:1.7}
.info2-page .info2-h3{font-size:20px;font-weight:600;color:var(--i2-text);margin:32px 0 16px;display:flex;align-items:center;gap:10px}
.info2-page .info2-h3 .info2-dot{width:8px;height:8px;border-radius:50%;background:var(--i2-lime);display:inline-block;flex:0 0 auto}
.info2-page .info2-h3.info2-h3-plain{justify-content:flex-start;margin-top:0;padding-bottom:14px;border-bottom:2px solid var(--i2-text);font-size:22px}

.info2-page .info2-greeting{padding:110px 0;background:#fff}
.info2-page .info2-greeting-grid{display:grid;grid-template-columns:minmax(320px,1fr) 1.3fr;gap:80px;align-items:start}
.info2-page .info2-greeting-head .info2-eyebrow{margin-bottom:16px}
.info2-page .info2-greeting-head .info2-h2{font-size:36px;margin-bottom:36px;text-align:left}
.info2-page .info2-greeting-head{position:sticky;top:100px}
.info2-page .info2-greeting-stats{position:relative;padding:30px 32px;background:linear-gradient(135deg,var(--i2-bg-soft) 0%,#fff 100%);border:1px solid var(--i2-border);border-radius:4px;margin-bottom:28px}
.info2-page .info2-greeting-stats::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;background:linear-gradient(180deg,var(--i2-lime),var(--i2-teal))}
.info2-page .info2-stat-big{display:flex;align-items:baseline;gap:14px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px dashed var(--i2-border)}
.info2-page .info2-stat-num{font-size:72px;font-weight:700;line-height:.9;letter-spacing:-.04em;color:var(--i2-teal);font-family:"Montserrat","Noto Sans KR",sans-serif}
.info2-page .info2-stat-num em{font-style:normal;font-size:40px;color:var(--i2-gold);margin-left:2px;vertical-align:top}
.info2-page .info2-stat-label{font-size:13px;color:var(--i2-muted);letter-spacing:.08em;text-transform:uppercase;line-height:1.5;font-weight:500}
.info2-page .info2-greeting-credentials{list-style:none;margin:0;padding:0}
.info2-page .info2-greeting-credentials li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--i2-body);line-height:1.55;padding:7px 0}
.info2-page .info2-cred-n{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--i2-teal);letter-spacing:.08em;padding-top:3px;font-family:"Montserrat",sans-serif}.info2-page .info2-greeting-body p{font-size:16px;color:var(--i2-body);line-height:1.9;margin:0 0 20px}
.info2-page .info2-greeting-body p strong{color:var(--i2-text);font-weight:600;box-shadow:inset 0 -8px 0 rgba(203,213,39,.35)}
.info2-page .info2-greeting-sign{padding:24px 28px;background:var(--i2-bg-soft);border-left:3px solid var(--i2-lime);margin:32px 0 28px !important;font-size:15.5px !important}
.info2-page .info2-greeting-author{font-size:17px;color:var(--i2-text);font-weight:600;margin:0;text-align:right;letter-spacing:-.01em}
.info2-page .info2-greeting-author span{font-size:13px;color:var(--i2-muted);font-weight:400;margin-right:10px;letter-spacing:.05em}

.info2-page .info2-doctor{padding:110px 0;background:var(--i2-bg-soft)}
.info2-page .info2-doctor-card{display:grid;grid-template-columns:400px 1fr;gap:64px;background:#fff;padding:56px;border-radius:4px;box-shadow:0 4px 30px rgba(0,0,0,.04)}
.info2-page .info2-doctor-left{display:flex;flex-direction:column;gap:28px}
.info2-page .info2-doctor-body{display:flex;flex-direction:column}
.info2-page .info2-doctor-body .info2-spec-grid{flex:1 1 auto;grid-auto-rows:1fr}
.info2-page .info2-doctor-photo{position:relative}
.info2-page .info2-doctor-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#f0efea}
.info2-page .info2-doctor-badge{position:absolute;left:-16px;bottom:24px;background:var(--i2-text);color:#fff;padding:16px 24px;display:flex;flex-direction:column;gap:2px}
.info2-page .info2-doctor-badge-en{font-size:11px;letter-spacing:.24em;color:var(--i2-lime);text-transform:uppercase}
.info2-page .info2-doctor-badge-role{font-size:17px;font-weight:600;letter-spacing:-.01em}

.info2-page .info2-doctor-media{position:relative;margin:0;padding:24px 26px;background:linear-gradient(135deg,#202122 0%,#2c3436 100%);color:#fff;border-radius:4px;overflow:hidden}
.info2-page .info2-doctor-media::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(61,179,183,.25) 0%,transparent 70%);pointer-events:none}
.info2-page .info2-doctor-media-label{margin:0 0 10px;font-size:11px;letter-spacing:.28em;color:var(--i2-lime);font-weight:700;font-family:"Montserrat",sans-serif}
.info2-page .info2-doctor-media-desc{margin:0 0 18px;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.info2-page .info2-doctor-media-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:relative}
.info2-page .info2-doctor-media-link{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:13.5px;font-weight:500;border-radius:3px;transition:all .2s}
.info2-page .info2-doctor-media-link em{font-style:normal;color:var(--i2-lime);font-family:"Montserrat",sans-serif;transition:transform .2s}
.info2-page .info2-doctor-media-link:hover{background:rgba(255,255,255,.12);border-color:rgba(203,213,39,.4)}
.info2-page .info2-doctor-media-link:hover em{transform:translateX(4px)}

.info2-page .info2-doctor-body .info2-h3:first-child{margin-top:0}

/* ---- Career timeline ---- */
.info2-page .info2-career{position:relative;padding-left:32px;margin-bottom:8px}
.info2-page .info2-career::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,var(--i2-lime) 0%,var(--i2-teal) 55%,var(--i2-gold) 100%)}
.info2-page .info2-career-phase{position:relative;padding-bottom:24px}
.info2-page .info2-career-phase:last-child{padding-bottom:0}
.info2-page .info2-career-phase::before{content:"";position:absolute;left:-32px;top:4px;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--i2-teal);box-sizing:border-box;z-index:1}
.info2-page .info2-career-phase[data-phase="edu"]::before{border-color:var(--i2-lime)}
.info2-page .info2-career-phase[data-phase="past"]::before{border-color:var(--i2-teal)}
.info2-page .info2-career-phase-now::before{background:var(--i2-teal);border-color:var(--i2-teal);box-shadow:0 0 0 4px rgba(61,179,183,.14)}
.info2-page .info2-career-phase-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.info2-page .info2-career-tag{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;font-family:"Montserrat","Noto Sans KR",sans-serif;padding:4px 10px;border-radius:2px;line-height:1.2}
.info2-page .info2-career-phase[data-phase="edu"] .info2-career-tag{color:#7e8a0f;background:rgba(203,213,39,.18)}
.info2-page .info2-career-phase[data-phase="past"] .info2-career-tag{color:var(--i2-teal);background:rgba(61,179,183,.1)}
.info2-page .info2-career-phase-now .info2-career-tag{color:#fff;background:var(--i2-teal)}
.info2-page .info2-career-tag-ko{font-size:13px;color:var(--i2-muted);font-weight:500;letter-spacing:-.01em}
.info2-page .info2-career-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.info2-page .info2-career-items li{font-size:14.5px;color:var(--i2-body);line-height:1.55;padding-left:12px;position:relative}
.info2-page .info2-career-items li::before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--i2-light)}
.info2-page .info2-career-phase-now .info2-career-items li{color:var(--i2-text);font-weight:500}
.info2-page .info2-career-phase-now .info2-career-items li::before{background:var(--i2-teal)}

/* ---- Specialty numbered grid ---- */
.info2-page .info2-spec-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:6px 10px}
.info2-page .info2-spec-grid li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--i2-bg-soft);border-left:2px solid transparent;border-radius:2px;transition:all .2s ease}
.info2-page .info2-spec-grid li.info2-spec-wide{grid-column:1 / -1}
.info2-page .info2-spec-grid li:hover{background:#fff;border-left-color:var(--i2-teal);box-shadow:0 2px 14px rgba(0,0,0,.04);transform:translateX(2px)}
.info2-page .info2-spec-n{flex:0 0 auto;font-family:"Montserrat","Noto Sans KR",sans-serif;font-size:12px;font-weight:700;color:var(--i2-teal);letter-spacing:.08em;min-width:22px}
.info2-page .info2-spec-t{font-size:14px;color:var(--i2-text);letter-spacing:-.01em;line-height:1.4}

/* ---- Societies regional ---- */
.info2-page .info2-doctor-left .info2-h3-soc{margin:8px 0 14px;font-size:18px}
.info2-page .info2-soc{display:flex;flex-direction:column;gap:18px;padding:22px 22px;background:var(--i2-bg-soft);border-radius:4px;border:1px solid var(--i2-border)}
.info2-page .info2-soc-group{min-width:0}
.info2-page .info2-soc-head{margin:0 0 14px;font-size:13.5px;color:var(--i2-text);font-weight:700;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--i2-border);letter-spacing:-.01em}
.info2-page .info2-soc-head em{font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--i2-teal);font-family:"Montserrat","Noto Sans KR",sans-serif;font-weight:600;padding:3px 9px;background:#fff;border:1px solid var(--i2-border);border-radius:2px;text-transform:uppercase}
.info2-page .info2-soc-group-intl .info2-soc-head em{color:#b38c00;border-color:rgba(255,214,13,.5);background:rgba(255,214,13,.08)}
.info2-page .info2-soc-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.info2-page .info2-soc-list li{padding:6px 12px;background:#fff;border:1px solid var(--i2-border);border-radius:999px;font-size:12.5px;color:var(--i2-body);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.info2-page .info2-soc-list li small{font-family:"Montserrat",sans-serif;font-size:10px;font-weight:700;color:var(--i2-teal);letter-spacing:.08em;padding:1px 5px;background:rgba(61,179,183,.08);border-radius:2px}
.info2-page .info2-soc-group-intl .info2-soc-list li small{color:#b38c00;background:rgba(255,214,13,.1)}
.info2-page .info2-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.info2-page .info2-list li{font-size:15px;color:var(--i2-body);line-height:1.6;padding-left:18px;position:relative}
.info2-page .info2-list li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:1.5px;background:var(--i2-teal)}
.info2-page .info2-list-2col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px 24px}
.info2-page .info2-list-2col li{white-space:nowrap}
.info2-page .info2-list-chip{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.info2-page .info2-list-chip li{padding:7px 14px;background:#fff;border:1px solid var(--i2-border);border-radius:999px;font-size:13.5px;color:var(--i2-muted);text-align:center}
.info2-page .info2-list-chip li::before{display:none}

.info2-page .info2-hours{padding:110px 0;background:#fff}
.info2-page .info2-hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.info2-page .info2-hours-card{background:var(--i2-bg-soft);padding:44px 40px;border-radius:4px}
.info2-page .info2-table{width:100%;border-collapse:collapse;margin-top:4px}
.info2-page .info2-table th,.info2-page .info2-table td{padding:18px 0;border-bottom:1px solid var(--i2-border);font-size:15.5px;text-align:left;vertical-align:top}
.info2-page .info2-table tr:last-child th,.info2-page .info2-table tr:last-child td{border-bottom:none}
.info2-page .info2-table th{width:42%;color:var(--i2-text);font-weight:600}
.info2-page .info2-table th span{display:block;font-size:12px;color:var(--i2-light);font-weight:400;margin-top:2px}
.info2-page .info2-table td{color:var(--i2-body)}
.info2-page .info2-table td strong{color:var(--i2-text);font-weight:700;font-variant-numeric:tabular-nums}
.info2-page .info2-table td em{display:inline-block;margin-top:6px;font-style:normal;font-size:12.5px;color:var(--i2-muted)}
.info2-page .info2-row-off th,.info2-page .info2-row-off td{color:var(--i2-light)}
.info2-page .info2-hours-callout{margin:28px 0 0;padding:20px 24px;background:var(--i2-text);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.info2-page .info2-hours-tel-label{font-size:13px;color:var(--i2-lime);letter-spacing:.1em}
.info2-page .info2-hours-tel{font-size:24px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.01em;font-variant-numeric:tabular-nums}

.info2-page .info2-facility{padding:110px 0;background:var(--i2-bg-soft)}
.info2-page .info2-facility-block + .info2-facility-block{margin-top:80px}
.info2-page .info2-facility-head{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--i2-border)}
.info2-page .info2-facility-cat{font-size:11px;letter-spacing:.3em;color:var(--i2-teal);font-weight:700;font-family:"Montserrat","Noto Sans KR",sans-serif;padding:5px 11px;background:rgba(61,179,183,.1);border-radius:2px;line-height:1.2}
.info2-page .info2-facility-block--research .info2-facility-cat{color:#7e8a0f;background:rgba(203,213,39,.2)}
.info2-page .info2-facility-cat-ko{font-size:24px;font-weight:700;color:var(--i2-text);margin:0;letter-spacing:-.02em;line-height:1.2}
.info2-page .info2-facility-cat-desc{margin:0;font-size:14px;color:var(--i2-muted);padding-left:18px;border-left:1px solid var(--i2-border);line-height:1.5}
.info2-page .info2-facility-cat-count{font-size:12px;color:var(--i2-light);letter-spacing:.18em;font-family:"Montserrat",sans-serif;font-weight:600;white-space:nowrap}
.info2-page .info2-facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.info2-page .info2-facility-item{margin:0;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .3s ease,transform .3s ease;cursor:pointer;outline:none}
.info2-page .info2-facility-item:hover{box-shadow:0 12px 32px rgba(0,0,0,.08);transform:translateY(-4px)}
.info2-page .info2-facility-item:focus-visible{box-shadow:0 0 0 2px var(--i2-teal),0 10px 32px rgba(0,0,0,.1)}
.info2-page .info2-facility-img{position:relative;overflow:hidden;aspect-ratio:4/3;background:#eee}
.info2-page .info2-facility-expand{position:absolute;right:14px;top:14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(32,33,34,.6);color:#fff;border-radius:50%;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease;backdrop-filter:blur(6px);pointer-events:none}
.info2-page .info2-facility-expand svg{width:16px;height:16px}
.info2-page .info2-facility-item:hover .info2-facility-expand,.info2-page .info2-facility-item:focus-visible .info2-facility-expand{opacity:1;transform:scale(1)}
.info2-page .info2-facility-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.info2-page .info2-facility-item:hover .info2-facility-img img{transform:scale(1.06)}
.info2-page .info2-facility-cap{display:flex;align-items:center;gap:14px;padding:18px 22px;border-top:2px solid transparent;transition:border-color .25s ease}
.info2-page .info2-facility-item:hover .info2-facility-cap{border-top-color:var(--i2-teal)}
.info2-page .info2-facility-block--research .info2-facility-item:hover .info2-facility-cap{border-top-color:var(--i2-lime)}
.info2-page .info2-facility-num{flex:0 0 auto;font-family:"Montserrat","Noto Sans KR",sans-serif;font-size:12px;font-weight:700;color:var(--i2-teal);letter-spacing:.12em;padding:4px 10px;background:rgba(61,179,183,.08);border-radius:2px;line-height:1.2}
.info2-page .info2-facility-block--research .info2-facility-num{color:#7e8a0f;background:rgba(203,213,39,.2)}
.info2-page .info2-facility-name{flex:1 1 auto;font-size:15.5px;color:var(--i2-text);font-weight:500;letter-spacing:-.01em;line-height:1.4}
.info2-page .info2-facility-arrow{flex:0 0 auto;font-size:16px;color:var(--i2-light);font-family:"Montserrat",sans-serif;transition:transform .25s ease,color .25s ease;opacity:0}
.info2-page .info2-facility-item:hover .info2-facility-arrow{opacity:1;color:var(--i2-teal);transform:translateX(4px)}
.info2-page .info2-facility-block--research .info2-facility-item:hover .info2-facility-arrow{color:#7e8a0f}

/* ---- Facility Lightbox ---- */
.info2-page + .info2-lightbox,body > .info2-lightbox,.info2-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(12,14,16,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;padding:24px}
.info2-lightbox.is-open{opacity:1;visibility:visible}
.info2-lightbox-close{position:fixed;top:24px;right:28px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.info2-lightbox-close:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.24);transform:rotate(90deg)}
.info2-lightbox-close svg{width:20px;height:20px}
.info2-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;width:100%;max-width:1400px;flex:0 1 auto}
.info2-lightbox-swiper{flex:1 1 auto;width:100%;max-width:min(92vw,1200px);aspect-ratio:4/3;max-height:78vh;overflow:hidden;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.info2-lightbox-swiper .swiper-slide{display:block;background:#0f1113;overflow:hidden}
.info2-lightbox-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}
.info2-lightbox-nav{flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.info2-lightbox-nav:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.3)}
.info2-lightbox-nav:active{transform:scale(.95)}
.info2-lightbox-nav svg{width:22px;height:22px}
.info2-lightbox-nav.swiper-button-disabled{opacity:.25;cursor:default;pointer-events:none}
.info2-lightbox-info{margin-top:28px;display:inline-flex;align-items:center;gap:14px;padding:11px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:3px;color:rgba(255,255,255,.88);font-size:14px;letter-spacing:-.01em;max-width:min(92vw,900px);backdrop-filter:blur(8px)}
.info2-lightbox-cat{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;font-family:"Montserrat","Noto Sans KR",sans-serif;padding:4px 10px;border-radius:2px;line-height:1.2;color:var(--i2-teal);background:rgba(61,179,183,.16)}
.info2-lightbox-cat[data-cat-key="research"]{color:#d7e230;background:rgba(203,213,39,.16)}
.info2-lightbox-num{font-family:"Montserrat","Noto Sans KR",sans-serif;font-size:13px;font-weight:700;color:var(--i2-lime);letter-spacing:.1em}
.info2-lightbox-name{font-weight:500;color:#fff;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info2-lightbox-count{margin-left:auto;font-family:"Montserrat","Noto Sans KR",sans-serif;font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.14em;font-weight:600;padding-left:14px;border-left:1px solid rgba(255,255,255,.15)}
@media (max-width:900px){
  .info2-lightbox{padding:16px}
  .info2-lightbox-close{top:12px;right:12px;width:42px;height:42px}
  .info2-lightbox-stage{gap:0}
  .info2-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.1)}
  .info2-lightbox-nav svg{width:18px;height:18px}
  .info2-lightbox-prev{left:6px}
  .info2-lightbox-next{right:6px}
  .info2-lightbox-swiper{aspect-ratio:4/3;max-height:70vh;max-width:94vw}
  .info2-lightbox-info{padding:9px 14px;font-size:12.5px;gap:10px;margin-top:18px}
  .info2-lightbox-count{padding-left:10px}
}

/* ---- Gallery ---- */
.info2-page .info2-gallery{padding:110px 0;background:#fff;border-top:1px solid var(--i2-border)}
.info2-page .info2-gallery-wrap{max-width:1100px;margin:0 auto}
.info2-page .info2-gallery-main{position:relative;aspect-ratio:16/9;background:#f0efea;border-radius:4px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.info2-page .info2-gallery-main .swiper-slide{overflow:hidden}
.info2-page .info2-gallery-main .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.info2-page .info2-gallery-count{position:absolute;right:24px;bottom:22px;z-index:2;display:inline-flex;align-items:baseline;gap:4px;padding:10px 18px;background:rgba(32,33,34,.78);color:#fff;border-radius:2px;font-family:"Montserrat","Noto Sans KR",sans-serif;font-size:14px;font-weight:600;letter-spacing:.08em;backdrop-filter:blur(6px)}
.info2-page .info2-gallery-curr{color:var(--i2-lime);font-size:17px}
.info2-page .info2-gallery-sep{opacity:.5;margin:0 2px}
.info2-page .info2-gallery-total{opacity:.8}
.info2-page .info2-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border:none;border-radius:50%;background:rgba(255,255,255,.92);color:var(--i2-text);font-size:28px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.12);transition:all .2s ease;opacity:0;display:flex;align-items:center;justify-content:center;padding-bottom:4px}
.info2-page .info2-gallery-main:hover .info2-gallery-nav{opacity:1}
.info2-page .info2-gallery-nav:hover{background:var(--i2-teal);color:#fff}
.info2-page .info2-gallery-prev{left:20px}
.info2-page .info2-gallery-next{right:20px}
.info2-page .info2-gallery-nav.swiper-button-disabled{opacity:.3;cursor:default}
.info2-page .info2-gallery-thumbs{margin-top:14px;padding:2px}
.info2-page .info2-gallery-thumbs .swiper-slide{aspect-ratio:16/10;background:#f0efea;border-radius:3px;overflow:hidden;cursor:pointer;position:relative;opacity:.5;transition:opacity .2s ease}
.info2-page .info2-gallery-thumbs .swiper-slide::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:3px;transition:border-color .2s ease;pointer-events:none}
.info2-page .info2-gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.info2-page .info2-gallery-thumbs .swiper-slide:hover{opacity:.85}
.info2-page .info2-gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.info2-page .info2-gallery-thumbs .swiper-slide-thumb-active::after{border-color:var(--i2-teal);box-shadow:0 0 0 1px var(--i2-teal) inset}

.info2-page .info2-location{padding:110px 0 140px;background:#fff}
.info2-page .info2-location-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}
.info2-page .info2-location-info .info2-h3:first-child{margin-top:0}
.info2-page .info2-loc-list{list-style:none;padding:0;margin:0 0 28px}
.info2-page .info2-loc-list li{font-size:15px;color:var(--i2-body);line-height:1.7;padding:12px 0;border-bottom:1px dashed var(--i2-border)}
.info2-page .info2-loc-list li:last-child{border-bottom:none}
.info2-page .info2-loc-list li strong{display:inline-block;min-width:74px;color:var(--i2-text);font-weight:600;margin-right:10px}
.info2-page .info2-loc-list li a{color:var(--i2-teal);text-decoration:none;font-weight:600}
.info2-page .info2-loc-list .info2-loc-note{color:var(--i2-muted);font-size:13.5px}
.info2-page .info2-location-map .root_daum_roughmap{border:1px solid var(--i2-border) !important}

@media (max-width:1100px){
  .info2-page .info2-hero{padding:90px 0 60px}
  .info2-page .info2-hero-title{font-size:48px}
  .info2-page .info2-greeting,.info2-page .info2-doctor,.info2-page .info2-hours,.info2-page .info2-facility,.info2-page .info2-gallery,.info2-page .info2-location{padding:80px 0}
  .info2-page .info2-gallery-main{aspect-ratio:4/3}
  .info2-page .info2-gallery-nav{width:40px;height:40px;font-size:24px;opacity:1}
  .info2-page .info2-gallery-count{right:14px;bottom:14px;padding:7px 13px;font-size:12px}
  .info2-page .info2-gallery-curr{font-size:14px}
  .info2-page .info2-h2{font-size:32px}
  .info2-page .info2-greeting-grid{grid-template-columns:1fr;gap:32px}
  .info2-page .info2-greeting-head{position:static;top:auto}
  .info2-page .info2-stat-num{font-size:58px}
  .info2-page .info2-doctor-card{grid-template-columns:1fr;gap:40px;padding:40px}
  .info2-page .info2-doctor-left{max-width:520px;margin:0 auto;width:100%}
  .info2-page .info2-doctor-photo{max-width:420px;margin:0 auto}
  .info2-page .info2-spec-grid{grid-template-columns:1fr}
  .info2-page .info2-spec-t{white-space:normal}
  .info2-page .info2-soc{grid-template-columns:1fr;gap:18px}
  .info2-page .info2-hours-grid{grid-template-columns:1fr;gap:24px}
  .info2-page .info2-facility-grid{grid-template-columns:repeat(2,1fr)}
  .info2-page .info2-facility-head{grid-template-columns:auto 1fr;row-gap:10px}
  .info2-page .info2-facility-cat-desc{grid-column:1/-1;padding-left:0;border-left:none;padding-top:10px;border-top:1px dashed var(--i2-border)}
  .info2-page .info2-facility-cat-count{grid-column:1/-1;text-align:right}
  .info2-page .info2-location-grid{grid-template-columns:1fr;gap:40px}
}

/* ===== Tablet portrait / large phone ===== */
@media (max-width:768px){
  .info2-page .info2-inner{padding:0 20px}
  .info2-page .info2-greeting,.info2-page .info2-doctor,.info2-page .info2-hours,.info2-page .info2-facility,.info2-page .info2-gallery{padding:68px 0}
  .info2-page .info2-location{padding:68px 0 90px}
  .info2-page .info2-section-head{margin-bottom:34px}
  .info2-page .info2-h2{font-size:28px}
  .info2-page .info2-section-desc{font-size:14px}
  .info2-page .info2-greeting-head .info2-h2{font-size:26px;margin-bottom:28px}
  .info2-page .info2-greeting-stats{padding:24px 22px;margin-bottom:0}
  .info2-page .info2-stat-big{padding-bottom:18px;margin-bottom:18px;gap:12px}
  .info2-page .info2-stat-num{font-size:52px}
  .info2-page .info2-stat-label{font-size:12px}
  .info2-page .info2-greeting-body p{font-size:15px;line-height:1.8}
  .info2-page .info2-doctor-card{padding:32px 28px;gap:32px}
  .info2-page .info2-doctor-left{gap:22px}
  .info2-page .info2-doctor-photo{max-width:360px}
  .info2-page .info2-doctor-badge{left:-8px;bottom:16px;padding:12px 18px}
  .info2-page .info2-doctor-badge-role{font-size:15px}
  .info2-page .info2-doctor-media{padding:20px 22px}
  .info2-page .info2-doctor-media-desc{font-size:13px;margin-bottom:14px}
  .info2-page .info2-career{padding-left:28px}
  .info2-page .info2-career-phase::before{left:-28px;width:15px;height:15px}
  .info2-page .info2-career-items li{font-size:14px}
  .info2-page .info2-spec-grid li{padding:11px 14px;gap:12px}
  .info2-page .info2-spec-t{font-size:13.5px}
  .info2-page .info2-soc{padding:20px 22px}
  .info2-page .info2-hours-card{padding:30px 24px}
  .info2-page .info2-table th,.info2-page .info2-table td{padding:14px 0;font-size:14.5px}
  .info2-page .info2-hours-callout{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:6px}
  .info2-page .info2-hours-tel{font-size:22px}
  .info2-page .info2-facility-block + .info2-facility-block{margin-top:56px}
  .info2-page .info2-facility-head{margin-bottom:26px;gap:12px}
  .info2-page .info2-facility-cat-ko{font-size:20px}
  .info2-page .info2-facility-cat-desc{font-size:13px;padding-top:8px}
  .info2-page .info2-facility-cat-count{font-size:11.5px}
  .info2-page .info2-facility-grid{gap:16px 14px}
  .info2-page .info2-facility-cap{padding:14px 16px;gap:10px}
  .info2-page .info2-facility-num{font-size:11px;padding:3px 8px}
  .info2-page .info2-facility-name{font-size:14.5px}
  .info2-page .info2-facility-expand{width:34px;height:34px;top:10px;right:10px;opacity:1;transform:scale(1);background:rgba(32,33,34,.5)}
  .info2-page .info2-gallery-thumbs{margin-top:10px}
}

/* ===== Phone portrait ===== */
@media (max-width:520px){
  .info2-page .info2-inner{padding:0 16px}
  .info2-page .sub_top{height:320px}
  .info2-page .sub_top_wrap{margin-top:90px;width:220px}
  .info2-page .sub_top h1.sub_top_text_ko{font-size:20px;padding-bottom:10px;margin-bottom:10px}
  .info2-page .sub_top_text_en{font-size:12px;letter-spacing:.08em}
  .info2-page .info2-breadcrumb-bar .info2-inner{padding:10px 16px;font-size:11.5px}
  .info2-page .info2-breadcrumb-bar span{margin:0 6px}
  .info2-page .info2-greeting,.info2-page .info2-doctor,.info2-page .info2-hours,.info2-page .info2-facility,.info2-page .info2-gallery{padding:54px 0}
  .info2-page .info2-location{padding:54px 0 70px}
  .info2-page .info2-section-head{margin-bottom:26px}
  .info2-page .info2-h2{font-size:23px}
  .info2-page .info2-eyebrow{font-size:10.5px;margin-bottom:8px}
  .info2-page .info2-section-desc{font-size:13px;margin-top:8px}
  .info2-page .info2-greeting-head .info2-h2{font-size:23px;margin-bottom:22px}
  .info2-page .info2-greeting-stats{padding:20px 18px;padding-left:22px}
  .info2-page .info2-stat-big{gap:10px;padding-bottom:14px;margin-bottom:14px}
  .info2-page .info2-stat-num{font-size:44px}
  .info2-page .info2-stat-num em{font-size:24px}
  .info2-page .info2-stat-label{font-size:11px}
  .info2-page .info2-greeting-credentials li{font-size:12.5px;gap:8px;padding:5px 0}
  .info2-page .info2-greeting-body p{font-size:14px;margin-bottom:14px;line-height:1.75}
  .info2-page .info2-greeting-sign{padding:16px 18px !important;font-size:13.5px !important;margin:22px 0 !important}
  .info2-page .info2-h3{font-size:16px}
  .info2-page .info2-doctor-card{padding:22px 18px;gap:24px}
  .info2-page .info2-doctor-left{gap:18px}
  .info2-page .info2-doctor-photo{max-width:100%}
  .info2-page .info2-doctor-badge{left:0;bottom:10px;padding:10px 14px}
  .info2-page .info2-doctor-badge-en{font-size:10px}
  .info2-page .info2-doctor-badge-role{font-size:14px}
  .info2-page .info2-doctor-media{padding:18px 18px}
  .info2-page .info2-doctor-media-label{letter-spacing:.22em;font-size:10.5px}
  .info2-page .info2-doctor-media-link{padding:10px 12px;font-size:12.5px}
  .info2-page .info2-career{padding-left:24px}
  .info2-page .info2-career-phase::before{left:-24px;width:13px;height:13px;top:3px}
  .info2-page .info2-career-phase::after,.info2-page .info2-career::before{left:6px}
  .info2-page .info2-career-phase-head{flex-wrap:wrap;gap:8px;margin-bottom:9px}
  .info2-page .info2-career-tag{font-size:9.5px;padding:3px 8px;letter-spacing:.2em}
  .info2-page .info2-career-tag-ko{font-size:12px}
  .info2-page .info2-career-items li{font-size:13.5px}
  .info2-page .info2-spec-grid li{padding:10px 12px;gap:10px}
  .info2-page .info2-spec-n{font-size:11px;min-width:20px}
  .info2-page .info2-spec-t{font-size:13px}
  .info2-page .info2-soc{padding:18px 16px;gap:16px}
  .info2-page .info2-soc-head{font-size:12.5px;gap:8px;padding-bottom:8px;margin-bottom:10px}
  .info2-page .info2-soc-head em{font-size:9.5px;padding:2px 7px;letter-spacing:.16em}
  .info2-page .info2-soc-list li{font-size:11.5px;padding:5px 10px}
  .info2-page .info2-soc-list li small{font-size:9.5px;padding:1px 4px}
  .info2-page .info2-hours-card{padding:24px 20px}
  .info2-page .info2-table th,.info2-page .info2-table td{padding:12px 0;font-size:13.5px}
  .info2-page .info2-table th{width:44%}
  .info2-page .info2-table th span{font-size:11px}
  .info2-page .info2-hours-callout{padding:14px 18px;margin-top:22px}
  .info2-page .info2-hours-tel{font-size:20px}
  .info2-page .info2-facility-block + .info2-facility-block{margin-top:44px}
  .info2-page .info2-facility-head{margin-bottom:20px;padding-bottom:14px;gap:10px 12px;row-gap:8px}
  .info2-page .info2-facility-cat{font-size:10px;padding:4px 9px;letter-spacing:.22em}
  .info2-page .info2-facility-cat-ko{font-size:17px}
  .info2-page .info2-facility-cat-desc{font-size:12.5px;line-height:1.45}
  .info2-page .info2-facility-cat-count{font-size:11px;letter-spacing:.14em}
  .info2-page .info2-facility-grid{grid-template-columns:1fr;gap:14px}
  .info2-page .info2-facility-cap{padding:13px 14px}
  .info2-page .info2-facility-name{font-size:14px}
  .info2-page .info2-gallery-count{right:10px;bottom:10px;padding:6px 11px;font-size:11px;letter-spacing:.06em}
  .info2-page .info2-gallery-curr{font-size:13px}
  .info2-page .info2-gallery-nav{width:36px;height:36px;font-size:22px}
  .info2-page .info2-gallery-prev{left:10px}
  .info2-page .info2-gallery-next{right:10px}
  .info2-page .info2-loc-list li{font-size:14px;padding:10px 0}
  .info2-page .info2-loc-list li strong{min-width:66px;margin-right:8px}
  .info2-lightbox{padding:10px}
  .info2-lightbox-close{top:8px;right:8px;width:38px;height:38px}
  .info2-lightbox-close svg{width:16px;height:16px}
  .info2-lightbox-nav{width:38px;height:38px}
  .info2-lightbox-nav svg{width:16px;height:16px}
  .info2-lightbox-prev{left:4px}
  .info2-lightbox-next{right:4px}
  .info2-lightbox-swiper{max-width:96vw;max-height:62vh}
  .info2-lightbox-info{flex-wrap:wrap;gap:8px;padding:9px 12px;font-size:12px;margin-top:14px;max-width:96vw}
  .info2-lightbox-count{margin-left:auto;padding-left:10px}
  .info2-lightbox-name{font-size:12.5px}
}

/* ===== column/media 게시판 카테고리 탭 & 영상 임베드 ===== */
:root {
  --brand-lime: #cbd527;
  --brand-gold: #ffd60d;
  --brand-teal: #3db3b7;
  --text-primary: #202122;
  --text-body: #3a3a3c;
  --text-muted: #636466;
  --bg-soft: #faf9f3;
  --border-soft: #eaeaea;
}
/* 카테고리 서브 필터 — 메인 comm_tab_6 하위 레벨. 모던 pill chip 스타일 */
.cat-tabs {
  margin: 36px 0 32px;
  padding: 0;
  border: 0;
  background: transparent;
}
/* comm_title_wrap 바로 다음에 오는 bo_list 내부 cat-tabs 간격 보강 */
.comm_title_wrap + #bo_list > .cat-tabs:first-child,
.comm_title_wrap + form + #bo_list > .cat-tabs:first-child,
.comm_title_wrap ~ #bo_list .cat-tabs {
  margin-top: 32px;
}
.cat-tabs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.cat-tabs li { display: block; margin: 0; padding: 0; }
.cat-tabs li a {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #636466;
  background: #ffffff;
  border: 1px solid #e5e7e9;
  border-radius: 999px;
  letter-spacing: -0.1px;
  text-decoration: none;
  transition: all 0.15s ease;
  word-break: keep-all;
}
.cat-tabs li a:hover {
  color: #202122;
  background: #faf9f3;
  border-color: #d6d8da;
}
.cat-tabs li.active a {
  color: #ffffff;
  font-weight: 700;
  background: #202122;
  border-color: #202122;
}
/* "전체" 칩만 약간의 카운트 느낌을 주고 싶다면 아래 확장 */
.cat-tabs li:first-child a::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #cbd527, #3db3b7);
  opacity: 0.85;
}
.cat-tabs li:first-child.active a::before {
  background: #cbd527;
  opacity: 1;
}
.cat-tabs li a .cat-en {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #9aa0a6;
}
.cat-tabs li.active a .cat-en {
  color: rgba(255, 255, 255, 0.75);
}
.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 720px;
  margin: 16px auto;
  background: #000;
  border-radius: 6px;
}
.video-embed iframe {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* ============ 커뮤니티 7-탭 (2026-04-24 재작업, 미니멀 에디토리얼) ============ */
.comm_tab.comm_tab_7 {
  display: flex;
  position: relative;
  margin: 0 0 56px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #eaeaea;
  list-style: none;
  background: transparent;
}
/* 커뮤니티 히어로(sub_top_comm) 다음 container 는 상단 여백 축소 — 탭이 히어로에 바짝 붙도록
   (sub_top_comm 과 #container 사이에 breadcrumb-bar 가 오는 페이지도 포함) */
.sub_top.sub_top_comm + #container,
.sub_top.sub_top_comm + .breadcrumb-bar + #container {
  padding-top: 0;
}
.sub_top.sub_top_comm + #container > .inner > .comm_tab.comm_tab_7:first-child,
.sub_top.sub_top_comm + #container > .comm_tab_wrap:first-child,
.sub_top.sub_top_comm + .breadcrumb-bar + #container > .inner > .comm_tab.comm_tab_7:first-child,
.sub_top.sub_top_comm + .breadcrumb-bar + #container > .comm_tab_wrap:first-child {
  margin-top: 0;
}
.comm_tab.comm_tab_7 li {
  flex: 1 1 0;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}
.comm_tab.comm_tab_7 li + li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 26px;
  bottom: 26px;
  width: 1px;
  background: #eaeaea;
}
.comm_tab.comm_tab_7 li a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 84px;
  padding: 18px 14px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #8a8b8e;
  line-height: 1.4;
  letter-spacing: -0.2px;
  text-align: center;
  word-break: keep-all;
  background: transparent;
  transition: color 0.2s ease;
}
.comm_tab.comm_tab_7 li a:hover {
  color: #202122;
}
.comm_tab.comm_tab_7 li.active a {
  color: #111213;
  font-weight: 700;
  background: transparent;
}
.comm_tab.comm_tab_7 li.active::after {
  content: '';
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -1px;
  height: 3px;
  background: linear-gradient(90deg, #cbd527 0%, #3db3b7 100%);
  border-radius: 3px 3px 0 0;
}
/* 구버전 .comm_tab 지원하던 겹침 스타일 무효화 (노랑 배경/꺾쇠 등) */
.comm_tab.comm_tab_7 li a::after,
.comm_tab.comm_tab_7 li a::before {
  content: none !important;
  display: none !important;
}

/* 기존 .info_section* 와 같은 구조로 container/inner가 1100px 센터링 해 주지만,
   column/media 등 새 스킨이 scaffolding을 쓸 때 폭 안정성을 확보 */
#container > .inner > #bo_list,
#container > .inner > form > #bo_list {
  width: 100% !important;
  max-width: 1100px;
  margin: 0 auto;
}

/* ============================================================
   공통 Breadcrumb Bar (모든 서브 페이지)
   ============================================================ */
.breadcrumb-bar{
  border-bottom:1px solid var(--border-soft, #eaeaea);
  background:#fff;
}
.breadcrumb-bar__inner{
  max-width:1100px;
  margin:0 auto;
  padding:14px 24px;
  font-size:13px;
  color:var(--text-muted, #636466);
  letter-spacing:.02em;
}
.breadcrumb-bar a{
  color:var(--text-muted, #636466);
  text-decoration:none;
  transition:color .2s;
}
.breadcrumb-bar a:hover{ color:var(--brand-teal, #3db3b7); }
.breadcrumb-bar span{ margin:0 8px; color:var(--text-light, #929396); }
.breadcrumb-bar strong{ color:var(--text-primary, #202122); font-weight:500; }
@media (max-width: 767px){
  .breadcrumb-bar__inner{ padding:10px 16px; font-size:11.5px; }
  .breadcrumb-bar span{ margin:0 6px; }
}

/* === FAQ 추가 (SEO/AEO 강화: h3 헤딩, 감수 메타, 결과 카운트, 접근성) === */
h3.faq-q-text { flex: 1; margin: 0; padding: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.faq-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.faq-meta {
  display: flex; flex-wrap: wrap; gap: 6px 22px;
  margin: 14px 0 24px;
  padding: 12px 16px;
  font-size: 13px; color: var(--faq-muted);
  background: var(--faq-bg-soft);
  border-left: 3px solid var(--faq-teal);
  border-radius: 4px;
  line-height: 1.6;
}
.faq-meta-item strong { color: var(--faq-text); font-weight: 600; }
.faq-meta time { color: var(--faq-text); }
.faq-result-count {
  font-size: 13px; color: var(--faq-muted);
  margin: 0 0 14px;
}