@charset "utf-8";

/* SEO/AEO: 크롤러·스크린리더용, 화면 레이아웃 비영향 */
.seo-section-title {
	font-size: 1.15rem;
	font-weight: 700;
	text-align: center;
	margin: 28px 0 18px;
	color: #222;
	line-height: 1.4;
}
.home-seo-intro {
	background-color: #ffffff;
	padding: 2.5rem 0 1.25rem;
	clear: both;
}
.home-seo-intro .seo-section-title:first-child {
	margin-top: 0;
}
.clinic-landing-nav {
	text-align: center;
	font-size: 0.9rem;
	line-height: 1.8;
	margin: 0 0 20px;
	padding: 0 12px;
}
.clinic-landing-nav a {
	color: #1a4f8f;
	text-decoration: none;
}
.clinic-landing-nav a:hover {
	text-decoration: underline;
}
.clinic-landing-nav-sep {
	color: #bbb;
	margin: 0 4px;
}
.seo-board-intro {
	max-width: 960px;
	margin: 0 auto 20px;
	padding: 0 16px;
}
.seo-board-list-title {
	margin: 0 auto 16px;
	max-width: 960px;
	padding: 0 16px;
}
.seo-board-page-title {
	max-width: 960px;
	margin: 0 auto 12px;
	padding: 0 16px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #1a4f8f;
	text-align: left;
}
.seo-clinic-definition {
	max-width: 960px;
	margin: 0 auto 24px;
	padding: 0 16px;
	text-align: left;
}
.seo-clinic-topic {
	font-size: 1rem;
	font-weight: 700;
	margin: 16px 0 8px;
	color: #1a4f8f;
}
.seo-clinic-definition-text {
	font-size: 0.95rem;
	line-height: 1.7;
	color: #333;
	margin: 0 0 8px;
}
.seo-utility-nav {
	margin: 12px 0 0;
	font-size: 0.9rem;
}
.seo-utility-nav a {
	color: #1a4f8f;
	text-decoration: underline;
}

.seo-sr-only,
.seo-aeo-geo {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+KR:wght@200..900&display=swap);

@font-face {
  font-family: 'NotoSansKR';
  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: 'NotoSansKR';
  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: 'NotoSansKR';
   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: 'NotoSansKR';
   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: 'NotoSansKR';
   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: 'NotoSansKR';
   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: 'S-CoreDream-1';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-2';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-8';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-9';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
/* gmarket sans 폰트 */
/*@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');*/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'GmarketSansBold'; 
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
}

html {scroll-behavior: smooth;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
body,th,td,input,select,textarea,button {font-size:16px;/*line-height:1;*/font-family:'Nanum Gothic', sans-serif;color:#333}
/*body,th,td,input,select,textarea,button {font-size:14px;line-height:1;font-family: 'NotoSansKR', sans-serif;color:#333}*/
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
img,input,textarea,fieldset{border:0 none;outline:none}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width: 100%;}
body {
	/*폰트 최적화*/
	font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
	/*-webkit-text-size-adjust:none*/
}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
/*body {background:#fff}*/
a {color:#333;text-decoration:none;outline: none;}
a:active, a:hover {color:#333;text-decoration:none;outline: none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
legend,caption{display: block;overflow: hidden;visibility: hidden;width: 0 !important;height: 0 !important;line-height: 0 !important;font-size: 0 !important}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

input[type='text'],input[type='date'], input[type='password'],input[type='tel'],input[type='email']{position: relative;-webkit-appearance:none;}
input[type="radio"]{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-position: -110px -25px ;background-image:url(/images/ico_side.png);background-repeat: no-repeat;background-size:200px 100px; background-color:#fff;}
input:checked[type="radio"]{width:20px;height:20px;background-position: -110px 0px ;background-image:url(/images/ico_side.png);background-repeat: no-repeat;background-size:200px 100px;}
input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:20px !important;height:20px;border:none !important;border-radius:0;background-image:url(/images/ico_member.png); background-position: 0 0; background-repeat: no-repeat;background-size:300px 200px; }
input:checked[type="checkbox"]{-webkit-appearance:none;appearance:none;width:20px !important;height:20px;border:none !important;border-radius:0;background-color:#fff;background-image:url(/images/ico_member.png); background-position: 0 -20px; background-repeat: no-repeat;background-size:300px 200px;}
input[type="text"],input[type='date'],input[type="password"],input[type='tel'],input[type='email']{border:1px solid #ccc;color:#333;height: 28px;text-indent: 10px}

.f_l {float: left;}
.f_r {float: right;}

/* 공통 영역 - btn color */
.btn_gray2{background: #3f4148 !important;color: #fff !important;text-align: center;}
.btn_black{background: #595757 !important;color: #fff !important;text-align: center;}
.btn_brown{background: #003377 !important;color: #fff !important;text-align: center;}
.btn_brown2{background: #003377 !important;color: #fff !important;text-align: center;width:7rem;height:3rem;line-height:3rem;text-decoration:none;border:1px solid #003377;vertical-align:middle;background:#003377;text-align:center;display:inline-block;}
.btn_white{background: #fff !important;color: #4a4a4a !important;text-align: center;border: 1px solid #4a4a4a;}
.btn_white2 a{display: block;background: #fff !important;color: #4a4a4a !important;text-align: center;border: 1px solid #4a4a4a;}
.btn_blue a{display: block;background: #fff !important;color: #1487ca !important;text-align: center;border: 1px solid #1487ca;}
.btn_none{display:none;}
.btn_box a{display:block;height: 40px;line-height: 40px;text-align: center;font-size: 16px}
.btn_box input{display:block;height: 40px;line-height: 40px;text-align: center;font-size: 16px}

.btn_blue2 a{background: #007dc6;color: #fff;}
.btn_gray a{background: #23272d;color: #fff;}
.btn_gray input{background: #23272d;color: #fff;}
.btn_gray3 a{background: #aeaeae;color: #fff;}
.btn_box2 a{display:block;height: 40px;line-height: 40px;text-align: center;font-size: 16px;margin: 20px;}
.btn_box2 em img{width:24px;vertical-align: middle;margin-right: 5px;}

.btn_box3 a{display:block;height: 40px;line-height: 40px;text-align: center;font-size: 16px;margin: 20px 0 0;}
.btn_box4 a{float: right;width: 49%;height: 40px;background: #007dc6;color: #fff;line-height: 40px;text-align: center;font-size: 16px;margin: 20px 0 0;}
.btn_box4 a:first-child{float: left;background: #4a4a4a;color: #fff;}
.alert_text{font-size: 14px;line-height: 20px;text-align: center;}

.text_box{border-bottom: 1px solid #d6d6d6;padding-bottom: 10px;margin-bottom: 10px;}
.text_box p{font-size: 18px;color: #333;padding-bottom: 10px;}
.text_box span{font-size: 14px;color: #999;line-height: 16px}

.btn_tb_wrap{overflow: hidden;position: relative;margin-top: 10px;margin: 20px auto 0;width: 150px;}
.btn_tb_wrap p a{display:block;box-sizing:border-box;height: 35px;line-height: 35px;text-align: center;font-size: 14px}
.btn_tb_wrap p input{display:block;box-sizing:border-box;height: 35px;width: 150px;line-height: 35px;text-align: center;font-size: 14px;cursor: pointer;}
.btn_tb_wrap span a{display:block;box-sizing:border-box;height: 35px;line-height: 35px;text-align: center;font-size: 14px}
.btn_tb_wrap p{float: left;width: 100%;text-align: center;}
.btn_tb_wrap p.first a{margin-right: 5px;}
.btn_tb_wrap p.last a{margin-left: 5px;}


/* layer pop */
.pop_search{display:relative ;position: absolute;left: 0;top: 40px;width: 100%;z-index: 2000}
.pop_search>.inner{position:relative;z-index:2000;width:500px;margin:0 auto;}
.pop_search .pop_detail{position: absolute;width: 100%;top: 100px;z-index: 2000}
.pop_search .pop_detail h2{font-size: 26px;color: #668bde;overflow: hidden;background: #ffffff;padding: 10px 48px 10px 20px;font-weight: normal;line-height: 22px;letter-spacing: -1px;padding: 60px 30px 12px;height: 30px;text-align:center;}
.pop_search .pop_detail h2:after{display:block;content:"";position:absolute;width:40px;border-bottom: 1px solid #6194e3;margin-top:20px;margin-left:38%;}
.pop_search .pop_detail h2 img{vertical-align: middle;margin-right: 10px;width: 15px;width: auto}
.pop_search .pop_detail .close{display: block;position: absolute;right: 30px;top: 10px;}
.pop_search .pop_detail .close img{width:20px }
.pop_search .deem{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
.pop_search .pop_detail .pop_in{margin:0 10px;background: #fff;}
.pop_search .pop_detail .con{padding: 10px;overflow: hidden;}

.pop_search{top: 32px;}
.pop_search .pop_detail .close{display: block;position: absolute;right: 30px;top: 20px;}
.pop_search .pop_detail .close img{width:28px }
.pop_search .pop_detail .con{padding: 30px;}
.pop_search .pop_detail .btn_tb_wrap p a{line-height: 42px !important;height: 42px !important;}

/* board write */
.table_write table{width:100%;}
.table_write table th{text-align: left;width:85px;/*background: #f8f8f8;*/color: #23272d;font-size: 16px;vertical-align: middle;padding: 10px 0 10px 15px;font-family: 'Heebo Light';}
.table_write table td{font-size: 12px;color:#666;line-height: 16px;padding: 10px 15px;}
.table_write table td input[type="text"]{box-sizing:border-box;font-size:12px;width: 100%;}
.table_write table td textarea{border: 1px solid #d6d6d6;width: 100%;height: 150px;border-radius:0;box-shadow:none;-webkit-appearance:none;}

/* 공통 영역 - color */
.color_blue_1 {color: #4f77c1 !important;}
.color_red_1 {color: #e57d7d !important;}
.color_yellow_1 {color: #f9f595 !important;}
.color_white_1 {color: #ffffff !important;}
.color_brown_1 {color: #643507 !important;}
.color_brown_2 {color: #685342 !important;}
.color_brown_3 {color: #9f5b1a !important;}

.b_color_custom_1 {background-color: #fce5cd !important;}
.b_color_custom_2 {background-color: #f9cb9c !important;}
.b_color_custom_3 {background-color: #e69138 !important;}



/* 공통 영역 - 여백 */
/*
.m_t_1 {margin-top:1rem}
.m_b_1 {margin-bottom:1rem}
*/

/* 공통 영역 - 가로 % */
.w_p_10 {width: 10% !important;}
.w_p_15 {width: 15% !important;}
.w_p_20 {width: 20% !important;}
.w_p_25 {width: 25% !important;}
.w_p_30 {width: 30% !important;}
.w_p_35 {width: 35% !important;}
.w_p_40 {width: 40% !important;}
.w_p_45 {width: 45% !important;}
.w_p_50 {width: 50% !important;}
.w_p_60 {width: 60% !important;}
.w_p_70 {width: 70% !important;}
.w_p_75 {width: 75% !important;}
.w_p_80 {width: 80% !important;}
.w_p_90 {width: 90% !important;}
.w_p_100 {width: 100% !important;}

.text_l {text-align: left !important;}
.text_r {text-align: right !important;}
.text_c {text-align: center !important;}

.m_p_40 {margin: 40% auto 0 !important;}
.m_p_50 {margin: 50% auto 0 !important;}
.m_p_60 {margin: 60% auto 0 !important;}
.m_p_70 {margin: 70% auto 0 !important;}

.p_t_r_1_8 {padding-top: 1.8rem !important;}
.p_t_r_3 {padding-top: 3rem !important;}

.m_p_l_6 {margin-left: 6%;}

.f_b {font-weight: bold;}
.reset {clear: both !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;padding: 0 !important;margin: 0 !important;}

.img-mobile { display: block; }
.disp-mobile-sec {display: block;}

.img-pc { display: none; }
.disp-mobile-sec {display: block;}	


.Ellipse-3 {display:block;position:absolute;width: 0.313rem;height: 0.313rem;background-color: #4f77c1;border-radius:1rem;margin-top: 1rem;}

.gnb_wrap{display: none;}
.flag_wrap{display: none;}
.all_menu{display: none;}
.all_menu.active{display: none;}
.btn_top{display:none;position:fixed;bottom:20px;right:10px;width:45px;height:45px;background:url(/images/ico_top.png) no-repeat 0 0;text-indent:-9999px;background-size:45px 45px;z-index:1000;}
.inner{position: relative;}

.contents-control { display: flex; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1rem; z-index: 8; }
/*@media (max-width: 1366px) { 
	.contents-control {bottom: 1rem;}
}*/
.swiper-button-prev { left: 3.2rem; width: 5.4rem; height: 5.4rem; }
.swiper-button-prev:after { content: ''; width: 5.4rem; height: 5.4rem; background-image: url("/images/ico_arrow_left_withe.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.5; }
.swiper-button-prev:hover::after { opacity: 1; }
.swiper-button-next { right: 3.2rem; width: 5.4rem; height: 5.4rem;}
.swiper-button-next:after { content: ''; width: 5.4rem; height: 5.4rem; background-image: url("/images/ico_arrow_right_withe.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.5; }
.swiper-button-next:hover::after { opacity: 1; }
.swiper-pagination { position: relative; left: 0; bottom: 0; }
.swiper-pagination-bullet { width: 5.125rem; height: 0.125rem; margin: 0 1rem 0 0 !important; background-color: #ffffff; opacity: 1;border-radius:0; }
.swiper-pagination-bullet-active { background-color: #41adf1; border: none; }

/*######################
## popup
/*#####################*/
.popupLayer {position:absolute; z-index:2;}
.popupLayer .popupBody {position:relative; overflow:hidden; line-height:0;}
.popupLayer .popupBody a {display:block; line-height:0;}
.popupLayer--image .popupBody img,
.popupLayer--image .popupMoveLink img,
.popupLayer .popupLayer-img {max-width:100%; width:100%; height:auto; display:block; object-fit:contain;}
.popupLayer .btnWrap {position:relative; display:flex; align-items:center; justify-content:space-between; background:#1B1B1B; height:auto; min-height:32px; color:#ffffff; margin-top:0; padding:5px 8px 5px 10px; box-sizing:border-box; overflow:hidden;}
.popupLayer .btnWrap .popupReject {font-size:14px; padding:4px 8px 4px 0; display:block; flex:1; background:none; border:0; color:#fff; text-align:left; cursor:pointer;}
.popupLayer .btnWrap .popupReject .txt {cursor:pointer; font-size:14px; line-height:1.3;}
.popupLayer .popupClose {position:relative; top:auto; right:auto; cursor:pointer; border:0; width:28px; height:28px; flex:0 0 28px; display:flex; align-items:center; justify-content:center; background:none; padding:0; margin:0;}
.popupLayer .popupClose .ico {display:block; font-size:18px; line-height:1; color:#fff; font-weight:300; margin-top:-1px;}
.popupLayer .popupClose img {width:16px !important; height:auto !important; display:block;}
@media (max-width:1366px) 
{
	/*.popupLayer {width:100% !important;height:auto !important;left:0 !important;}*/
	.popupLayer {width:95% !important;height:auto !important;left:2.5% !important;}
	.popupLayer .popupBody img,
	.popupLayer .popupMoveLink img {width:100% !important;}
}


/*.quickWrap {position:fixed; bottom:5rem; right:0; z-index:100;}
.quickWrap li {margin-bottom:0.5rem;}
.quickWrap img {width:75px;height:75px;}
.quickWrap .return-top {cursor:pointer;}*/

.slick-slider {margin-bottom: 0;}



/*#############################
###### Board ###################
###############################*/
.boardArea .categoryWrap { margin:0 auto; padding:10px 15px}
.boardArea .categoryWrap li {display:inline-block;width:32%;}
.boardArea .categoryWrap li img {width:100%;}



.boardList_counsel em {font-size:11px; font-style:normal; padding-left:4px}


/*.boardArea .boardList {}*/
.boardArea .boardList .listTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.boardArea .boardList .listTB img {vertical-align:middle}
.boardArea .boardList .listTB .active {background:#FFF9E5}
.boardArea .boardList tr:first-child {border-top:1px solid #a9a9a9}
.boardArea .boardList tr {border-bottom:1px solid #EAEAEA}
/*.boardArea .boardList td {border-bottom:1px solid #EAEAEA}*/
.boardArea .boardList td .noti {font-weight:bold; padding-right:5px}
.boardArea .boardList td .txt {display:inline-table; margin-right:2px}


.boardArea .boardList a {display:block; padding:/*10px 15px*/10px 0px 10px 5px;}
.boardArea .boardList .listTC {width:90%; border-collapse:collapse; border-spacing:0; border:0;margin: 0 auto;}
.boardArea .boardList .listTC img {vertical-align:middle}
.boardArea .boardList .listTC .active {background:#FFF9E5}
.boardArea .boardList .listTC td {color:#000;}
.boardArea .boardList .listTC a span {font-size:14px; line-height:20px; display:inline;text-align:center;}
.boardArea .boardList .listTC a span.noti {display:inline}
.boardArea .boardList .listTC a span.info {font-size:12px; display:inline}

.boardArea .boardList a span {font-size:14px; line-height:20px; display:block;text-align:center;}
.boardArea .boardList a span.noti {display:inline-block}
.boardArea .boardList a span.info {font-size:12px; display:block}

.boardArea .boardList a span.thumb {float:left; width:20%; margin-right:15px}
.boardArea .boardList a span.thumb_gall {padding-bottom:10px}
.boardArea .boardList td.empty {text-align:center; height:50px}
.boardArea .boardList em {font-size:12px; font-style:normal; padding-left:0px}


.boardArea .boardList_counsel .listTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.boardArea .boardList_counsel .listTB img {vertical-align:middle}
.boardArea .boardList_counsel .listTB .active {background:#FFF9E5}
.boardArea .boardList_counsel tr:first-child {border-top:1px solid #454545}
.boardArea .boardList_counsel tr {border-bottom:1px solid #EAEAEA}
.boardArea .boardList_counsel td {/*border-bottom:1px solid #EAEAEA;*/}
.boardArea .boardList_counsel td .noti {font-weight:bold; padding-right:5px}
.boardArea .boardList_counsel td .txt {display:inline-table; margin-right:2px}


.boardArea .boardList_counsel a {display:block; padding:10px 15px; position:relative}
.boardArea .boardList_counsel a span {font-size:14px; line-height:20px; display:block}
.boardArea .boardList_counsel a span.noti {display:inline-block}
.boardArea .boardList_counsel a span.subject {padding-right:70px}
.boardArea .boardList_counsel a span.info {font-size:12px; display:block}
.boardArea .boardList_counsel a span.replayStatus {position:absolute; top:40%; right:15px}
.boardArea .boardList_counsel a span.replayStatus img {height:20px}
.boardArea .boardList_counsel td.empty {text-align:center; height:50px}
.boardArea .boardList_counsel em {font-size:12px; font-style:normal; padding-left:0px}


.boardArea .list_prevNext {padding-bottom:0px}
.boardArea .list_prevNext .title_list {border-bottom:1px solid #EAEAEA}
.boardArea .prevList {position:relative; padding-left:80px}
.boardArea .prevList dt {position:absolute; left:10px; top:15px}
.boardArea .prevList a.fa-angle-up::before {content:"\f106"; margin-right:5px}
.boardArea .prevList dd a {display:block; padding:15px 15px 15px 0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.boardArea .nextList {position:relative; padding-left:80px}
.boardArea .nextList dt {position:absolute; left:10px; top:16px}
.boardArea .nextList a.fa-angle-down::before {content:"\f107"; margin-right:5px}
.boardArea .nextList dd a {display:block; padding:15px 15px 15px 0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}


.boardArea .listTB_faq {border-collapse:collapse; border-top:1px solid #a9a9a9}
.boardArea .listTB_faq .empty {padding:10px 0}

.boardArea .listTB_faq img {height:25px;}

.boardArea .listTB_faq .qTB {padding:0 15px; width:100%; border-bottom:1px solid #EAEAEA}
.boardArea .listTB_faq .qTB .col01 {width:35px}
.boardArea .listTB_faq .qTB tr {/*border-bottom:1px solid #454545;*/}
.boardArea .listTB_faq .qTB td:first-child {padding:10px 5px 10px 0px}
.boardArea .listTB_faq .qTB td:last-child {padding-left:0px}

.boardArea .listTB_faq .aTB {padding:0 15px; border-bottom:1px solid #EAEAEA}
.boardArea .listTB_faq .aTB .col01 {width:40px}
.boardArea .listTB_faq .aTB td:first-child {padding:10px 0px 10px 25px}
.boardArea .listTB_faq .aTB td:last-child {padding-left:10px}


.boardView .title {font-size:15px; padding:8px 15px}
.boardView .subject {display:block; line-height:20px; font-size:16px;color:#000; font-weight:600}

.boardView .title .info {display:block; padding:5px 0 0 0; font-size:13px;color:#000;}

.boardView .contents {padding:20px 15px; border-bottom:1px solid #EAEAEA}
.boardView .contents img {width:100%}

.boardView .attachFile {text-align:center; margin-bottom:10px}
/*.boardView .attachFile img {width:fit-content; }*/


.boardView .attachTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.boardView .attachTB .col01 {width:90px}
.boardView .attachTB tr {border-bottom:1px solid #e4e4e4}
.boardView .attachTB td {padding:10px 0; text-align:left; padding-left:15px}



/*#######################################
##### counsel Reply ####################
########################################
*/
.boardView_counsel .title {background:#EAEAEA; font-size:15px; padding:8px 15px}
.boardView_counsel .subject {display:block; line-height:20px; font-size:18px; font-weight:600}

.boardView_counsel .title .info {display:block; padding:5px 0 0 0; font-size:11px}

.boardView_counsel .contents {padding:10px 15px 10px 15px; border-bottom:1px solid #EAEAEA}
.boardView_counsel .contents img {width:100%}

.boardView_counsel .contents_reply .replyTitle {background:#494949; height:30px; color:#ffffff; text-align:center; padding-top:15px; font-weight:600; font-size:14px}
.boardView_counsel .contents_reply .reply {padding:0 15px 10px 15px; border-bottom:1px solid #EAEAEA}

.boardView_counsel .replyWrap {border-bottom:1px solid #EAEAEA}
.boardView_counsel .replyWrap p.title {text-align:center}
.boardView_counsel .replyWrap .reply_content {padding:10px 15px}
.boardView_counsel .attachFile {text-align:center; margin-bottom:10px}
.boardView_counsel .attachFile img {width:fit-content}


/*#######################################
##### view btn ####################
########################################*/
.write_view {display:none}
.write_view p.txt {margin:0 auto; margin:15px; padding:10px; text-align:center; background:#e4e4e4; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 2px solid #808080; border-bottom: 2px solid #808080}
.writeWrap {/*border-bottom:1px solid #EAEAEA;*/}
.writeWrap .writeTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.writeWrap .writeTB caption {padding:20px 0; text-align:left; padding-left:15px; font-weight:bold; border-bottom:1px solid #454545; font-size:16px}
.writeWrap .writeTB .col01 {width:18%}
.writeWrap .writeTB tr th:first-child {border-top:1px solid #454545}
/*.writeWrap .writeTB tr {border-bottom:1px solid #e1e3e4}*/
.writeWrap .writeTB tr th {padding:10px 0 0 0; text-align:left; padding-left:15px; font-weight:bold; font-size:14px}
.writeWrap .writeTB td {padding:10px 15px 15px; border-bottom:1px solid #e1e3e4}
/*.writeWrap .writeTB td:first-child {padding:10px 0; text-align:left; padding-left:15px; font-weight:bold}
.writeWrap .writeTB td:last-child {padding-left:5px}*/
.writeWrap .writeTB select {font-size:14px}
/*.writeWrap .writeTB input[type="checkbox"] {margin-right:3px}*/
.writeWrap .writeTB .fileCheck {margin-top:5px; display:inline-block}
/*
#writeTB {width:100%; border-spacing:15px 10px}
#writeTB td:first-child {width:18%}

#writeTB .policy {border-bottom:1px solid #EAEAEA}
*/

.writeWrap .btnArea {padding-top:20px; text-align:center}
.writeWrap .btnArea img {height:30px}
.writeWrap .btnArea .write {width:60px; height:35px; color:#ffffff; text-align:center; margin-right:5px}
.writeWrap .btnArea .cancel {width:60px; height:35px; background:#656565 !important; color:#ffffff; text-align:center}

.btnWriteWrap {padding-top:15px; margin-right:15px; text-align:right}
.btnWriteWrap img {height:30px}
.btnWriteWrap .btnWrite {width:70px; height:35px; line-height:35px; background:#464F56; color:#ffffff; display:inline-block; text-align:center}

.btnView {padding:10px 15px 20px 0; text-align:right}
.btnView img {height:30px}

.btnView .btnList {width:60px; height:35px; line-height:35px; background:#003377; color:#ffffff; display:inline-block; text-align:center}
.btnView .btnDel {width:60px; height:35px; line-height:35px; background:#003377; color:#ffffff; display:inline-block; text-align:center}

.btnConfirm {padding-top:20px; text-align:center}
.btnConfirm img {height:30px}


/*#######################################
##### secret ####################
########################################*/
.secretWrap {margin:0 auto; text-align:center; padding:30px 15px 0}
.secretWrap .secret { background:#f7f7f7}
.secretWrap p.title {padding:10px 0; border-bottom:1px solid #e7e7e7}
.secretWrap .secretTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.secretWrap .secretTB td {padding:20px 0}
.secretWrap .btnSecret {padding:20px 0}
.secretWrap .btnSecret .cancel {background:#656565 !important}
.secretWrap input[type="password"] {width:70%; }
.secretWrap input[type="submit"] {width:70px; height:35px; cursor:pointer}
.secretWrap input[type="button"] {width:70px; height:35px; cursor:pointer; margin-right:5px}

/*
#deleteTB {width:100%; }
#deleteTB td {padding:10px; border-bottom:1px solid #EAEAEA}
#deleteTB td:first-child {width:22%}
#deleteTB td:last-child {padding-left:5px; font-weight:600}

#deleteBtn {padding-top:10px}
*/
.deleteWrap {margin:0 auto; /*padding-top:50px;*/}
.deleteWrap p.title {padding:15px 0; border-top:1px solid #454545; border-bottom:1px solid #e7e7e7; text-align:center}

.deleteWrap .deleteTB {width:100%; padding-top:20px; border-collapse:collapse; border-spacing:0; border:0}
.deleteWrap .deleteTB .col01 {width:18%}
.deleteWrap .deleteTB tr th {padding:10px 0 0 0; text-align:left; padding-left:15px; font-weight:bold; font-size:14px}
/*.deleteWrap .deleteTB tr {}*/
.deleteWrap .deleteTB td {padding:10px 15px; border-bottom:1px solid #e1e3e4}
/*.deleteWrap .deleteTB td:nth-child(2) {font-weight:700}*/
.deleteWrap .btnDelete {padding:20px 0; text-align:center}
.deleteWrap .btnDelete .cancel {background:#656565 !important}
/*.deleteWrap input[type="password"] {width:150px; height:30px})*/
.deleteWrap input[type="submit"] {width:70px; height:35px; cursor:pointer}
.deleteWrap input[type="button"] {width:70px; height:35px; cursor:pointer; margin-right:5px}

#secretTB {width:100%; }
#secretTB td {padding:10px; border-bottom:1px solid #EAEAEA}


#secretBtn {padding-top:10px}


/*#######################################
##### comment ####################
########################################*/
/*.commentWrap {padding:0 15px 0 15px}*/

.commentWrap {margin:0px}
.commentWrap p.title {font-weight:700; border-bottom:1px solid #a9a9a9; padding:0 15px 15px}
.commentWrap .col01 {width:80px}
.commentTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.commentTB span {display:block}
.commentTB td {padding:10px 15px; border-bottom:1px solid #e4e4e4}
.commentTB .user {padding-bottom:5px; display:inline-block}
.commentTB p.date {font-size:12px; display:inline-block}
.commentTB .comment {padding-right:5px}
.commentTB img {vertical-align:middle}

.commentTB_write {width:100%; border-collapse:collapse; border-spacing:0; border:0; /*margin:20px 15px 20px 15px;*/}
/*.commentTB_write .col01 {width:90%}
.commentTB_write td:last-child {text-align:right}*/
.commentTB_write td {padding:20px 15px 0}
.commentTB_write textarea {width:100%; height:80px; border:1px solid #808080; background-color:#FFFFFF}

.commentWrap .btnCmtWrap {padding:0 15px 0; padding-bottom:20px}
.commentWrap .btnCmtWrap .btnCmt {width:100%; background:#464F56; text-align:center}


/*##############################################
## counselWrap
##############################################*/
.counselWrap {width:100%; margin:0 auto}
.counselWrap p.title {font-size:20px; font-weight:400; padding:15px 15px; border-bottom:1px solid #a9a9a9}
.counselWrap #infoTB {width:100%; border-collapse:collapse; border-spacing:0px; border:0px}
.counselWrap #infoTB tr th {padding:10px 0 0 0; text-align:left; padding-left:15px; font-weight:bold; font-size:14px}
.counselWrap #infoTB td {padding:10px 15px 15px; border-bottom:1px solid #e1e3e4}
.counselWrap #infoTB input[type="radio"] {margin-right:3px; vertical-align:middle}
.counselWrap #infoTB label {margin-right:10px; cursor:pointer}
.counselWrap #infoTB select {padding-left:10px}
.counselWrap .btnCostWrap {padding:4% 0 6%; text-align:center;}
.counselWrap .btnCostWrap input[type="button"] {padding:0px 8px;}
#clear {content:""; display:block; clear:both}

/*##############################################
## reserve
##############################################*/
.reserveWrap {width:100%; margin:0 auto}
.reserveWrap p.title {font-size:20px; font-weight:400; padding:15px 15px; border-bottom:1px solid #a9a9a9}
.reserveWrap #infoTB {width:100%; border-collapse:collapse; border-spacing:0px; border:0px}
/*.reserveWrap #infoTB .col01 {width:100px}*/
.reserveWrap #infoTB tr th {padding:10px 0 0 0; text-align:left; padding-left:15px; font-weight:bold; font-size:14px}
/*.reserveWrap #infoTB tr {1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}*/
.reserveWrap #infoTB td {padding:10px 15px 15px; border-bottom:1px solid #e1e3e4}
.reserveWrap #infoTB input[type="radio"] {margin-right:3px; vertical-align:middle}
.reserveWrap #infoTB label {margin-right:10px; cursor:pointer}
.reserveWrap #infoTB select {padding-left:10px}


.reserveWrap .reserveDT {padding:0px}
.reserveWrap .reserveDT span {margin-right:10px}
.reserveWrap .reserveDT div.date {float:left}
.reserveWrap .reserveDT div.time {float:right}
.reserveWrap .reserveDT select {padding-left:10px}

.reserveWrap .btnReserveWrap {padding-top:20px; text-align:center}
.reserveWrap .btnReserveWrap .btnReserve {width:100px; height:35px; background:#00c3b3; color:#ffffff; text-align:center}
.reserveWrap .btnReserveWrap img {cursor:pointer}

#clear {content:""; display:block; clear:both}

/*#############################
###### member ###################
###############################*/
.loginWrap {/*padding:0 15px 0 15px;*/}
.loginWrap .login {width:100%}
.loginWrap .loginTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.loginWrap .loginTB td {padding:0 0 15px}
/*.loginTB td {color:#000000}*/
.loginWrap .loginBtn {width:100%; padding:0 0 10px}

.loginWrap .infoBtn {width:100%; padding-top:0px; /*border-top:1px solid #EAEAEA;*/}
.loginWrap .infoBtn .agree {width:49%; margin-right:2%}
.loginWrap .infoBtn .lost {width:49%}

.loginWrap .blankLine {margin-top:15px; padding-top:15px; border-top:1px solid #EAEAEA}
.loginWrap .social_login {background:#1EC800; text-align:center; }
.loginWrap .social_login img {height:45px}



.agreeWrap {/*padding:0 15px;*/}
.agreeWrap p.step {text-align:center}
.agreeWrap .scrollY {/*width:calc(100% - 40px);*/ height:300px; padding:10px 10px; margin:0px; border:1px solid #e4e4e4; overflow-x:hidden; overflow-y:auto; }
.agreeWrap .check {width:100%; padding:10px 0 30PX 0; margin-right:10px; text-align:right}
.agreeWrap .check label {/*margin-right:10px; cursor:pointer;*/}
/*.agreeWrap input[type="checkbox"] {margin-right:5px}*/
.agreeWrap input[type="button"] {width:49%}
.agreeWrap input[type="button"]:first-child {margin-right:2%}
.agreeWrap .cancel {background:#656565 !important}


.joinWrap {/*padding:0 15px; width:100%;*/}
.joinWrap p.step {text-align:center}
.joinWrap .req {color:#FF0000}
.joinWrap dl {margin-top:5px}
.joinWrap .joinTB {width:100%; border-collapse:collapse; border-spacing:0; border:0; border-top:1px solid #a9a9a9}
.joinWrap .joinTB .col01 {width:180px}
.joinWrap .joinTB tr {/*border-bottom:1px solid #cecece;*/}
.joinWrap .joinTB tr th {padding:10px 0 0 0; text-align:left; padding-left:0px; font-weight:bold; font-size:14px}
.joinWrap .joinTB td {padding:10px 0px 15px; border-bottom:1px solid #e1e3e4}
/*.joinWrap .joinTB td:first-child { padding:20px 10px; text-align:left}
.joinWrap .joinTB td:last-child {padding:20px 10px}*/
.joinWrap .joinTB .emailDot {font-size:18px}
.joinWrap .joinTB .na {border:0px}
.joinWrap .btnJoin {padding:15px 0px 0 0; text-align:center}
.joinWrap .btnJoin img {cursor:pointer}
.joinWrap #zipCode {width:calc(100% - 110px)}
.joinWrap p.check {padding:0 0px 15px}


.lostWrap {}
.lostWrap .lostTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}

.lostWrap .lostTB tr {/*border-bottom:1px solid #cecece;*/}
.lostWrap .lostTB tr th {padding:10px 0 0 0; text-align:left; padding-left:0px; font-weight:bold; font-size:14px}
.lostWrap .lostTB td {padding:0px 0px 15px; /*border-bottom:1px solid #e1e3e4;*/}
.lostWrap .lostTxt {padding:15px 0; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}


.lostWrap .info {margin-top:15px}


/*#############################
###### Search###################
###############################*/
.searchWrap {display:flex; margin:0px; padding:0px; justify-content:center;}
.searchWrap .select_box {margin:0 5px 0 0;}
.searchWrap img {margin-top:3px; height:33px; cursor:pointer}

.searchWrap select {width:calc(100%); padding:0 35px 0 10px; vertical-align:top; height:40px}
.searchWrap input[type="text"] {width:calc(100% - 183px); margin:0 5px 0 0; vertical-align:top; height:40px}

/*#############################
###### Paging ###################
###############################*/
/*
.paging {text-align:center; padding-top:10px; font-size:12px}
.paging img {vertical-align:middle}
.paging .click_text {height:22px; margin:0px; padding:0px 4px 0px 4px; color:#00000; font-weight:bold; vertical-align:middle}
.paging .board_text {height:22px; color:#505050; text-decoration:none; border:1px solid #CCC; margin:0px 4px 0px 4px; padding:2px 6px 2px 6px; vertical-align:middle}
*/
.pgWrap {position:relative; margin:0 auto; padding:20px 0 20px}
.pgWrap .paging {display:table; margin:0 auto}
/*.pgWrap .paging img {vertical-align:middle;width: 10%;}*/
.pgWrap .paging img {vertical-align:middle;}
/*.pgWrap .paging .pg_current {height:22px; margin:0px; padding:0px 4px 0px 4px; color:#00000; font-weight:bold; vertical-align:middle}*/
.pgWrap .paging .pg_current {
	width:1rem;
	height:1rem;
	line-height:1rem;
	color:#ffffff;
	text-decoration:none;
	border:1px solid #ffffff;
	margin-right:10px;
	padding:0px;
	vertical-align:middle;
	background:#f89d49;
	text-align:center;
	display:inline-block;
}
.pgWrap .paging .pg_num {width:1rem; height:1rem; line-height:1rem; color:#505050; text-decoration:none; border:1px solid #000; margin-right:10px; padding:0px; text-align:center; display:inline-block; vertical-align:middle}
/*.pgWrap .paging .pg_num:hover {background:#000; color:#fefefe}*/
.pgWrap .paging .pg_prevFirst {margin-right:10px}
.pgWrap .paging .pg_prev {margin-right:10px}
/*.pgWrap .paging .pg_prev::after {content:"이전"; margin-left:5px}
.pgWrap .paging .pg_next::before {content:"다음"; margin-right:5px}*/
.pgWrap .paging .pg_nextEnd {margin-left:10px}