@charset "utf-8";
/*###################################################### font ######################################################*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* icon font */
@font-face { font-family: 'fontAwesome';
	src: local('※');
	src: url(../fonts/fontawesome/fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome/fonts/fontawesome-webfont.ttf) format('truetype');
}
.fa , .fas {font-family: 'fontAwesome',sans-serif !important;font-style:normal;}
/*###################################################### font ######################################################*/
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}


/* common-area */
.mt-1-1 { margin-top: -1px !important }
.ml-1-1 { margin-left:  1px !important  }
.mr-1-1 { margin-right:  -1px !important  }

/* common font color */
.module-common .p-color01 { color: #3c425c }
.module-common .p-color02 { color: #9ea0a9 }
.module-common .p-color02::-moz-placeholder { color: #9ea0a9 }
.module-common .p-color02::-webkit-input-placeholder { color: #9ea0a9 }
.module-common .p-color02:-ms-input-placeholder { color: #9ea0a9 }
.module-common .p-color02::placeholder { color: #9ea0a9 }
.module-common .p-color03 { color: #3c5ba8 }

/* common check box */
.module-common .custom-checkbox {padding-left:2.5rem; overflow:hidden; min-height:auto;}
.module-common .custom-checkbox .custom-control-label::before {width:1.5rem; height:1.5rem; background-color:#fff; border:1px solid #b6b6b6; border-radius:50%; top:0;}
.module-common .custom-control-label::after {width:1.5rem; height:1.5rem; border-radius:50%; top:0;text-align:Center; background-image:url('/module/resources/images/module/check.jpg'); background-size:14px 8px; color:#b6b6b6; font-weight:100;}
.module-common .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { width:1.5rem;	 height:1.5rem; background-color:#3c5ba8;}
.module-common .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { width:1.5rem;	 height:1.5rem; background-color:#3c5ba8; background-image:url('/module/resources/images/module/checked.jpg'); color:#fff;}
 /* red */
.module-common .p-color04 { color: #f7214e }

/* background color */

/* navy */
.module-common .b-color01 { background-color: #3c5ba8 }
/* light-blue */
.module-common .b-color02 { background-color: #f6f8fb }
/* gray */
.module-common .b-color03 { background-color: #c0c3cb }
/* light-gray */
.module-common .b-color04 { background-color: #f5f5f5 }
.module-common  a { color: #3c425c }
/* text-indent */
.module-common .txt-indent1 { text-indent: -1rem; margin-left: 1rem }

/* border-radius */
.module-common .btn-rounded { padding: .5rem 2rem; font-size: .81rem; border-radius: 10em }

/* width */
.module-common .w-10 { width: 10% !important }
.module-common .w-15 { width: 15% !important }
.module-common .w-25 { width: 25% !important }
.module-common .w-30 { width: 30% !important }
.module-common .w-60 { width: 60% !important }

/* title */
.module-common h2 { font-size: 26px; color: #3c425c }
.module-common h2 span { font-size: 16px; font-weight: 300 }

.module_title {color:#3c425c; font-size:45px; font-weight: 400; letter-spacing: -3px;}
.module_subtitle {color:#3c425c; font-size:18px; font-weight:300;}
.module_head h2 {color:#3c425c;}
.module_head p {color:#9ea0a9; font-weight:100;}

/* content text */
.module-text p {font-size:14px; color:#8b8b8b;}

/* form style modify */
.module-common .col-form-label {font-weight:500 !important;}
.module-common .custom-file-label::after { content: none }
.module-common textarea { min-height: 300px }
.module-common .form-check-input { margin-top: .55rem; margin-left: -1.5rem }
.form-control { border-radius: 0 }
.module-common .contents {}
.module-common .contents-bottom .row { border-bottom: 1px solid #ccc }

#passwordHelpInline {color:#3c425c;}

/* Common tab style */
.module-common .nav-tabs {border-bottom:0px;}
.module-common .nav-link {letter-spacing:-1px;transition:none !important; -webkit-transition: none; -o-transition: none; border-bottom:2px solid #6f6f6f;background-color:#f5f5f5;color:#9ea0a9;border-top: 2px solid #f5f5f5;border-left: 0px;border-right: 0px;}
.module-common .nav-tabs .nav-link.active ,.module-common .nav-tabs .nav-item.show .nav-link {letter-spacing:0px;color:#3c425c !important;font-weight:bold;border-left: 2px solid #6f6f6f;border-top: 2px solid #6f6f6f;border-right: 2px solid #6f6f6f;}
.module-common .nav-tabs .nav-item { margin-bottom :0px;}
.module-common .nav-tabs .nav-link:hover, .module-common .nav-tabs .nav-link:focus {letter-spacing:0px;border-left: 2px solid #6f6f6f;border-top: 2px solid #6f6f6f;border-right: 2px solid #6f6f6f;border-bottom:0px;background-color:#fff;color:#3c425c;font-weight:bold;}

/* Common Table Style */
.module-common table th {font-weight:500;}
.module-common table th, .module-common table td { vertical-align: middle }
.module-common table { border-top: 2px solid #6f6f6f !important;table-layout:fixed;}
.module-common table a { color: #3c425c }
.module-common table td a { display:inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.module-common .page-item.active .page-link { background: transparent; font-weight: 500 }
.module-common .input-group select, .module-common .input-group input, .module-common .input-group .btn-group { margin-left: -1px !important; height: 40px !important; color: #3c425c }
.module-common select { background-image: url('/module/resources/images/module/select-box-ico.png'); background-repeat: no-repeat; background-position: 99% center }

/* common content answer */
.module-common .contents-answer-inr p {
	margin-bottom: 0
}

/* common paging */
.module-common .paging .page-link { color: #3c425c; font-weight: 300 }
.module-common .paging ul.border-0 li a { border: 0 !important }

/* Button */
.module-common .btn { font-size: 16px }
.module-common .mt-minus-35 { margin-top:-3.5rem !important }

/* border */
.border-top-2 { border-top: 2px solid #454a5e }
.border-bottom-2 { border-bottom: 2px solid #454a5e }
.inner-container {width:100%;max-width:1232px;margin:0 auto;padding-left:15px;padding-right:15px;}

/* board width */
.module-common table .width1 {width:8%;}
.module-common table .width2 {width:8%;}
.module-common table .width3 {width:13%;}
.module-common table .width4 {width:auto;}
.module-common table .width5 {width:13%;}
.module-common table .width6 {width:13%;}
.module-common table .width7 {width:13%;}
.module-common table .width8 {width:13%;}
.module-common table .width9 {width:13%;}

/* 개인정보박스 */
.write_comment .tit {font-size:13px;color:#666;font-weight:bold;}
.write_comment .privicy_box {overflow-y:scroll;height:110px;padding:12px 12px 27px 12px;border:1px solid #cccccc;}
.write_comment .privicy_box ul {margin:0;padding:0;}
.write_comment .privicy_box ul li {list-style:none;color:#666;font-size:13px;line-height:18px;}
.write_comment .privicy_box ul li ul {padding-left:10px;}
.write_comment .agree_line {margin-bottom:20px;padding:0;}
.write_comment .agree_line li {list-style:none;}
.write_comment .agree_line li input {vertical-align:middle;}
.privicy_info01 {padding:13px 0 13px 11px;margin:0 0 10px 0;border:1px solid #cccccc;color:#008000;background:#f8f8f8;}
.mb10 {margin-bottom:10px}
.ft-sz-12 {font-size:16px;}
/* PC & Tablet */
@media (min-width: 992px) {
	.module-common h1 { font-size: 45px }
	.module-common h1 span { font-size: 18px; font-weight: 300 }
	.module-common table .width1 {}
	.module-common table .width2 {}
	.module-common table .width3 {}
	.module-common table .width4 {}
	.module-common table .width5 {}
	.module-common table .width6 {}
	.module-common table .width7 {}
	.module-common table .width8 {}
	.module-common table .width9 {}
}
.color-gray {color:#9ea0a9;}
input::placeholder {color:#ababab !important;}
input.input-color:focus {color:#3e3e3e}

/* 수정사항요청 21.6.18 */
.border-lt-txtarea {display:flex;align-items: center;}
.text-left{width:100%;}
.write_comment_01 > div > img {width:100%;}

/* Tablet */
@media (max-width: 768px) {
	.module-common table {width:100%;border-top: 2px solid #6f6f6f !important;table-layout:auto;}
	.module-common table.list-type-01 .tbl-el-none {display: none !important }
	.module-common table th, .module-common table td {padding: 1rem 0 1rem .5rem; vertical-align: middle; font-size: .9rem }
	.module-common table td.tbl-title {width:100%;overflow:hidden;}
	.module-common table td.tbl-title a {width:50%;border:1px solid #333;}
	.module-common table td.tbl-title p {border:1px solid #333;display:inline-block !important;}
	.module-common .writer { position: relative }
	.module-common .writer:before { position: absolute; content: ''; width: 1px; height: 1em; right: -.7em; top: 50%; margin-top: -.45em; background: #9ea0a9 }
	.module-common .bg-head-gray { background: #f5f5f5 }
	.module-common .border-b-0 { border-bottom: 0 !important }
	.module-common.module-write .form-group .col-form-label { font-size: 0 !important }
	.module-common .input-gray {background-color:#f5f5f5 }
	.module-common .pad-L-25 { padding-left: 1.389rem !important }
	.module-common .mar-L-25 { margin-left: .45rem !important }
	.module-common .essential { position: relative !important }
	.module-common .essential:after { position: absolute; content: "*"; color: #f7214e; font-size: 14px; left: .7rem; top: .5rem; width: 1rem; height: 1rem }
	.module-common .border-xs-bottom { border-bottom: 1px solid #dee2e6 !important }
	.module-common table tr:nth-child(1) td {border-top: 2px solid #6f6f6f !important;border-bottom:1px solid #dee2e6;}
	.module-common table td a.board-txt {word-break:break-word;white-space:normal;}
	.ft-sz-12 {font-size:12px;}
}

/* Mobile */
@media (max-width: 576px) {
	.font-lt-size {font-size:1.25rem;line-height:1.25rem;}
	.font-s {font-size:0.75rem;font-weight:300;margin-top:5px;}
	.ft_s_0 { font-size: 0 !important }
	.border-lt-txtarea {overflow:hidden;    width: 300px !important;}
	.icon-lh {line-height:0;vertical-align:top;}
	.icon-lh img {line-height:0;vertical-align:top;}
	.module-common table td a.board-txt {float:left;word-break:break-word;white-space:normal;font-weight:500 !important;line-height:1.5rem;}
	.clear-bt {clear:both}
	.container {}
}

@media (max-width: 359px) {
	.pl-4-btn { padding-left: 1.8rem !important }
	.pr-4-btn { padding-right: 1.8rem !important }
}

/* Login UI */
.module-common .login_wrap { max-width: 600px; margin: 0 auto }
.module-common .login_wrap input[type="text"], .module-common .login_wrap input[type="password"] { border: none; background: #f7f8fc; padding: 0 1.5rem; height: 50px; line-height: 50px }
.btn_blue { background-color : #3c5ca9 }
.btn_gray { background-color : #c0c3cc;}
.btn_black { background-color : #3e3e3e; }

/* 추가 */
.btn_default {background-color: #f4f4f4;color: #444;border-color: #ddd;}
.btn_primary {background-color: #3c8dbc;border-color: #367fa9;}
.btn_info { background-color: #00c0ef;border-color: #00acd6}
.btn_warning { background-color: #f39c12; border-color: #e08e0b}
.btn_danger { background-color: #dd4b39; border-color: #d73925;}

.module-common .login_wrap .txt_gray { color: #a2a1a7 }
.module-common .login_wrap p { line-height: 1.4 }

.conditions_view::after {content:'\f106';font-family:'fontAwesome';}
.conditions_view.collapsed::after { content:'\f107';font-family:'fontAwesome';}

/* id search UI */
#id_search_content .b-color02 {padding:0.8rem 1.5rem; }
#id_search_content select {font-size:16px; color:#8b8b8b; height:auto;}


/* Join UI */
.join-btn { font-size:16px !important; }
.module-common .conditions-content { width:100%; height:160px; overflow-y:scroll; padding:1rem 1.5rem; border:1px solid #e2e2e2; font-size:14px; color:#3c425c;}
.custom-control-label {cursor:pointer; float:left;}
.conditions_view {font-size:14px; float:right;}


/* gallery board */
.gallery_board .list_info span {position: relative}
.gallery_board .list_info span.name {width: 19%;display: inline-block;position: relative;top: 3px;text-align: center;}
.gallery_board .list_info span:after {content:'';position: relative;width:1px;height: 12px;background-color: #ddd;display: inline-block;margin-left: 0.5rem;top: 1px;}
.gallery_board .list_info span:nth-child(3):after, .gallery_board .list_info span:last-child:after {display: none;}
.gallery_board .card {border:1px solid #eeeeee; border-radius:0px;}
.gallery_board .card-title { width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-weight:500}
.gallery_board .card-header  {padding:0; height:270px; overflow:hidden; background-color:#fff;  display:inline-flex; justify-content: center; align-items: center; border-bottom:0px; border-radius:0px !important;}
.gallery_board .text-muted {color:#9ea0a9 !Important; font-weight:100;}
@media (max-width: 1201px) {
	.gallery_board .card-header {height:210px;}
}
@media (max-width: 576px){
	.gallery_board .card-header {height:180px;}
	.gallery_board .list_info span.name {width:auto;}
}
@media (max-width: 378px) {
	.gallery_board .card-header {height:140px;}
}
.ico-new {display:inline-block;position:relative; margin-right:0.2rem; }

/* 첨부파일 */
.module-common .custom-file-label::after {content:'파일선택';position:absolute; top:0; right:0; z-index:3; display:block; height: calc(1.5em + .75rem);padding:.375rem .75rem; line-height:1.5; color:#495057; background-color:#e9ecef;}

/* 게시판 */
.module-common .name {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.module-common .view_tit {white-space: pre-line;width: 100%;overflow-wrap: break-word;text-align: center;}
.module-common .view_con {overflow-wrap: break-word;border-top:1px solid #dee2e6 !important;border-bottom:1px solid #dee2e6 !important; /*text-align: -webkit-center;*/}
.module-common .view_con p { margin-bottom:0px; }
.module-common .view_con img {max-width:100%; height:auto;}
.paging .page-item img {height:14px;position: relative;top: -2px;}

.tab_com {width:60%;;margin:15px auto 0;}
.tab_com ul {display:table;table-layout:fixed;padding:0;width:100%;}
.tab_com li {display:table-cell;padding:15px 0;text-align:center;vertical-align:middle;border:1px solid #e8e8e8;}
.tab_com li.active {background:#3d599d;}
.tab_com li a {color:#3c425c;width:100%;display:inline-block;word-wrap:break-word;font-weight:400;}
.tab_com li.active a {color:#fff;font-weight:500;}
.select_area {display:none;}
.al {background:#f7f7f7;float:right;margin:0;padding:0 10px;height:40px;line-height:40px;}
.al legend {line-height:0; font-size:0; text-indent:-1000px;margin:0;}
.al fieldset {margin:0;padding:0;}
.al input.input01::placeholder {color:#9ea0a9;font-weight:200;}
.al input.input01 {border:none;vertical-align:top;margin:0;padding:0;background:#f7f7f7;height:38px;line-height:38px;width:calc(100% - 25px);color:#333;font-size:0.875rem;}
.al input {margin:0;padding:0;}
.table-area {clear:both}
.table-top-area {margin:0.938rem 0;}
.table-top-area::after {content:"";display:block;clear:both;}
table.list {border-top:2px solid #6f6f6f;border-bottom:1px solid #adadad; width:100%;table-layout: fixed;overflow-wrap: break-word; font-family: "Noto Sans KR", sans-serif !important;}
table.list thead th {background:#f6f8fb;border:1px solid #d8dfea;text-align:center;font-size:0.938rem;color:#3c425c;font-weight:500;line-height:1.25rem;padding:15px 0;}
table.list thead th:nth-child(1),
table.list tbody td:nth-child(1) {border-left:none;}
table.list thead th:nth-last-child(1),
table.list tbody td:nth-last-child(1) {border-right:none;}
table.list tbody td {border:1px solid #eeeeee;font-size:0.938rem;color:#666;font-weight:300;padding:10px 0;}
table.list tbody tr:nth-child(1) td {border-top:1px solid #adadad;}
.table-top-b {overflow:hidden;font-family: "Noto Sans KR", sans-serif !important;}
.table-bottom-txt {display:none;}
.table-top-left {float:left;vertical-align:middle;}
.last-date {float:right;vertical-align:middle;font-weight:300;}
.title_02,
.last-date {color:#3c425c;font-family:"Noto Sans KR", sans-serif !important;}
.reply_bg {background:#f6f8fb;padding:50px;}
.view_text_title {font-size:16px;color:#3c425c;word-break: break-word;}
.view_info2 {font-size:14px;color:#9ea0a9;}
.view_info2 .section00 {margin-right:5px;}
.write_comment_01 {border-top:2px solid #454a5e;border-bottom:2px solid #454a5e;}
.vt-md {vertical-align:middle;}
@media (max-width: 1201px) {
	.table-area {width:100%}
}
@media (max-width:786px){
	.table-area {overflow-x:scroll;}
	table.list {min-width:780px;table-layout:auto;overflow-wrap:normal;}
	.table-bottom-txt {display:block;color:#666;font-size:0.813rem;margin-top:10px;text-align:left;line-height:0.813rem;}
	.icon-arrow {content:"";display:inline-block;background:url(/module/Resources/images/bg_table_txt.png) no-repeat;background-size:100%;width:25px;height:8px;margin-right:5px;}
	.table-top-b {margin:1.875rem 0 0 0;}
	.module-common .view_con {}
}
@media (max-width: 576px){
	.select_area {display:block;margin:0.625rem 0;}
	.tab_com {display:none;}
	.table-area {overflow-x:scroll;width:100%;}
	.al {width:100%;float:none;}
}
@media (max-width: 378px) {
	
}

/* 예약 상담 */
.reservation-area-top {border-bottom:1px solid #3c425c;/*padding:0 0 45px 0;*/}
.reservation-top-textarea h3 {font-size:1.875rem;color:#3c425c;line-height:2.625rem;font-weight:400;margin:0;}
.reservation-top-ltarea {margin:35px 0 0 0;padding:0 0 3% 0;}
.reservation-top-ltarea li {list-style:none;padding:0 0 0 10px;margin:0;line-height:1.5rem;position:relative;font-size:1rem;}
.reservation-top-ltarea li:before {content:"";display:block;position:absolute;top:12px;left:3px;width:2px;height:2px;background:#3c425c;}
.reservation-area-department {margin:60px 0 0 0;}
.reservation-department h4,
.reesrvation-staff h4,
.reservaition-infor h4 {font-size:1.5rem;color:#444c70;line-height:2.625rem;font-weight:500;margin:0;}

.department-lt {list-style:none;margin:20px 0 0 -10px;padding:0;display:flex;width:100%;flex-wrap:wrap;}
.department-lt li {margin:0;}
.department-lt li a {width:auto;padding:20px 25px;display:inline-block;color:#3c425c;background:#f3f3f3;font-size:1.125rem;vertical-align:middle;border:4px solid #f3f3f3;text-align:center;margin:10px 0 0 10px;height:84px;word-break:break-all;white-space:normal;}
.department-lt li.on a {font-size:1.25rem;color:#3c425c;background:#fffbf7;border:4px solid #c8a072;font-weight:500;}

.reservation-area-staff {margin:100px 0 0 0;}
.staff-lt-area {display:flex;flex-wrap:wrap;flex-direction:row;}
.staff-lt {-webkit-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;border:1px solid #eaeaea;margin:25px 0 0 2%;}
.staff-lt.on {border:4px solid #c8a072;}
.staff-lt.left {margin:25px 0 0 0 !important;}
.staff-lt .staff-con-area {margin:0 5px;}
.staff-lt .staff-select-area {display:block;margin:0;padding:0;}
.staff-lt .staff-textarea {overflow:hidden;}
.staff-con-area .staff-select-area {position:relative;padding:25px 10px 25px 40px;}
.staff-con-area .staff-select-area .select-txt {position:absolute;top:0;right:-5px;display:inline-block;color:#3c425c;font-size:1rem;background:#f3f3f3;width:120px;text-align:center;height:40px;line-height:40px;font-weight:300;}
.staff-lt.on .staff-con-area .staff-select-area .select-txt {position:absolute;top:0;right:-5px;display:inline-block;color:#fff;font-size:1rem;background:#c8a072;width:120px;text-align:center;height:40px;line-height:34px;font-weight:500}
.staff-lt.on .staff-con-area .staff-select-area .icon-on {background:url(../images/module/select_icon.png) no-repeat;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:3px;}
.staff-lt .staff-con-area .staff-select-area .staff-img {float:left;width:140px;}
.staff-lt .staff-con-area .staff-select-area .staff-img img {max-width:100%;}
.staff-lt .staff-con-area .staff-select-area .staff-txtarea {float:left;margin-left:5%;width:calc(100% - 5% - 140px);}
.staff-lt .staff-con-area .staff-select-area .staff-txtarea h4 {font-size:1.25rem;color:#3c425c;padding:0;margin:0;}
.staff-lt .staff-con-area .staff-select-area dl.information {margin:30px 0 0 0;padding:0;}
.staff-lt .staff-con-area .staff-select-area .information dt {font-size:1rem;line-height:1rem;color:#3c425c;font-weight:500;padding:0;margin:10px 0 0 0;}
.staff-lt .staff-con-area .staff-select-area .information dd {font-size:1rem;line-height:1.125rem;color:#3c425c;font-weight:300;padding:0;margin:5px 0 0 0;}

.reservation-area-date {margin:90px 0 80px 0;}
.reservation-date h4 {font-size:1.5rem;color:#444c70;line-height:2.625rem;font-weight:500;margin:0;}
.reservation-date-area {display:flex;border:1px solid #eaeaea;padding:2%;margin:20px 0 0 0;}
.reservation-date-leftarea {-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;border-right:1px solid #eaeaea}
.reservation-date-rightarea {-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;padding:5px 0 0 4%;}
.reservation-date-rightarea h5 {color:#444c70;font-size:1.125rem;}

.date-top {text-align:center;vertical-align:middle;margin:20px 0 40px 0;}
.date-top .date-now {display:inline-block;color:#444c70;font-size:1.375rem;line-height:1.375rem;padding:0 4%;}
.date-top .pre-arrow {display:inline-block;background:url(../images/module/left_arrow.gif) no-repeat;width:11px;height:19px;text-indent:-9999px;line-height:1.375rem}
.date-top .next-arrow {display:inline-block;background:url(../images/module/right_arrow.gif) no-repeat;width:11px;height:19px;text-indent:-9999px;line-height:1.375rem}
.date-table-area {padding:0 2% 0 0;}
.reservation-date-table {width:100%;}
.reservation-date-table .table-con-width {width:calc(100% / 7);}
@media screen and (min-width:0\0){
	/* Enter your style code */
	.reservation-date-table .table-con-width {width:14.28571428571429%;}
   } 
.reservation-date-table thead th {font-size:1rem;color:#3c425c;text-align:center;font-weight:400;}
.reservation-date-table tbody td {font-size:1rem;color:#3c425c;text-align:center;padding:20px 0;}
.reservation-date-table tbody td a {color:#3c425c;}
.reservation-date-table tbody td a.com {color:#d1d1d1;}
.reservation-date-table tbody td a.on {display:inline-block;background:#c8a072;color:#fff;width:50px;height:50px;line-height:50px;}
.select-date {position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0;}
.form-control {display:block;width:100%;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;color: #444c70;background-color: #f3f3f3;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.reservation-date-time select,
.select-box select {background-image:linear-gradient(45deg, transparent 50%, #444c70 50%), linear-gradient(135deg, #444c70 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);background-size:5px 5px, 5px 5px;background-repeat:no-repeat;}

.resbtn-area {margin:80px 0 80px 0;}
.btn-area-lt {text-align:center;}
.btn-area-lt span:first-child {margin-right:1%;}
.btn-area-lt .btn {padding:1% 4%;}
.btn-area-lt .btn.btn-type01 {background:#c0c3cb;color:#fff;margin:0;}
.btn-area-lt .btn.btn-type02 {background:#3c5ba8;color:#fff;margin:0;}

.reservation-write-area {border-top:1px solid #6f6f6f;border-bottom:1px solid #adadad;margin:25px 0 0 0;}
.reservation-write-area .reservation-write-list {display:flex;border-bottom:1px solid #e9e9e9;padding:10px 0;}
.reservation-write-area .reservation-write-list .reservation-wirte-l {-webkit-box-flex:0;-ms-flex:0 0 14.54545454545455%;flex:0 0 14.54545454545455%;max-width:14.54545454545455%;padding-top: calc(0.500rem + 1px);padding-bottom: calc(0.375rem + 1px);padding-left:20px;color:#444c70;}
.input-style {border:1px solid #e2e2e2;width:100%;height:38px;color:#444c70;padding:0 0 0 15px;}
.textarea-style {border:1px solid #e2e2e2;width:100%;height:auto;color:#444c70;padding:0 0 0 15px;}
.reservation-write-area .reservation-write-list .reservation-wirte-r {-webkit-box-flex:0;-ms-flex:0 0 85.45454545454545%;flex:0 0 85.45454545454545%;max-width:85.45454545454545%;padding-top: calc(0.375rem + 1px);color:#444c70;}
.reservation-write-area .reservation-write-list .reservation-wirte-l span.necessary {vertical-align:middle;color:#f7214e;padding-right:10px;}

.privacy-area-txt {padding:20px 15px;}
.privacy-area-txt h5 {color:#3c425c;font-size:1rem;margin:20px 0 0 0;}
.privacy-area-txt .privacy-box {border:1px solid #e2e2e2;padding:35px 25px;color:#3c425c;font-size:0.875em;height:150px;overflow-y:scroll;margin:10px 0 0 0;}
.privacy-check {text-align:right;margin:15px 0 0 0;}
.privacy-check .checkbox {border:1px solid #adadad;}
.privacy-check .check-label {font-size:1rem;color:#3c425c;margin:0 0 0 10px;}

.dis-flex {display:flex;}
.w-30 {-webkit-box-flex:0;-ms-flex:0 0 33%;flex:0 0 33%;max-width:33%;}
.text-hidden {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path: polygon(0 0, 0 0, 0 0);}

.reservation-seach {border:1px solid #e9e9e9;margin:20px 0 0 0;background:url(../images/module/login_bg.jpg) 10% 50% no-repeat;padding:3% 6%;}
.reservation-seach-area {width:70%;margin:0 0 0 30%;}
.reservation-seach-area .reservation-write-list {display:flex;padding:10px 0;}
.reservation-seach-area .reservation-write-list .reservation-wirte-l {-webkit-box-flex:0;-ms-flex:0 0 14.54545454545455%;flex:0 0 14.54545454545455%;max-width:14.54545454545455%;padding-top: calc(0.500rem + 1px);padding-bottom: calc(0.375rem + 1px);padding-left:20px;}
.reservation-seach-area .reservation-write-list .reservation-wirte-r {-webkit-box-flex:0;-ms-flex:0 0 85.45454545454545%;flex:0 0 85.45454545454545%;max-width:85.45454545454545%;padding-top: calc(0.375rem + 1px);}
.reservation-now-area .reservation-box {background-color:#fef8f1;text-align:center;padding:40px 0;margin:20px 0 0 0;}
.reservation-now-area .reservation-box .text-con {padding:0;margin:0;color:#444c70;font-size:1.25rem;}
.color-point {color:#c8a072}
.reservaition-infor-write {margin:60px 0 0 0;}
@media (max-width: 1201px) {
	.staff-lt {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:25px 0 0 0;}
	.staff-lt.on .staff-con-area .staff-select-area .select-txt {top:-1px;right:-6px}
	.reservation-seach-area .reservation-write-list .reservation-wirte-l {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding-top: calc(0.500rem + 1px);padding-bottom: calc(0.375rem + 1px);padding-left:20px;}
	.reservation-seach-area .reservation-write-list .reservation-wirte-r {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding-top: calc(0.375rem + 1px);}
}
@media (max-width:991px) {
    .write_comment_01 {margin-top: 30px; }
	.reservation-area-top {border-bottom:1px solid #3c425c;/*padding:15px 0 15px 0;*/}
	.department-lt {width:100%;display:table;}
	.department-lt li {float:left;width:calc(100% / 3);margin:5px 0 0 0;}
	.department-lt li:first-child {margin:5px 0 0 0;}
	.department-lt li a {display:block;width:calc(100% - 10px);height:84px;}	
	.staff-lt {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:25px 0 0 0;}
	.reservation-write-area .reservation-write-list .reservation-wirte-l {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding-top: calc(0.500rem + 1px);padding-bottom: calc(0.375rem + 1px);padding-left:20px;}
	.reservation-write-area .reservation-write-list .reservation-wirte-r {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;padding-top: calc(0.375rem + 1px);}	
/*	.btn-area-lt {text-align:left;} */
	.btn-area-lt span {width:50%;display:inline-block;}
	.btn-area-lt span:first-child {margin-right:0;}
	.btn-area-lt .btn {padding:20px 0;display:inline-block;width:100%;border-radius:0;}
	.btn-area-lt .btn.btn-type01 {background:#c0c3cb;color:#fff;margin:0;}
	.btn-area-lt .btn.btn-type02 {background:#3c5ba8;color:#fff;margin:0;}
	.reservation-seach-area .reservation-write-list .reservation-wirte-l {-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;padding-top: calc(0.500rem + 1px);padding-bottom: calc(0.375rem + 1px);padding-left:20px;}
	.reservation-seach-area .reservation-write-list .reservation-wirte-r {-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;padding-top: calc(0.375rem + 1px);}
	.reservation-area-department, .reservation-area-staff, .reservation-area-date, .reservaition-infor-write {margin:30px 0 0 0;}
}
@media(max-width:786px) {
	.reservation-date-area {flex-wrap:wrap;}
	.reservation-date-leftarea {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;border-right:none;padding:0 0 30px 0;}
	.reservation-date-rightarea {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;border-top:1px solid #eaeaea;padding:30px 0;}

	.staff-con-area .staff-select-area .select-txt {position:absolute;top:0;right:-5px;display:inline-block;color:#3c425c;font-size:1rem;background:#f3f3f3;width:40px;text-align:center;height:40px;line-height:40px;font-weight:300;text-indent:-9999px;font-size:0;}
	.staff-lt.on .staff-con-area .staff-select-area .select-txt {position:absolute;top:0;right:-6px;display:inline-block;color:#fff;font-size:1rem;background:#c8a072;width:40px;text-align:center;height:40px;line-height:40px;font-weight:500;text-indent:-9999px;font-size:0;}
	.staff-con-area .staff-select-area .select-txt .icon-on {background:url(../images/module/check_icon_off.png) no-repeat;background-size:100%;width:50%;height:50%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
	.staff-lt.on .staff-con-area .staff-select-area .select-txt .icon-on {background:url(../images/module/check_icon_on.png) no-repeat;background-size:100%;width:50%;height:50%;display:block;}

	.resbtn-area {margin:50px 0 50px 0;}

	.reservation-seach-area {width:100%;margin:0 0 0 0;}
	.reservation-seach {border:1px solid #e9e9e9;margin:10px 0 0 0;background:none;padding:2% 3%;}
	.reservation-seach-area .reservation-write-list .reservation-wirte-l {padding-left:5px;}
	.date-txt {display:block;}
	.reservation-now-area .reservation-box {padding:20px 0;margin:10px 0 0 0;}
	.reservation-now-area .reservation-box .text-con {font-size:1rem;} 
	.reservation-area-department, .reservaition-infor-write {margin:30px 0 0 0;}
	.reservation-write-area {margin:10px 0 0 0;}
	.reservaition-infor h4 {display:inline-block;}
	.reservaition-infor span.txt-con {float:right;line-height:2.625rem;}
	.reservaition-infor .necessary {vertical-align:middle;color:#f7214e;padding-right:10px;}
}
@media (max-width: 576px){
	.reservaition-infor {display:flex;justify-content: space-between;}
	.reservation-area-department,
	.reservation-area-staff,
	.reservation-area-date,
	.reservaition-infor-write {margin:30px 0 0 0;}
	.reservation-department h4,
	.reesrvation-staff h4,
	.reservaition-infor h4,
	.reservation-date h4 {font-size:1.125rem;line-height:1.5;}
	.reservaition-infor span.txt-con {font-size:0.875rem;line-height:1.5;}
	.department-lt {margin:0;}
	.department-lt li a,
	.department-lt li.on a {font-size:0.813rem;height:40px;line-height:1rem;padding:10px 0;border-width:2px;margin:3px 0 0 0;}
	.staff-con-area .staff-select-area {position:relative;padding:15px 10px 15px 20px;}
	.staff-lt {margin:15px 0 0 0;}
	.staff-lt.left {margin:15px 0 0 0 !important;}
	.reservation-date-area {margin:0 0 0 0;}
	.reservation-write-list {flex-wrap:wrap;}
	.reservation-write-area .reservation-write-list .reservation-wirte-l {-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;padding-top: calc(0.500rem + 1px);padding-bottom: calc(0.375rem + 1px);padding-left:5px;}
	.reservation-write-area .reservation-write-list .reservation-wirte-r {-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;padding-top: calc(0.375rem + 1px);}
	.reservation-write-area .reservation-write-list .reservation-wirte-l.list-col {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:20px;}
	.reservation-write-area .reservation-write-list .reservation-wirte-r.list-col {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:20px;}
	.select-box select {background-image:linear-gradient(45deg, transparent 50%, #444c70 50%), linear-gradient(135deg, #444c70 50%, transparent 50%);background-position:calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px);background-size:5px 5px, 5px 5px;background-repeat:no-repeat;}
	.resbtn-area {margin:30px 0 30px 0;}
	.staff-lt .staff-con-area .staff-select-area .staff-img {float:left;width:25%;}
	.staff-lt .staff-con-area .staff-select-area .staff-img img {max-width:100%;}
	.staff-lt .staff-con-area .staff-select-area .staff-txtarea {float:left;margin-left:5%;width: calc(100% - 30%);}
	.staff-lt .staff-con-area .staff-select-area .staff-txtarea h4 {font-size:0.813rem;color:#3c425c;padding:0;margin:0;}
	.staff-lt .staff-con-area .staff-select-area dl.information {margin:10px 0 0 0;padding:0;}
	.staff-lt .staff-con-area .staff-select-area .information dt {font-size:0.75rem;line-height:0.813rem;margin:10px 0 0 0;}
	.staff-lt .staff-con-area .staff-select-area .information dd {font-size:0.75rem;line-height:1rem;margin:5px 0 0 0;}
	.staff-con-area .staff-select-area .select-txt {position:absolute;top:0;right:-5px;display:inline-block;color:#3c425c;font-size:1rem;background:#f3f3f3;width:30px;text-align:center;height:30px;line-height:20px;font-weight:300;text-indent:-9999px;font-size:0;}
	.staff-lt.on .staff-con-area .staff-select-area .select-txt {position:absolute;top:0;right:-5px;display:inline-block;color:#fff;font-size:1rem;background:#c8a072;width:30px;text-align:center;height:30px;line-height:20px;font-weight:500;text-indent:-9999px;font-size:0;}
	.staff-con-area .staff-select-area .select-txt .icon-on {background:url(../images/module/check_icon_off.png) no-repeat;background-size:100%;width:50%;height:50%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
	.staff-lt.on .staff-con-area .staff-select-area .select-txt .icon-on {background:url(../images/module/check_icon_on.png) no-repeat;background-size:100%;width:50%;height:50%;display:block;}
	.reservation-top-textarea h3 {font-size:1.5rem;line-height:1.5;padding-bottom:3%}
	.btn-area-lt  {font-size:0.75rem;}
	.btn-area-lt .btn {padding:3% 0;}
}
@media (max-width: 378px) {
	
}
/* 의료진 */
.doctor-container .doctor-container-area {max-width:1200px;padding:0 0 12.5% 0;margin:0;}
.doctor-container-area {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap:wrap;}
.doctor-container-area .img-area {-webkit-box-flex:0;-ms-flex:0 0 35.83333333333333%;flex:0 0 35.83333333333333%;max-width:35.83333333333333%;}
.doctor-container-area .doc-text-area {-webkit-box-flex:0;-ms-flex:0 0 64.16666666666667%;flex:0 0 64.16666666666667%;max-width:64.16666666666667%;padding-left:4%;padding-top:0;}

.doctor-container-area.type-time .img-area {-webkit-box-flex:0;-ms-flex:0 0 25.3%;flex:0 0 25.3%;max-width:25.3%;}
.doctor-container-area.type-time .doc-text-area {-webkit-box-flex:0;-ms-flex:0 0 74.7%;flex:0 0 74.7%;max-width:74.7%;padding-left:4%;padding-top:2%;}
.doctor-container-area.type-time .img-area img {height:384px;}

.doctor-container-area .doc-text-area h3.doc-tit-text {font-size:2.625rem;color:#2f2f2f;margin:0;padding:0;}
.doctor-container-area .doc-text-area .doc-tit-text .doc-tit-cate {display:block;font-size:1.313rem;color:#236bae;}
.doctor-container-area.type01 .doc-text-area .doc-tit-text .doc-tit-cate {color:#b1926a}
.doc-con-tit {width:100%;border-bottom:1px solid #acacac;padding:4% 0 2%;margin:0;font-size:1.563rem;font-weight:500;color:#2f2f2f}
.doctor-container-area .doc-cont-text {width:100%;}
.doc-cont-lt-area ul {list-style:none;margin:0;padding:0;}
.doc-cont-lt-area ul li {position:relative;padding-left:20px;font-size:1.063rem;line-height:1.063rem;margin-top:2%;color:2f2f2f;}
.doc-cont-lt-area ul li:before {content:"";display:block;width:5px;height:5px;position:absolute;background:#236bae;border-radius:50%;top:7px;left:0;}
/*.doc-cont-lt-area ul li:before {background:#b1926a;}*/
.doc-cont-table {width:100%;}
.doc-cont-table .doc-con-tit {width:100%;padding:4% 0 1%;border-bottom:none;}
.doc-cont-table table {width:100%;border-top:2px solid #2f2f2f}
.doc-cont-table table .width-12 {width:12%}
.doc-cont-table table thead th {background:#e6effb;color:#2f2f2f;text-align:center;font-size:1.125rem;padding:1% 0;border-bottom:1px solid #e0e0e0}
.type01  .doc-cont-table table thead th {background:#fff6ea;}
.doc-cont-table table tbody th {background:#f2f3f4;color:#606162;text-align:center;font-size:1.063rem;padding:1% 0;border-bottom:1px solid #e0e0e0}
.type01 .doc-cont-table table tbody th {background:#f6f2ec}
.doc-cont-table table tbody td {text-align:center;font-size:1.063rem;padding:1% 0;border-bottom:1px solid #e0e0e0}
.doc-cont-table table tbody td.txt00 span {position:relative}
.doc-cont-table table tbody td.txt00 span:before {content:"";display:block;width:5px;;height:1px;background:#2f2f2f;position:absolute;left:50%;transform:translateX(-50%);}
.doc-cont-table table tbody td.txt01 span {color:#2f2f2f;}
.doc-cont-table table tbody td.txt02 span {color:#3877b1;}
.type01 .doc-cont-table table tbody td.txt02 span {color:#b1926a;}
.doc-cont-table table thead th {background:#e6effb;color:#2f2f2f;text-align:center;font-size:1.125rem;padding:1% 0;border-bottom:1px solid #e0e0e0}
.tab-menu .tab-menu-area {display:table;table-layout:fixed;margin:0;padding:0;width:100%;}
.tab-menu .tab-menu-area li {display:table-cell;border:1px solid #e8e8e8;text-align:center;vertical-align:middle}
.tab-menu .tab-menu-area li a,
.tab-menu .tab-menu-area li button{display:block;color:#3c425c;font-size:1.125rem;padding:10px 0;cursor:pointer;}
.tab-menu .tab-menu-area li button{border:0;background:0;width:100%;height:100%;}
.tab-menu .tab-menu-area li.on {background:#2c508a;}
.tab-menu .tab-menu-area.type01 li.on {background:#b1926a;}
.tab-menu .tab-menu-area li.on a,
.tab-menu .tab-menu-area li.on button{color:#fff;font-weight:bold;}
.tab-menu .tab-box {display:none;}
.tab-menu .tab-box.on {display:block;}

.ProfileMemo > div.doc-cont-text {display:none;}
.ProfileMemo > div.doc-cont-text:first-child {display:block;}
.ProfileTimeTable > div.doc-cont-text:first-child {display:none;}

.ProfileMemo > div.doc-cont-text.type02 {display:block;}
.ProfileTimeTable > div.doc-cont-text.type02 {display:none;}
@media (max-width:1200px){
	.doctor-container .doctor-container-area {max-width:1120px;}
	.tab-menu .tab-menu-area {margin:0;padding:0;width:100%;}
	.tab-menu .tab-menu-area li {float:left;width:calc(100% / 3);}
	.doctor-container-area.type-time .img-area img {height:360px;}
}
@media (max-width:991px){
	.doctor-container .doctor-container-area {max-width:960px;}
	.doctor-container-area .img-area {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.doctor-container-area .doc-text-area {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:0;padding-top:2%;}
	.doctor-container-area .doc-text-area.mobile-aera {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:4%;padding-top:2%;}
	.doctor-container-area .doc-text-area .doc-tit-text .doc-tit-cate {font-size:1.188rem;}
	.doctor-container-area .doc-text-area h3.doc-tit-text {font-size:1.75rem;}
	.doc-con-tit {font-size:1.188rem;}
	.doc-cont-lt-area ul li {font-size:1.125rem;line-height:1.5rem;}
	.doctor-container-area.type-time .img-area img {height:auto;}
	.doctor-container-area.type-time .img-area {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.doctor-container-area.type-time .doc-text-area {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:0;padding-top:2%;}
	.doctor-container-area.type-time .doc-text-area.mobile-aera {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:4%;padding-top:2%;}

}
@media (max-width:767px){
	.doctor-container .doctor-container-area {max-width:720px;}
	.doctor-container-area .img-area {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.doctor-container-area .doc-text-area {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:0;padding-top:2%;}
	.doctor-container-area .doc-text-area.mobile-aera {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:4%;padding-top:5%;}
	.doctor-container-area .doc-text-area .doc-tit-text .doc-tit-cate {font-size:1.188rem;}
	.doctor-container-area .doc-text-area h3.doc-tit-text {font-size:1.75rem;}
	.tab-menu .tab-menu-area li a,
	.tab-menu .tab-menu-area li button{color:#3c425c;font-size:0.938rem;line-height:2.125rem}
}
@media (max-width:479px){
	.doctor-container .doctor-container-area {max-width:380px;}
	.doctor-container-area .doc-text-area .doc-tit-text .doc-tit-cate {font-size:0.813rem;}
	.doctor-container-area .doc-text-area h3.doc-tit-text {font-size:1.125rem;}
	.doc-con-tit {font-size:0.813rem;}
	.doc-cont-lt-area ul li {font-size:0.688rem;line-height:0.813rem;padding-left:10px;}
	.doc-cont-lt-area ul li:before {top:3px;}
	.doc-cont-table table thead th,
	.doc-cont-table table tbody th,
	.doc-cont-table table tbody td  {font-size:0.688rem;}
	.tab-menu .tab-menu-area li a,
	.tab-menu .tab-menu-area li button{color:#3c425c;font-size:0.875rem;line-height:2.125rem}
}

.reservation-login-box .textarea-box {margin:5% 0 0 0;padding:0 0 0 1.6%;}
.reservation-login-box .textarea-box:first-child {padding:0 0 1.6% 0;}
.reservation-login-box .textarea-box h2 {font-size:1.5rem;color:#3c425c;line-height:1;}
.reservation-login-box .textarea-box .text-box {border:1px solid #e9e9e9;margin-top:20px;height:220px;position:relative}
.reservation-login-box .textarea-box .text-box .dot-list {font-size:1rem;color:#3c425c;line-height:1;margin:8px 0 0 30px;padding:0 0 0 8px;position:relative}
.reservation-login-box .textarea-box .text-box .dot-list:first-child {margin:17px 0 0 30px;}
.reservation-login-box .textarea-box .text-box .dot-list:before {content:"";display:block;position:absolute;top:7px;left:0;background:#3c425c;width:3px;height:3px;border-radius:50%;}
.reservation-login-box .textarea-box .text-box .btn-area {width:61%;padding:3% 0;background:#3c5ba8;text-align:center;position:absolute;bottom:10%;left:50%;transform:translateX(-50%)}
.reservation-login-box .textarea-box .text-box .btn-area a {color:#fff;font-size:1.125rem;font-weight:500;}
@media (max-width:991px){
	
}
@media (max-width:479px){
	.reservation-login-box .textarea-box {margin:12.5% 0 0 0;padding:0;}
	.reservation-login-box .textarea-box:first-child {padding:0 0 0 0;}
	.reservation-login-box .textarea-box h2 {font-size:0.938rem;color:#3c425c;line-height:1;}
	.reservation-login-box .textarea-box .text-box {margin-top:3%;height:130px;}
	.reservation-login-box .textarea-box .text-box .dot-list {font-size:0.688rem;margin:1% 0 0 5%}
	.reservation-login-box .textarea-box .text-box .dot-list:first-child {margin:5% 0 0 5%}
	.reservation-login-box .textarea-box .text-box .dot-list:before {content:"";display:block;position:absolute;top:5px;left:0;background:#3c425c;width:3px;height:3px;border-radius:50%;}
	.reservation-login-box .textarea-box .text-box .btn-area a {color:#fff;font-size:0.75rem;}
}
.reservation-lt {margin:2% 0 2% 0;padding:0;}
.reservation-lt li {list-style:none;border:1px solid #e9e9e9;border-bottom:none;}
.reservation-lt li:last-child {border-bottom:1px solid #e9e9e9;}
.reservation-lt li .content-box {padding:2.5% 4%;position:relative}
.reservation-lt li .content-box .text-area {}
.reservation-lt li .content-box .text-area .title {margin:0;padding:0;line-height:1;color:#444c70;font-size:1.125rem;}
.reservation-lt li .content-box .text-area .text-date {margin:1% 0 0 0;padding:0;line-height:1;color:#9ea0a9;font-size:0.813rem;}
.reservation-lt li .content-box .link-area {position:absolute;top:50%;right:3%;transform:translateY(-50%);padding-right:4%;}
.reservation-lt li .content-box .link-area:before {content:"";display:block;width:11px;height:11px;border:2px solid #9c9fad;border-top:none;border-left:none;transform:rotate(-45deg) translateY(-50%);position:absolute;top:50%;right:0;}
.reservation-lt li .content-box .link-area a {color:#444c70;position:relative;display:inline-block}
.reservation-lt li .content-box .link-area a.type01 {color:#c8a072}
.reservation-lt li .content-box .link-area a.type02 {color:#b0b0b0}
@media (max-width:991px){
	.reservation-lt li .content-box .text-area .text-date {margin:9% 0 0 0;padding:0;line-height:1;color:#9ea0a9;font-size:0.813rem;}
	.reservation-lt li .content-box .link-area {bottom:10%;top:auto;transform:translateY(0);line-height:1;}
}
@media (max-width:767px){
	.reservation-lt li .content-box .text-area .title {font-size:0.813rem;line-height:1.5}
	.reservation-lt li .content-box .text-area .text-date {font-size:0.688rem;}
	.reservation-lt li .content-box .link-area a {font-size:0.813rem;}
	.reservation-lt li .content-box .link-area:before {width:7px;height:7px}
}
/* 롤링팝업 */
.popup-rolling-layer {position:absolute;top:0;left:0;z-index:9999;width:400px;}
.popup-rolling-layer .pop_bottom {width:100%;border:1px solid #e1e1e1;overflow: hidden;background-color: #fff;}
.popup-rolling-layer .pop_bottom a {color:#2e2e2e;font-size:0.813rem;width:50%;float:left;box-sizing: border-box;text-align: center;padding:12px 0;}
.popup-rolling-layer .pop_bottom .today_close {color:#aaaaaa;border-right: 1px solid #e1e1e1;}
.popup-rolling-layer .owl-dots {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}
.owl-carousel.popup-rolling .owl-nav {position:absolute;bottom:10px;}
.popup-rolling-layer .rollingcounter {position:absolute;bottom:40px;left:50%;z-index:99;transform:translateX(-50%);color:#fff;font-size:0.813rem}
@media (max-width:991px){
	.popup-rolling-layer {position:absolute;top:40% !important;left:51% !important;width:89% !important;z-index:999999999;transform:translate(-50%,-50%);}
}

/* 로그인 */
.password-area {position:relative;display:block;margin:0;padding:0;}
.password-area .eyes {position:absolute;top:10px;right:10px;}




/*****************************************************************************************
	POPUP
****************************************************************************************/
.swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* Center slide text vertically */
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 18px;
	text-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.popupLayer {
	position: absolute;
	z-index: 99;
	left: 0;
	max-width: 100%;
}
.popupLayer .swiper-slide,
.popupLayer .swiper-slide img {
	width: 100% !important;
}
.popupLayer img {
	width: 100% !important;
}
.popupLayer .pop-util {
	display: flex;
	position: absolute;
	z-index: 2;
	bottom: 10px;
	left: 50%;
	justify-content: space-between;
	height: 25px;
	padding: 0 15px;
	border-radius: 20px;
	background: rgba(54, 56, 79, 0.5);
	transform: translateX(-50%);
	align-items: center;
}
.popupLayer .pop-util .swiper-pagination {
	position: static;
	font-size: 0.813rem;
	color: #fff;
	transform: none;
}
.popupLayer .pop-util .swiper-button-prev,
.popupLayer .pop-util .swiper-button-next {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: 30px;
	height: 25px;
	margin: 0;
	font-size: 0;
	line-height: 0;
	background: none;
	transform: none;
	cursor:pointer;
}
.popupLayer .pop-util .swiper-button-prev:after,
.popupLayer .pop-util .swiper-button-next:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -1px;
	width: 18px;
	height: 1px;
	background: #fff;
}
.popupLayer .pop-util .swiper-button-prev:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: rotate(-45deg) translateY(-50%);
}
.popupLayer .pop-util .swiper-button-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -3px;
	width: 5px;
	height: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg) translateY(-50%);
}
.popupLayer .pop-util .swiper-button-next:after {
	right: -1px;
	left: auto;
}
.popupLayer .pop-bottom {
	overflow: hidden;
	width: 100%;
	border: 1px solid #e1e1e1;
	background-color: #fff;
}
.popupLayer .pop-bottom:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
	height: 0;
}
.popupLayer .pop-bottom a {
	display: block;
	float: left;
	width: 50%;
	padding: 2% 0;
	font-size: 13px;
	text-align: center;
	color: #2e2e2e;
	box-sizing: border-box;
}
.popupLayer .pop-bottom a.today_close {
	color: #aaaaaa;
	border-right: 1px solid #e1e1e1;
}

@media (max-width: 991.98px) {
	.popupLayer {
		top: 0 !Important;
		left: 0 !important;
		width: 100% !important;
		height: auto !important;
	}
	.popupLayer img {
		height: auto !important;
	}
}
/*****************************************************************************************
	// POPUP
****************************************************************************************/

/*****************************************************************************************
	의료진 소개
****************************************************************************************/
.medical-team{padding:0 0 calc((70 / 16) * 1rem);}
.medical-team .inner ul{display:grid;gap:calc((20 / 16) * 1rem);;grid-template-columns: repeat(3, minmax(384px, 1fr));list-style:none;margin:0;padding:0;justify-content: center;}
.medical-team .inner ul li{border:1px solid #B1926A;}
.medical-team .inner ul li .staff-img{max-height:310px;overflow: hidden}
.medical-team .inner ul li .staff-img img{display:block;width:100%;max-width:100%;}
.medical-team .inner ul li .staff-info{text-align:center;}
.medical-team .inner ul li .staff-info p{
	font-size:calc((18 / 16) * 1rem);
	margin:0 0 calc((20 / 16) * 1rem);;
	line-height:1;
	&.subject{
		color:#B1926A;
		margin-top:calc((33 / 16) * 1rem);
	}
	&.name{
		font-size:calc((30 / 16) * 1rem);font-weight:500;
		margin:calc((12 / 16) * 1rem) 0 calc((30 / 16) * 1rem);
	}
	&.category{
		display: -webkit-box;
		-webkit-box-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
		-webkit-line-clamp: 2;
		margin:0 calc((40 / 16) * 1rem);
		min-height:calc((56 / 16) * 1rem);
		max-height:calc((56 / 16) * 1rem);
		line-height:1.5;
		text-overflow: ellipsis;
		overflow: hidden;
		font-weight:300;
	}
}
.medical-team .inner ul li .btn-wrap{display:grid;grid-template-columns: repeat(2, 1fr);margin-top:calc((30 / 16) * 1rem)}
.medical-team .inner ul li .btn-wrap a{
	display:block;
	padding:calc((15 / 16) * 1rem) 0;
	font-size:calc((18 / 16) * 1rem);
	text-align:center;
	font-weight:500;
	color:#000;
	text-decoration: none;
	&:nth-child(1){
		border-top:1px solid #B1926A;
	}
	&:nth-last-child(1){
		background:#B1926A;
		color:#fff;
	}
}

@media (max-width: 1480px) {
	.medical-team .inner ul{grid-template-columns:repeat(2, minmax(384px, 384px));}
}
@media (min-width: 992px) {
	.sub-container .medical-team > .inner {max-width:1200px;padding:0 0 55px 0;}
}
@media (max-width: 992px) {
	.medical-team{padding:0 0 calc((35 / 16) * 1rem)}
	.medical-team .inner ul{gap:calc((6 / 16) * 1rem);;grid-template-columns: repeat(2, minmax(calc(50% - ((6 / 16) * 1rem)), 1fr));}
	.medical-team .inner ul li .staff-img{max-height:none;}
	.medical-team .inner ul li .staff-img img{width:100%;}
	.medical-team .inner ul li .staff-info p{
		font-size:calc((11 / 16) * 1rem);
		margin:0 0 calc((7 / 16) * 1rem);
		&.subject{
			margin-top:calc((12 / 16) * 1rem);
		}
		&.name{
			font-size:calc((18 / 16) * 1rem);font-weight:500;
			margin:calc((12 / 16) * 1rem) 0 calc((12 / 16) * 1rem);
		}
		&.category{
			font-size:calc((11 / 16) * 1rem);
			margin:0 calc((10 / 16) * 1rem);
			min-height:calc((36 / 16) * 1rem);
			max-height:calc((36 / 16) * 1rem);
		}
	}
	.medical-team .inner ul li .btn-wrap{margin-top:calc((15 / 16) * 1rem)}
	.medical-team .inner ul li .btn-wrap a{
		padding:calc((8 / 16) * 1rem) 0 calc((6 / 16) * 1rem) ;
		font-size:calc((11 / 16) * 1rem);
	}
}