@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
  font-family: 'Eulyoo1945';
  src: url('/new/css/fonts/Eulyoo1945-SemiBold.woff') format('woff'),url('/new/css/fonts/Eulyoo1945-SemiBold.woff2') format('woff2'),url('/new/css/fonts/Eulyoo1945-SemiBold.eot') format('eot'),;
  font-weight: normal;
  font-style: normal;
}


* {
  letter-spacing: -1px;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400 !important;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans KR", sans-serif !important;
  font-weight: 300 !important;
  color: #363636;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
textarea,
button {
  font-family: "Noto Sans KR", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

ul:after {
  display: block;
  content: "";
  clear: both;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr,
legend,
caption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
}

a {
  color: #363636;
  text-decoration: none;
  word-break: keep-all;
}

p {
  word-break: keep-all;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


html,
body {
  width: 100%;
  font-size: 14px;
}

#wrap {
  position: relative;
  width: 100%;
  max-width: 100%
}

body {
  overflow-x: hidden;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

/* popup */
.popup_wrap {
  display: none;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 10px;
  box-sizing: border-box;
}

.popup {
  position: relative;
  background: #fff;
  padding: 20px 15px;
  z-index: 1000;
  width: 100%;
  top: 20%;
}

#popup_login {
  text-align: center;
}

#popup_login h1 {
  margin-bottom: 10px;
  color: #f7a90c !important;
  font-size: 7vw;
}

#popup_login h2 {
  font-size: 5vw;
  color: #333 !important;
  font-weight: 400 !important;
  margin-bottom: 30px;
}

.popup .pop_wrap {
  margin-bottom: 50px;
}

.popup .pop_wrap .input_wrap::after {
  clear: both;
  content: "";
  display: block;
}

.popup .pop_wrap .input_l {
  float: left;
  width: calc(100% - 134px);
}

.popup .pop_wrap .input_r {
  float: right;
  margin-left: 10px;
}

.popup .pop_wrap .input_wrap input[type="text"],
.popup .pop_wrap .input_wrap input[type="password"] {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #dbdbdc;
  padding: 0 12px;
  font-size: 15px;
}

.popup .pop_wrap .input_wrap input+input {
  margin-top: 10px;
}

.popup .btn_login {
  background: #f7a90c;
  width: 124px;
  height: 110px;
  line-height: 110px;
  text-align: center;
}

.popup .pop_wrap .info {
  font-size: 13px;
  color: #999999;
  margin-top: 20px;
  letter-spacing: -0.5px;
}

.popup .pop_wrap .login_bt {
  background: #ddd;
  padding: 15px 0;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  margin-top: 20px
}

.popup .pop_wrap .login_bt a {
  font-size: 16px;
  color: #333;
}

.popup .pop_wrap .login_bt a+a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: #333;
  width: 1px;
  height: 20px;
  margin: 0 25px;
}

.popup .pop_wrap .input_row {
  position: relative;
}

.popup a[class^="btn_"] {
  display: block;
  text-indent: 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

.popup .btn_close {
  background: url(../../images/common/btn_close.png) no-repeat center / cover;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: 15px;
  text-indent: -9999em;
}

/* input */
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+.label {
  padding-left: 25px;
  height: 16px;
  display: inline-block;
  line-height: 13px;
  background-repeat: no-repeat;
  font-size: 13px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  color: #333;
  background-image: url("../../images/common/chk.jpg");
}

input[type="checkbox"]:checked+label {
  background-image: url("../../images/common/chk_on.jpg");
}


input[type="radio"]:checked+label {
  background-image: url("../../images/common/radio_on.jpg");
}

input[type="radio"] {
  display: none;
}

input[type="radio"]+.label {
  padding-left: 25px;
  height: 16px;
  display: inline-block;
  line-height: 13px;
  background-repeat: no-repeat;
  font-size: 13px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  color: #333;
  background-image: url("../../images/common/radio.jpg");
}


.label span {
  vertical-align: middle;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  display: block;
}

select {
  -webkit-appearance: none;
  /* for chrome */
  -moz-appearance: none;
  /*for firefox*/
  appearance: none;
  background: url("../../images/common/select.jpg") no-repeat 95% 50%;
  padding: 0 20px 0 10px !important;
}

select::-ms-expand {
  display: none;
  /*for IE10,11*/
}

.mt_100 { margin-top: 100px !important;}

/* sub */

.sub_bg {
  height:42vh;
  text-align: center;
  position: relative;
  overflow:hidden;
      padding-top: 70px;
}
.sub_bg .img_wrap {
  background: no-repeat center center / cover;
  height: 100%;
  animation: subbg 2.5s forwards;
  position: absolute;
  width: 100%;
}
.sub_bg .txt_wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  opacity: 0;
  animation: slideup 2s .5s forwards;
}
@keyframes subbg {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.sub_bg .txt {
  font-size: 11px;
      letter-spacing: 3px;
      color: #fff;
      margin-bottom: 10px;
      font-weight: 600;
}

.sub_bg .txt_wrap h1 {
  color: #fff;
  font-size: 10vw;
  font-weight: 600 !important;
  line-height: 1.3;
  letter-spacing: 4px
}


.sub_bg61 .img_wrap,
.sub_bg62 .img_wrap,
.sub_bg63 .img_wrap,
.sub_bg64 .img_wrap,
.sub_bg65 .img_wrap,
.sub_bg66 .img_wrap {
  background-image: url("../../images/sub_bg/sub_bg_member.jpg") !important;
}

/* .sub_bg12 .txt,
.sub_bg13 .txt,
.sub_bg14 .txt,
.sub_bg18 .txt,
.sub_bg23 .txt,
.sub_bg61 .txt {
  color: #ff3300 !important
} */

/* .sub_bg12 h1,
.sub_bg14 h1,
.sub_bg51 h1{
  color: #363636 !important
} */

.sub_wrap {
  width: 100%;
  padding: 30px 0;
}
.sub_bg + .sub_wrap {
  padding-top: 0;
}

.sub_wrap .img_wrap img{width:100%}
.wide_cont {
  background: #f2f2f2;
}

/* 게시판목록 */
.board {
  margin: 70px 0 80px;
}


/* 병원소식 목록 */

.news_ul::after {
  display: none
}

.news_ul li {
  height: 250px;
  border: solid 1px #dddddd;
  margin-bottom: 20px;
  position: relative;
  text-align: left;
}


.news_ul li a {
  display: block;
  padding: 30px;
  position: relative;
  height: 100%
}

.news_ul li .info {
  position: absolute;
  bottom: 30px
}

.news_ul li .info p {
  color: #888888;
  display: inline-block;
  font-size: 15px;
}

.news_ul li .info p img {
  margin-right: 2px;
  vertical-align: middle;
}

.news_ul li .info p span {
  margin-left: 2px;
}

.news_ul li .tit {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.news_ul li .news_txt .date {
  font-size: 17px;
  color: #ff3300;
  margin-top: 10px;
  font-weight: 400;
}
/*
.news_ul li:hover .news_txt {
  display: none;
}

.news_ul li:hover .news_hover {
  opacity: 1;
  transition: all 0.7s;
}
*/
.news_ul li .news_hover {
  opacity: 0;
  display: flex;
  align-items: center;
  width:100%;
  height: 100%;
}

.news_ul li .news_hover .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.news_ul li .news_hover .img::before {
  display: block;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.news_ul li .news_hover .tit {
  text-align: center;
  z-index: 9;
  color: #fff
}

.board_bt {
  margin: 30px 0 0;
  position: relative;
}

.board_bt::after {
  display: block;
  content: '';
  clear: both
}

.board_search {
  text-align: center;
}

.board_search select {
  border: 1px solid #cbcbcb;
  height: 40px;
  line-height: 40px;
  width: 100px;
  color: #5f5f5f;
  vertical-align: top;
}

.board_search input[type="text"] {
  border: 1px solid #cbcbcb;
  height: 40px;
  line-height: 40px;
  width: 149px;
  vertical-align: top;
      margin-left: 5px;
}

.board_search a {
  border: 2px solid #ff3300;
  height: 40px;
  line-height: 38px;
  width: 80px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  color: #333333;
  margin-left: -5px;
  font-weight: 400;
}

.board_page{text-align: center;margin-top: 20px}

.board_page a,
.btn_wrap .prev,
.btn_wrap .next {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #cbcbcb;
  text-align: center;
  vertical-align: middle;
}

.board_page .page_num {
  color: #999;
  font-size: 15px;
  display: inline-block;
  margin: 0 10px;
}

.board_page .page_now {
  color: #000;
}

.board_page .page_total::before {
  content: '/';
  display: inline-block;
  padding: 0 3px;
}

.board_page .prev,
.btn_wrap .prev {
  background: url("../images/common/board_arrow.jpg") no-repeat center;
}
.board_page .first {
  background: url("../images/common/board_arrow02.jpg") no-repeat center;
}
.board_page .next,
.btn_wrap .next {
  background: url("../images/common/board_arrow.jpg") no-repeat center;
  transform: rotate(-180deg);
  margin-left: -5px;
}
.board_page .last {
  background: url("../images/common/board_arrow02.jpg") no-repeat center;
  transform: rotate(-180deg);
}


.board .board_box {
  border-top: 2px solid #ff3300;
  border-bottom: 1px solid #999;
  padding: 40px 0;
}

/* 게시판 글보기 */
.board_view .board_box {
  padding: 0 !important;
  border-bottom: 1px solid #dddddd;
}

.board_view .board_info {
  padding: 20px 10px;
  line-height: 35px;
  border-bottom: solid 1px #dddddd;
}

.board_view .board_info::after {
  clear: both;
  content: "";
  display: block;
}

.board_view .board_info h2 {
  float: left;
  font-weight: 700 !important;
  color: #363636;
      font-size: 18px;
      width:70%
}

.board_view .board_info h2 span {
  margin-right: 5px;
}

.board_view .board_info .info_r {
  float: right;
  text-align: right;
  width:30%
}

.board_view .info_txt p {
  display: inline-block;
  color: #999999;
  font-size: 14px;
}

.board_view .info_txt p+p {
  margin-left: 20px;
}


.board_view .board_content {
  padding-top: 50px
}

.board_view .board_content .img_w {
  text-align: center;
  max-width: 1280px;
}

.board_view .board_content .img_w img {
  width: 100%
}

.board_view .board_content .img_w img+img {
  margin-top: 20px
}

.board_view .board_content .txt_w {
  text-align: left;
  color: #333;
  font-size: 14px;
  margin: 20px 0 40px;
  min-height: 150px;
  line-height: 1.5;
  word-break: keep-all;
  padding: 0 10px;
}

.board_view .btn_wrap {
  text-align: left
}

.sub_btn {
  padding: 30px 10px 20px !important;
}

.sub_btn ul {
  margin-top: 30px;
}

.sub_btn ul li {
  display: inline-block;
  width: calc(50% - 7px);
  background-size: cover;
  background-position: center center;
  text-align: left;
}
.sub_btn ul li img{width:100%}
.sub_btn ul li a {
  display: block;
  position: relative;
}


.sub_btn ul li:nth-child(even) {
  margin-left: 10px;
}

.sub_btn ul li:nth-child(3),
.sub_btn ul li:nth-child(4) {
  margin-top: 15px;
}

.scroll_wrap {
  position: relative;
      overflow-x: auto;
}

.scroll_bg {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}

.scroll_info {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.scroll_info img {
  position: absolute;
  transform: translate(-55%, 0);
  top: 50px;
  left: 55%;
  width: auto !important
}

.scroll_img {
  overflow-x: auto;
  padding: 0 10px
}

.scroll_img img {
  width: auto !important;
}


/* 회원가입 */
.mem_wrap {
  padding: 50px 10px
}

.mem_tit {
  font-weight: 600 !important;
  font-size: 5vw;
  padding-bottom: 10px;
  border-bottom: solid 2px #e2e2e2;
  color: #333333;
  text-align: left;
}
.check,
.join_form {
  padding: 20px 15px;
  border: solid 1px #e2e2e2;
}

.chk_wrap {
  text-align: right;
  margin-top: 10px;
}

.chk_wrap::after {
  display: block;
  content: "";
  clear: both;
}

.check textarea {
  margin-top: 40px;
  text-align: left;
  display: block;
  padding: 20px 10px;
  width: 100%;
  height: 200px;
  background: #fff;
  line-height: 1.6em;
  border: solid 1px #e2e2e2;
}

#pri {
  margin-top: 50px;
}

.join_form {
  margin-top: 50px;
  overflow: hidden;
}

.join_form .input_wrap {
  padding: 40px 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
}

.input_row::after {
  display: block;
  content: '';
  clear: both;
}

.input_wrap .input_row label{
  line-height: 55px;
}

.input_row input[type="text"],
.input_row input[type="password"] {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 10px;
  font-size: 14px;
  color: #999;
  border: 1px solid #e2e2e2;
  width: 69%;
  box-sizing: border-box;
}

.input_row .textarea {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  color: #999;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  width: 69%;
}

.input_row .requ:after {
  content: '*';
  display: inline-block;
  color: #fd6e42;
  margin-left: 5px;
}

.input_row+.input_row {
  margin-top: 20px;
}



.input_row .info {
  display: block;
  margin-top: 5px;
  margin-left: 30%;
  color: #999999;
  font-size: 12px;
}

.input_row label {
  width: 30%;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 1.2px;
  text-align: left;
}

.info_red {
  color: red !important;
}

.join_form .input_row {
  position: relative;
}

.join_form .input_row #chk_id {
  display: inline-block;
  height: 55px;
  margin-left: 10px;
  line-height: 55px;
  background: #ff3300;
  text-align: center;
  font-size: 13px;
  color: #fff;
  width: 70px;
  position: absolute;
  right: 0;
}

.email input[type="text"],
.email select {
  width: calc(48% - 11px) !important
}

.email span {
  font-size: 13px;
  margin: 0 5px;
  display: inline-block;
  width: 13px;
}


.phone_input,
.phone_sel {
  width: calc(195px / 3) !important;
}

.phone_input {
  margin-left: 5px;
}

.input_row select {
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  color: #999;
  border: 1px solid #e2e2e2;
  vertical-align: top;
}

.join_form .checkbox {
  text-align: left
}


.btn_wrap {
  margin-top: 40px;
  text-align: center;
}

.btn {
  clear: both;
  display: inline-block;
  background: #ff3300;
  text-align: center;
  font-size: 17px;
  color: #fff;
  border-radius: 40px;
  width: 160px;
  height: 45px;
  line-height: 45px;
}

.btn+.btn {
  margin-left: 10px
}

.btn_edit {
  background: #fd6e42
}

.btn_reset {
  background: #b4b7ba;
}

.complete_box {
  text-align: center;
  padding: 30px 10px
}

.complete_box input {
  margin: 20px 0 40px;
  background: #eeeeee;
  border: none;
  height: 40px;
  line-height: 40px;
  width: 250px
}

.complete_box .board_box {
  padding: 40px 10px;
  text-align: center;
  border: solid 20px #ededed;
  color: #333;
  position: relative;
  min-height: 250px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.complete_box .board_box h2 {
  color: #333;
  font-size: 22px;
  margin: 0 0 15px;
  font-weight: 400 !important;
  line-height: 1.6
}

.complete_box .board_box p {
  font-size: 14px;
  line-height: 1.7
}

.complete_box .board_box img {
  position: absolute;
  right: -20px;
  bottom: -20px
}

/* 아이디비번 찾기 */
.find_wrap {
  overflow: hidden;
  padding: 0 10px;
  margin-bottom: 30px
}

.find_wrap .find {
  text-align: center;
  margin-top: 50px;
}

.find_wrap .find_id,
.find_pw {
  padding: 20px 20px;
  border: solid 1px #e2e2e2;
}

.find_wrap .input_wrap {
  padding: 40px 0 20px;
}

.find_wrap input[type="text"],
.find_wrap input[type="password"] {
  width: 69% !important;
  float: right
}

.find_wrap .btn {
  margin-top: 50px;
}

/* 마이페이지 회원정보수정 */
.mypage {
  padding: 0 10px 50px 10px;
}
.mypage .input_wrap{padding: 20px 0}
.mypage #lea {
  color: red !important;
  font-size: 13px;
  padding-bottom: 5px;
  border-bottom: solid 1px red;
  float: right;
  margin: 10px 0
}
.mypage .btn_wrap{
  clear: both
}

/* 회원탈퇴 */
.leave {
  padding: 40px 10px
}

.leave_form .info {
  font-size: 13px;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.8;
}

.leave_form .info b {
  color: #ff3300 !important;
  font-weight: 400 !important;
}

.leave_form .input_row input[type="text"],
.leave_form .input_row input[type="password"] {
  float: right
}

.leave_form .input_wrap {
  padding: 20px 15px;
  border: solid 1px #e2e2e2;
}
.pri_wrap{padding: 80px 10px;}
.pri_wrap>div{white-space:pre-wrap;line-height: 1.5;font-size: 17px;word-break: keep-all;}

.sub_wrap b {
  font-weight: 600 !important;
}
/* 일반페이지 */
.sub_wrap .container{padding: 0 10px
}
/* .sub_top_tit::before {
  display: inline-block;
  content: '';
  background: url('../../images/sub_tit.jpg') center center no-repeat;
  background-size: cover;
  width: 33px;
  height: 200px;
} */

/* .sub_top_tit::after {
  display: inline-block;
  content: '';
  background: url('../../images/sub_tit.jpg') center center no-repeat;
    background-size: cover;
  transform: rotate(-180deg);
  width: 33px;
  height: 200px;
} */

.sub_top_tit {
  display: flex;
  text-align: center;
  align-items: center;
  margin-bottom: 50px;
  background-color: #ffe4de;
  padding: 50px 10px !important;
  border-radius: 0 0 20px 20px;
}

.sub_top_tit h1 {
  font-size: 24px;
  display: block;
  width: 100%;
  color: #363636;
  letter-spacing: -2px;
  line-height: 1.3;
  font-weight: 300 !important
}

.sub_top_tit h1::before {
  display: none;
  content: '';
  background: url('../../images/sub_tit02.jpg?ver=250414') center center no-repeat;
  width: 24px;
  height: 20px;
  margin: 0 auto 15px;
}

.sub_top_tit h1 .green,
.sub_top_tit h1 b {
  font-weight: 600 !important;
}


.sub_banner_txt {
  text-align: center;
  background: #ff3300 url('../../images/sub_top_logo.jpg') right bottom;
  background-repeat: no-repeat;
  background-size: 35%;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
      position: relative;
      word-break: keep-all;
}

.sub_banner_txt::before {
  width: 50px;
  height: 50px;
  display: block;
  content: '';
  background: url('../../images/sub_top_arr.png') center center / cover;
  position: absolute;
    transform: rotate(90deg);
  left: calc(50% - 25px);
  top:-25px;
}

.sub_banner_txt h4 {
  font-size: 22px;
  color: #fff;
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 300 !important
}


.sub_banner_txt p {
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
  margin-top: 20px;
}

.sub_tit {
  text-align: center;
}

.sub_tit h2,.sub_tit h3 {
  position: relative;
  display: inline;
  text-align: center;
  font-size: 27px;
  color: #363636;
  font-weight: 200 !important;
  letter-spacing: -2px;
  line-height: 1.3;
  word-break: keep-all;
}
.sub_tit h3{margin-bottom: 20px;display: block}
.sub_tit b,
.sub_tit .green {
  font-weight: 600 !important;
}

/* .sub_tit h2::before {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background: #ff3300;
  border-radius: 100%;
  position: absolute;
  left: -15px
} */

.sub_tit p {
  font-size: 16px;
  margin-top: 10px;
}

.num_ul li{position: relative;overflow: hidden;}
.num_ul li + li{margin-top: 20px}
.num_ul .num_txt {
  text-align: left;
}

.num_ul .num_txt .no {
  display: inline-block;
  display: none;
  color: #fff;
  background: #ff3300;
  border-radius:0 50% 100% 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  position: absolute;
  top:-10px;
  left:-10px
}

.num_ul .num_txt h4 {
  font-size: 22px;
  color: #363636;
  line-height: 1.3;
  margin-top: 10px;
  letter-spacing: -1px;
  font-weight: 300 !important;
  text-align: center;
}

.num_ul .num_txt p {
  font-size: 16px;
  margin-top:10px;
  text-align: center;
}


.intro_wrap {
  text-align: center;
}

.intro_wrap .sub11_video h3 {
  display: inline-block;
  text-align: center;
  font-size: 30px;
  font-weight: 200 !important;
  color: #4e4a49;
  letter-spacing: -2px;
  margin-bottom: 20px;
}

.intro_wrap .intro_p {
  font-size: 16px;
}

.intro_wrap .intro_p::after {
  display: block;
  content: '';
  background: #dddddd;
  width: 1px;
  height: 30px;
  margin: 20px auto;
}
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.visi_wrap .sub_banner_txt p{
  font-family: "Nanum Gothic", "Noto Sans KR", sans-serif;
  font-size: 14px;
}

.drpage_wrap .sub_tit::after {
  display: block;
  content: '';
  background: #dddddd;
  width: 1px;
  height: 40px;
  margin: 30px auto;
}

.dr_wrap+.dr_wrap {
  padding: 20px 0;
}

.dr_flex {
  text-align: left;
}

.dr_flex .dr_img {
  width: auto;
  text-align: center;
}

.dr_flex .dr_txt {
  padding-top: 20px;
}

.dr_flex .dr_txt h5 {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 300 !important
}

.dr_txt .dr_his>div p::before {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  background: #e5c360;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: -10px;
}

.dr_his span {
  color: #c2a165;
  font-weight: 600;
  letter-spacing: 2px;
  margin-right: 20px;
  font-size: 18px;
  width: 50px;
  text-align: right;
}

.dr_his>div p {
  text-align: left;
  font-size: 16px;
  letter-spacing: -0.5px;
  padding-left: 10px;
  line-height: 1.8;
}


#dr01 #dr_his02 {
  padding: 30px 20px;
}

#dr01 #dr_his02 span {
  color: #f9cf9d !important;
}

#dr01 #dr_his02 p {
  color: #fff;
  font-size: 14px;
  padding-left: 10px
}

.dr_flex .dr_txt h5::after{
  display: block;
  content: '';
  margin:20px 0;
  border-top:solid 1px #efefef;
}

.dr_his_wrap div+div {
  margin-top: 20px;
}

/* 둘러보기 */
.tour-wrap { width: 100%; position:relative; }
.tour-wrap .bx-wrapper .bx-prev {
	left: 0;
	background:url(../../images/tour/tour_arrow.png) no-repeat;
}

.tour-wrap .bx-wrapper .bx-next {
	right: 0;
	background:url(../../images/tour/tour_arrow.png) no-repeat;
	transform:rotate(-180deg);
}

.tour-wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: calc(50% - 45px);
	outline: 0;
	width: 25px;
	height:50px;
	text-indent: -9999px;
	z-index: 1;
	background-position:center center;
  background-color: #ff3300;
    background-size:50% !important;
}
.tour-slider .bx-clone {display:none;}
.tour-wrap .bx-wrapper {
  position: relative;
  width: 100%;
  margin: 0px auto;
}
.tour_txt{
  background: #ff3300;
  text-align: center;
  padding: 10px 0
}
.tour_txt h2{
  color:#fff;
  font-size: 17px;
  font-weight: 300 !important
}
.tour-wrap #tour-pager {
  overflow: hidden;
  width: 100%;
  margin: 20px auto 30px;
  text-align: center;
}

.tour-wrap #tour-pager {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.tour-wrap #tour-pager a {
  display: block;
  width: calc(25% - 10px);
  height: 50px;
  margin-bottom: 10px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: grayscale(100%);
  filter: gray;
  cursor: pointer;
}
.tour-wrap #tour-pager a + a{margin-left: 10px}
.tour-wrap #tour-pager a:nth-child(4n+1){margin-left: 0}

.tour-wrap #tour-pager a.active {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.tour-wrap #tour-pager a.active:after {
  display: block;
  content: '';
  width: 100%;
  height: 5px;
  background: #ff3300;
  position: absolute;
  bottom: 0;
}
.ch_sel{text-align: center}
.ch_sel ul{display: inline;}
.ch_sel ul li {
  width: calc(100% / 2);
  display: inline-block;
  position: relative;
  border: solid 1px #dddddd;
  height: 50px;
  margin: 0 -2px;
  cursor: pointer;
}
.ch_sel ul li + li{margin-left: -1px}
.ch_sel ul li a {
  font-size: 16px;
  color: #363636;
  text-align: center;
  display: block;
  font-weight: 600;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
}

.ch_sel ul li.on {
  background: #ff3300 !important;
}

.ch_sel ul li.on::after {
  content: '';
  position: absolute;
  left: calc(50% - 10px);
  bottom: 5px;
  border-top: 10px solid #ff3300;
  border-left: 10px solid transparent;
  border-right:10px solid transparent;
}

.ch_sel ul li.on a {
  color: #fff;
}

.ch_cont .tab_txt {
  display: none
}

.ch_cont .tab_txt.on {
  display: block
}

/* 서류발급 */
.sub17_wrap{padding: 30px 10px}
.sub17_wrap .ch_sel ul li.on::after{bottom:-10px}
.sub17_wrap .tab_txt {
  text-align: left;
}

.sub17_wrap .tab_txt .info_submit {
  display: inline-block;
  width:auto;
  padding: 0 10px;
  margin: 10px 0 0;
  border-radius: 0;
  font-size: 18px;
  font-weight: 600;
}
.sub17_wrap .txt + h5{margin-top: 20px;}
.sub17_wrap h5{
  display: block;
  font-size: 18px;
  font-weight: 600 !important;
  color:#ff3300;
  margin-left: 13px;
  margin-bottom: 10px;
}
.sub17_wrap h5::before {
  content: '';
  display: inline-block;
  width: 5px;
  height:5px;
  border-radius: 100%;
  margin-right: 10px;
  margin-left: -12px;
  background: #ff3300;
  vertical-align: middle;
}
.sub17_wrap p{
  line-height: 1.6;
}
.sub17_wrap p + h6{margin-top: 20px;}
.sub17_wrap h6{
  display: block;
  font-size: 18px;
  font-weight: 600 !important;
  color:#c2a165;
  margin-bottom: 10px;
}
.sub17_wrap .img_section{margin: 20px 0;}
.sub17_wrap #tab_img01 .img_section{border-bottom: solid 1px #dddddd;padding-bottom: 30px;}
.sub17_wrap #tab_img01 .img_section div + div{margin-top: 20px;}
.sub17_wrap .img_section h5{display: inline-block;    vertical-align: top;margin-right: 70px;width:150px;}
.sub17_wrap .img_section img{display: inline-block}
.sub17_wrap .scroll_wrap{margin: 30px 0;}
.sub17_wrap table {
  border: 1px solid #dddddd;
    border-collapse: collapse;
  width: 1280px;
}

.sub17_wrap table thead {
  border-bottom: 1px solid #dddddd;
}

.sub17_wrap table tr:last-child td {
  border-bottom: none;
}

.sub17_wrap table th {
  font-size: 17px;
  padding: 25px 0;
  background: #f2f2f2;
  font-weight: 600 !important;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #dddddd;
}
.sub17_wrap table:not(.table_center) td:first-child{
  text-align: center;
}
.sub17_wrap .table_center td{
  text-align: center;
}

.sub17_wrap table td {
  text-align: left;
  padding: 25px;
  color: #363636;
  font-size: 17px;
  line-height: 1.7;
  word-break: keep-all;
  border: 1px solid #dddddd;
}
.sub17_wrap table td span{display: block;}
.sub17_wrap table td span::before {
  content: '-';
  display: inline-block;
  margin-right: 5px;
  margin-left: -12px;
  vertical-align: middle;
}
.sub17_wrap table .down_btn{
display: inline-block;
width:80px;
background: #ff3300;
padding: 0 5px;
color:#fff;font-size: 14px;
text-align: center;
border-radius: 20px;
margin-left: 5px;
}
.sub17_wrap #tab_img02 .cost_info {display: block;margin-top: 30px;}
.sub17_wrap #tab_img02 .cost_info ul{width:100%}
.sub17_wrap #tab_img02 .cost_info .info_submit{margin-left: 0;width:200px;height: 40px;line-height: 40px;font-size: 17px;margin-top: 20px;}
.sub17_wrap #tab_img02 .img_section h5{width:100%;}
.sub17_wrap #tab_img02 .img_section .cost_info ul li{margin-top: 10px;}
.sub17_wrap #tab_img02 .txt .info_submit02{margin-left: 0;width:auto;padding:0 5px;height: 40px;line-height: 40px;font-size: 14px;margin-right: 5px;margin-bottom: 20px;margin-top:0 !important}
.sub17_wrap #tab_img02 .txt .info_submit{margin-left: 0;margin-top: 30px;}

.popup_wrap_txt .popup{
      display: block !important;
}
.popup_wrap_txt .pop_wrap{margin-bottom: 0}
.popup_wrap_txt .btn_close{    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;}
.popup_wrap_txt .popup h3{
  font-weight: 600 !important;font-size: 20px;
}
.popup_wrap_txt .popup h4{color:#888888;margin-top: 10px;font-size: 14px}
.popup_wrap_txt .popup .text_box{border:solid 1px #dcdcdc;height:200px;overflow-y: auto;padding:20px 25px;font-size:14px;margin: 25px 0;word-break: keep-all;}
.popup .remark span{font-weight: 600}
.popup .remark p{color:#888888;word-break: keep-all;font-size: 14px}
/* 비급여 */
.cost_info {
  background: #f8f8f8;
  border: solid 1px #dddddd;
  padding: 20px 10px;
  color: #363636;
  position: relative;
  text-align: left;
  margin-top: 30px
}


.cost_info li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 5px;
  margin-left: -12px;
  background: #ff3300;
  vertical-align: middle;
}

.cost_info li {
  line-height: 25px;
  padding-left: 10px;
  font-size: 17px;
}

.cost_sea {
  margin: 30px 0 50px;
}

.cost_sea .board_search {
  text-align: center;
}
.cost_sea .board_search select{margin-bottom: 10px}
.cost_sea .board_search select + select{margin-left: 5px}
.cost_sea .board_search input[type="text"] {
  width: calc(100% - 100px);
  padding:0 10px;
  margin-left: 0
}

.cost_table span {
  text-align: left;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  color: #555
}

.cost_table span::before {
  content: '*';
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.cost_table table {
  border-top: 1px solid #ff3300;
  border-bottom: 1px solid #999;
  width: 1280px;
  border-collapse: inherit;
}

.cost_table table thead {
  border-bottom: 1px solid #999999;
}

.cost_table table tr:last-child td {
  border-bottom: none;
}

.cost_table table th {
  font-size: 16px;
  padding: 25px 0;
  background: #f2f2f2;
  color: #000;
  font-weight: 400 !important;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  line-height: 1.5
}

.cost_table table tbody tr td:last-child {
  border-right: none
}

.cost_table table tbody tr {
  border-bottom: solid 1px #dedede
}

.cost_table table td {
  text-align: center;
  padding: 25px 10px;
  color: #363636;
  font-size: 17px;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  font-weight: 600 !important;
  line-height: 1.7;
  word-break: keep-all;
}

.cost_wrap .board_page {
  position: relative;
  text-align: center;
  margin-top: 50px
}

.cost_wrap .page_prev,
.page_num,
.page_next {
  display: inline-block;
}

.cost_wrap .board_page .page_num {
  margin: 0 10px
}

.cost_wrap .board_page .page_num .now {
  color: #fff;
  background: #ff3300;
  border: solid 1px #ff3300;
  font-weight: bold;
  margin-right: 1px;
}

.cost_wrap .board_page a {
  color: #999999;
}

.cost_wrap .board_page a+a {
  margin-left: 5px
}

.map_wrap .sub_tit {
  margin-bottom: 50px;
}

.map_wrap .add {
  text-align: center;
  background: #ff3300;
  font-size: 19px;
  line-height: 1.3;
  padding: 30px 0;
  color: #fff;
}

.map_wrap p b {
  font-weight: 600 !important;
}

.map_wrap .map_info {
  padding: 40px 0;
}

.map_wrap .map_info li {
  text-align: left;
}
.map_wrap .map_info li + li{margin-top: 20px}

.map_wrap .map_info li img,
.map_wrap .map_info li div {
  display: inline-block;
}

.map_wrap .map_info li img {
  vertical-align: top;
  margin-right: 10px;
  width:70px;
}
.map_wrap .map_info li div{width:calc(100% - 90px)}
.map_wrap .map_info li div p:first-child {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}
.map_wrap .map_info li div p{font-size: 16px}
.map_wrap .map_info li div span {
  font-weight: 600;
}

.root_daum_roughmap .wrap_controllers {
  display: none
}

.sub2_tab_wrap .sub_tit img {
  margin-bottom: 20px;
}
.sub2_tab_wrap .sub_tit img[src="../../images/check.jpg"] {
  display: none;
}

.ex_ul {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size:contain;
  background-color: #d6b587;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 25%
}

.ex_ul ul {
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  padding: 10px 5px 10px 0;
}

.ex_ul ul::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #e6e6e6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.ex_ul ul li {
  font-size: 14px;
  position: relative;
  padding-left: 10px;
  word-break: keep-all;
}

.ex_ul ul li+li {
  margin-top: 5px;
}

.ex_ul ul li::before {
  display: inline-block;
  content: '';
  width: 7px;
  height: 7px;
  background: #ff3300;
  border-radius: 100%;
  vertical-align: middle;
  margin-left: -3px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 12px;
  z-index: 99;
}
.sub3_ul li{text-align: center}
.sub3_ul li + li{margin-top:20px;}

.sub3_ul p:first-of-type {
  font-size: 24px;
  font-weight: 600;
  color: #fff
}
.sub3_ul p{color:#fff;margin-top: 5px;}
.sub2_tab_wrap .sub_tit h2::before {
  display: none;
}

.sub2_tab_wrap .ch_sel ul li {
  border-radius: 100%;
  width: calc(25% - 5px);
  height: 80px;
  background: #fff;
  margin-bottom: 20px
}

.sub2_tab_wrap .ch_sel ul li+li {
  margin-left: 5px;
}
.sub2_tab_wrap .ch_sel ul li:nth-child(4n+1){
  margin-left: 0
}
.sub2_tab_wrap .ch_sel ul li a {
  font-weight: 300 !important;
  line-height: 1.3;
}

.sub2_tab_wrap .ch_sel ul li.on a {
  font-weight: 600 !important;
}

.sub2_tab_wrap .ch_sel ul li.on::after {
  bottom: -13px;
  border-top:15px solid #ff3300;
}

.sub2_tab_wrap .tab_txt {
  text-align: center;
}

.sub2_tab_wrap .tab_txt.on {
  display: block !important;
}


.sub2_tab_wrap .tab_txt .desc {
  text-align: left;
  padding-top: 20px;
}

.sub2_tab_wrap .tab_txt .desc h5 {
  font-size: 30px;
  color: #ff3300;
  font-weight: 600 !important;
  margin-bottom: 10px;
}

.sub2_tab_wrap .tab_txt .desc .medi {
  margin-top: 20px;
}

.sub2_tab_wrap .tab_txt .desc .medi span {
  color: #ff3300;
  font-weight: 600;
}

.sub2_tab_wrap .tab_txt .desc .medi p {
  line-height: 1.7;
  margin-left: 14px;
}

.sub2_tab_wrap .tab_txt .desc .medi p::before {
  display: inline-block;
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #ff3300;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: -12px;
}


.wh_tit h2,
.wh_tit p {
  color: #fff;
}

.wh_tit h2::before {
  background: #fff;
}

.sub31_wrap .ex_ul ul::before {
  background: #fff;
}

.sub31_wrap .sub3_ul p:first-of-type {
  color: #ff3300
}
.sub31_wrap .sub3_ul p{
  color:#363636
}
.sub31_wrap .sub31_4 {
  margin: 50px 0;
}

.sub31_wrap .sub31_4 .num_ul {
  padding: 120px 0;
}

.sub31_wrap .sub31_4 .num_txt {
  align-items: baseline;
  padding: 0 40px;
}

.sub31_wrap .sub31_4 .num_txt img {
  margin-top: 30px;
}
.sub4_wrap .num_ul .num_txt{background: #fff;border:solid 1px #dddddd;padding: 20px 10px}
.sub4_wrap .num_ul .num_txt h4{margin-top:0}
.sub5_wrap .sub_tit h2::before {
  display: none
}

.auto_video_panel {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.auto_video_panel video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

span.green {
  color: #ff3300
}


@media screen and (max-width: 360px) {
  .board_search select { width: 226px; margin-bottom: 20px;}
  .board_search input[type="text"] { margin-left: 0;}
}