@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap');
@import url("sub.css");

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embedhtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0; line-height:170%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
html {overflow-x:hidden;}
body,html{width:100%; font-size:16px; color:#666; font-weight:400; font-family: 'pretendard', 'Figtree', Malgun Gothic,'Malgun Gothic', sans-serif; word-break: keep-all;}
*{font-family: 'pretendard', 'Figtree', Malgun Gothic,'Malgun Gothic', sans-serif; word-break: keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none; border:0}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
/* input, button {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;} */
select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("../_img/cat_arrow_bk.png") no-repeat right 20px center !important;;}
select::-ms-expand {display:none}
input[type=text]::-ms-clear {display: none;}

input::-webkit-input-placeholder {color:#777;}
input:-ms-input-placeholder {color:#777;}
input::placeholder {color:#777;}
textarea::placeholder {color:#777;}

/*아이폰 기본 속성 제거*/
* {letter-spacing: -0.5px;} 
input, textarea, select {-webkit-border-radius:0; -webkit-appearance:none; }
input:focus {border: 0; outline: 0}
select:focus {border: 0; outline: 0}
textarea:focus {border: 0; outline: 0}

span, b, strong{line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}


/* Common */
.ls0 {letter-spacing:0 !important; }
.eng {font-family: 'Figtree', 'pretendard', sans-serif !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}
.bold{font-weight: 700 !important;}
.grayBox{background-color:#f5f5f5 !important;}
.blueBox {background-color:#f2f5f8 !important;}
.pointTxt{color:#7bbe36 !important;}
.blackFont{color: #222 !important;}
.whiteFont{color: #fff !important;}
.section_in {position:relative; width:90%; margin:0 auto;}
.w1350 {width:1350px; margin:0 auto;}
.w890 {width:890px !important; margin:0 auto;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48; color:#fff; 
   transition:all 0.2s linear;
}


/***** S:: 변수 *****/
:root{
	--mainColor:#6d88ac;
	--mainColor2:#87807D;
	--colorBlack:#222;
	--grayBg:#f5f5f5;
	--eng:'Figtree', sans-serif;
	--fs100:100px;
	--fs60:60px;
	--fs36:36px;
	--fs32:32px;
	--fs28:28px;
	--fs22:22px;
	--fs20:20px;
	--fs16:16px;
	--fs15:15px;
	--fs14:14px;
	--vh: 100%;

}
/***** E:: 변수 *****/


@keyframes ani-up {
	from{opacity:0; transform: translateY(50px);}
	to{opacity:1.0; transform: translateY(0);}
}
@keyframes ani-up2 {
	from{opacity:0; transform: translate(-50%, 50px);}
	to{opacity:1.0; transform: translate(-50%, 0);}
}

@keyframes fadeIn {
	from{opacity:0;}
	to{opacity:1.0;}
}


.compad {padding:150px 0; box-sizing:border-box;}
.compad_t {padding:150px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 150px; box-sizing:border-box;}


/*** 텍스트 효과 ***/
.visual-tit, .sub-txt{overflow:hidden; opacity:0;}
.visual-tit .word {display:inline-block;}
.visual-tit .char, .sub-txt .word{display:inline-block; opacity:0;}
.visual-tit.splitting, .sub-txt.splitting{opacity:1.0;}
			 h2.visual-tit .char {font-family:var(--eng); line-height:1;}
.whitespace {width:25px; height:0; display:inline-block;}
.swiper-slide.action .visual-tit .char {animation: slide-up 1.25s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc(.08s * var(--char-index) );}

@keyframes slide-up {
	from{opacity:0; transform: translateY(125%);}
	to{opacity:1.0; transform: translateY(0);}
}
/*** 비주얼 텍스트 효과 ***/


/* 슬릭 CSS */
.slick-arrow { display:block; font-size:0; border:0; z-index:90;}
.slick-slider{display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{display: block;overflow: visible;margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-slide{}
.slick-initialized .slick-slide{display: block; outline: 0 !important;}
/* 슬릭 CSS */


#wrap {width:100%; min-width:320px;}

/** Header **/
#header {position:fixed; top:0; left:0; width:100%; z-index:99999; min-width:320px; transition:all 0.2s linear;}
#header.black {background:#fff;}
#header .section_in {padding:33px 0;}
#header h1 {display:inline-block; background:url("../_img/logo.png")no-repeat center left; transition:all 0.2s linear;}
#header h1 img {opacity:0;}

#header .topUtil {position:absolute; top:28px; right:0; display:flex; flex-wrap:wrap; align-items:center;}
#header .topUtil li {margin-right:32px; cursor:pointer;}
#header .topUtil li:last-child {margin-right:0;}
#header .topUtil li.blog {line-height:1;}
#header .topUtil li.blog a {font-family:var(--eng); color:#fff; font-size:28px; line-height:1; font-weight:400; transition:all 0.2s linear;}
#header .topUtil li.kakao {font-size: 30px; color: #fff;}
#header .topUtil li.kakao i {padding-top: 3px; display: block;}

#header .topUtil li.search {}
#header .topUtil li.search span {display:block; width:20px; height:20px; text-align:center; line-height:20px; font-size:23px; overflow:hidden; transition:all 0.2s linear;}
#header .topUtil li.sitemap {width:20px; height:16px; position:relative; }
#header .topUtil li.sitemap p {position:absolute; width:100%; height:2px; display:block; background:#fff; right:0; transition:all 0.2s linear;}
#header .topUtil li.sitemap p.one {top:0; }
#header .topUtil li.sitemap p.two {top:7px;}
#header .topUtil li.sitemap p.three {width:12px; bottom:0;}
#header .topUtil li.sitemap:hover p {width:100% !important;}

#header .topUtil li.sitemap.btnMenu_mClose {width:20px; height:20px;}
#header .topUtil li.sitemap.btnMenu_mClose p {width:100% !important; transition:all 0.2s linear;}
#header .topUtil li.sitemap.btnMenu_mClose p.two {opacity:0; visibility:hidden;}
#header .topUtil li.sitemap.btnMenu_mClose p.one {transform:rotate(45deg); top:40%;}
#header .topUtil li.sitemap.btnMenu_mClose p.three {transform:rotate(-45deg); bottom:50%;}

#header .gnb__list {display: flex; flex-wrap: wrap; justify-content: flex-start; transition:all 0.2s linear; opacity: 1; visibility: visible;}
#header .gnb__list li {font-size: var(--fs15); /*font-family: var(--eng);*/ color: #fff;}
#header .gnb__list li + li {margin-left: 25px;}
#header .gnb__list li a {color: #fff;}
#header .gnb__list li a img {width: 15px; margin-top: 4px}
#header .gnb__list li a img.black {display: none}
#header .gnb__list li a img.white {display: block}
#header .gnb__list li a:hover {color: var(--pointcolor)}



#header.nofixed {top:-105px; transition:all 0.2s linear;}
#header.fixed {background:#fff; box-shadow:5px 1px 15px rgb(0 0 0 / 5%); transition:all 0.2s linear;}
#header.fixed .gnb__list li a img.black {display: block}
#header.fixed .gnb__list li a img.white {display: none}
#header.fixed .topUtil li.kakao i {color: #222;}

#header.black h1, #header.fixed h1 {background:url("../_img/logo_up.svg")no-repeat center left; transition:all 0.2s linear;}
#header.black .topUtil li.search span, #header.fixed .topUtil li.search span {color:#222; transition:all 0.2s linear;}
#header.black .topUtil li.sitemap p, #header.fixed .topUtil li.sitemap p {background:#222; transition:all 0.2s linear;}
#header.black .topUtil li.blog a, #header.fixed .topUtil li.blog a, #header.fixed .gnb__list li a {color:#222; transition:all 0.2s linear;}



#header.white {background:transparent; box-shadow:5px 1px 15px rgb(0 0 0 / 0); transition:all 0.2s linear;}
#header.white h1 {background:url("../_img/logo.svg")no-repeat center left !important; transition:all 0.2s linear;}
#header.white .topUtil li.search span {color:#fff !important; transition:all 0.2s linear;}
#header.white .topUtil li.sitemap p {background:#fff !important; transition:all 0.2s linear;}
#header.white .topUtil li.blog a {color:#fff !important; transition:all 0.2s linear;}
#header.white .gnb__list {opacity: 0; visibility: hidden; }




#header .topUtil li.blog:hover a {color:#19ce60 !important; transition:all 0.2s linear;}
/** Header **/



/*** 슬라이드 메뉴 : 모바일 메뉴 ***/
@keyframes width {
  0% {width:100%}
  100% {width:0%}
}
.noScroll{overflow:hidden;}
#menuArea {position:fixed; top:0; right:0; width:0; overflow-x:hidden; z-index:999; height:100vh; transition:all 1s;}
#menuArea.visible {width:100%; transition:all 1s;}
#menuArea:after {content:''; width:100%; height:100vh; background:#918377; position:absolute; top:0; left:0;}
#menuArea.visible:after {animation:width 1s forwards; animation-delay:0.5s;}
#menuArea .menuList {position:absolute; top:0;  height:100vh; width:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; background:#d0cac2}


#menuArea .menuList>.list {position:absolute; clear:both; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10;}
#menuArea .menuList>.list>li {opacity:0; transition:all 0.8s; transform:translateX(20%); margin:0 0 40px;}
#menuArea .menuList>.list>li:last-child {margin:0;}
#menuArea .menuList>.list>li>a {/*font-family:var(--eng);*/ position:relative; font-size:50px; line-height:1; font-weight:400; color:#fff; transition:all 0.4s; display: inline; margin: 0 5px;}
#menuArea .menuList>.list>li>a img {margin:0 7px; display: inline;}
#menuArea .menuList>.list>li>a:hover {opacity:0.6; transition:all 0.4s;}

/* #menuArea .menuList>.list>li.active>a {color:#fff; padding-right:40px;}
#menuArea .menuList>.list>li.active>a::after {opacity:1;} */

#menuArea.visible .menuList>.list>li{transform:translateX(0); opacity:1; transition:all 0.8s;}
		#menuArea.visible .menuList>.list>li.delay1 {transition-delay:0.8s;}
		#menuArea.visible .menuList>.list>li.delay2 {transition-delay:1s;}
		#menuArea.visible .menuList>.list>li.delay3 {transition-delay:1.2s;}
		#menuArea.visible .menuList>.list>li.delay4 {transition-delay:1.4s;}
		#menuArea.visible .menuList>.list>li.delay5 {transition-delay:1.6s;}
		#menuArea.visible .menuList>.list>li.delay6 {transition-delay:1.7s;}
		#menuArea.visible .menuList>.list>li.delay7 {transition-delay:1.8s;}

#menuArea .menuList>.list .sMenu {position: relative;  padding:25px 0 20px;  display:none; }
#menuArea .menuList>.list .sMenu>li {text-align:center; line-height:1; margin:0 0 10px;}
#menuArea .menuList>.list .sMenu>li>a {position:relative; display:inline-block; font-size:16px; line-height:1.4;}
#menuArea .menuList>.list .sMenu>li>a br {display:none;}
#menuArea .menuList>.list .sMenu>li>a:hover {color:#fff; transition:all 0.3s; text-decoration:underline;}
#menuArea .menuList>.list .sMenu>li>a:after {content:''; width:0; height:1px; background:rgba(34,34,34,0.7); position:absolute; bottom:6px; left:0; transition:all 0.3s;}
#menuArea .menuList>.list .sMenu>li>a:hover:after {width:100%; transition:all 0.3s;}
#menuArea .menuList>.list>li.delay7 a {font-size: 16px; color: #fff; text-decoration: underline;}

#menuArea .menuUtil {font-size:0; text-align:center; margin:70px 0 0; opacity:0; visibility:hidden; transition:all 1s ease;}
#menuArea.visible .menuUtil {transition-delay:2s; opacity:1; visibility:visible; }
#menuArea .menuUtil li {display:inline-block; margin-right:40px;}
#menuArea .menuUtil li:last-child {margin-right:0;}
#menuArea .menuUtil li a {position:relative; font-family:var(--engFont); font-size:var(--fs20);  color:#fff; letter-spacing:0.5pt; line-height:1; display:block ; padding-left:30px; text-transform:uppercase;}
#menuArea .menuUtil li a span {width:24px; height:24px; display:block; position:absolute; top:0; left:0; color:#fff; font-size:22px; line-height:24px;}

#menuArea .circle_deco {width:1200px; height:1200px; top:-7%; left:-17%;}

#menuArea .copy {opacity:0; transition:all 1s;}
#menuArea.visible .copy {opacity:1; transition:all 1s; transition-delay:1s;}
/*** 슬라이드 메뉴 : 모바일 메뉴 ***/


/*** 내부이미지 공통 css ***/
.photo_list .slick-arrow {width:25px; height:42px; display:block; font-size:0; border:0; position:absolute; top:50%; margin-top:-21px; z-index:90; cursor:pointer; transition:all 0.3s linear;}
.photo_list .slick-arrow:hover {opacity:0.5; transition:all 0.3s linear;}
.photo_list .slick-prev {left:-75px; background:url("../_img/prevArrow.png")no-repeat center;}
.photo_list .slick-next {right:-75px; background:url("../_img/nextArrow.png")no-repeat center;}

.photo_list {position:relative; }
.photo_list .slick-track::after {content:''; display:block; clear:both;}
.photo_list li {float:left; width:890px; opacity:0.4; transform:scale(0.8); transition:all 0.3s linear; margin-left:-445px; position:relative; z-index:0; opacity:0; visibility:hidden;}
.photo_list li h4 {position:absolute; bottom:0; left:0; text-align:right; line-height:1.3; display:block; width:100%; padding:0 50px; box-sizing:border-box; font-size:22px; color:#fff; letter-spacing:-0.6pt; font-weight:400; opacity:0; visibility:hidden; transition:all 0.5s linear;}
.photo_list li img {width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.photo_list li.slick-center { transform:scale(1);  transition:all 0.3s linear;  z-index:10; opacity:1 !important; visibility:visible;}
.photo_list li.slick-center h4 {opacity:1 !important; visibility:visible; bottom:40px; transition:all 0.5s linear; transition-delay:0.2s;}
.photo_list li.slick-active {opacity:0.5; visibility:visible;}
/*** 내부이미지 공통 css ***/


/*** Appointment 공통 css ***/
#appointment .txtBox {position:relative; z-index:10; width:45%; left:45%; padding-right:5%; box-sizing:border-box;}
#appointment .txtBox .tit {position:relative; margin:0 0 60px; display:inline-block;}
#appointment .txtBox .tit .title {display:inline-block;}
#appointment .txtBox .tit .moreBtn {position:absolute; top:0; right:0; transform:translateX(100%);}
		.time_cont {font-size:0; margin:0 0 10px;}
		.time_cont dl {display:inline-block; margin-right:35px;}
		.time_cont dl:last-child {margin-right:0;}
		.time_cont dl dt {display:inline-block; vertical-align:middle; line-height:1.5; color:#fff; margin-right:15px; font-weight:bold; letter-spacing:-0.5pt; font-size:1rem;}
		.time_cont dl dd {display:inline-block; vertical-align:middle; line-height:1.5; font-size:1rem;}

		.dots {position:relative; padding-left:10px; box-sizing:border-box; letter-spacing:-0.5pt; line-height:1.5; margin:0 0 5px;}
		.dots:last-child {margin:0;}
		.dots::after {content:''; width:4px; height:4px; background:#fff; border-radius:100%; position:absolute; top:10px; left:0;}

		.app_info h4 {font-size:var(--fs20); font-weight:bold; color:#fff; letter-spacing:-0.6pt; line-height:1.5; margin:40px 0 10px;}
		.app_info h5 {font-family:var(--eng); font-size:30px; letter-spacing:0.3pt; font-weight:400; line-height:1.2; color:#fff; margin:0 0 15px;}
		.app_info h5 ul {display:inline-block; vertical-align:middle; font-size:0; margin-left:10px; position:relative; top:-7px;}
		.app_info h5 ul li {width:46px; height:46px; display:inline-block; margin-right:2px; vertical-align:middle;}
		.app_info h5 ul li a {display:block; width:100%; height:100%; background-color:rgba(27,32,50,0.5); background-repeat:no-repeat; background-position:center; transition:all 0.3s linear; border-radius:100%;}
		.app_info h5 ul li a:hover {background-color:rgba(27,32,50,1); transition:all 0.3s linear;}
		.app_info h5 ul li a.sns01 {background-image:url('/img/app_icon01.png');}
		.app_info h5 ul li a.sns02 {background-image:url('/img/app_icon02.png');}

		.scrollTop {position:relative; display:inline-block; font-family:var(--eng); font-size:25px; color:#e9cc5a; letter-spacing:0.3pt; line-height:1.2; margin:70px 0 0; z-index:10; transition:all 0.3s linear;}
		.scrollTop::after {content:''; width:100%; height:1px; background:#e9cc5a; position:absolute; bottom:0; left:0; transition:all 0.3s linear;}
		.scrollTop::before {content:"";	display:block;	position: absolute;	top:42%;	width:0px;	height:36%;	background-color:#726a66;	opacity:.9;	z-index:-1;	transition: all .3s ease-in-out; transition:all 0.3s linear;}
		.scrollTop:hover::after {width:0; transition:all 0.3s linear;}
		.scrollTop:hover::before {width:100%; transition:all 0.3s linear;}

#appointment .formWrap {position:relative; z-index:10; width:45%; left:5%;}
#appointment .formWrap > p {letter-spacing:-0.3pt; margin:0 0 10px;}
#appointment .moreBtn:hover {color:#5a5f74;}
/*** Appointment 공통 css ***/


/*** Footer ***/
#footer {padding:70px 0 120px; background:#fff;}
#footer .foot_in {display:flex; flex-wrap:wrap; position:relative;}
#footer .foot_in .foot_logo {width:340px;}
#footer .foot_in .footer {width:calc(100% - 340px);}
#footer .foot_in .footer dl {display:flex; flex-wrap:wrap; width:550px;}
#footer .foot_in .footer dl dd {color:rgba(102,102,102,0.8); letter-spacing:-0.5pt; line-height:1.3; margin-right:25px; margin-bottom:9px;}
#footer .foot_in .footer dl dd:last-child {margin-right:0}
#footer .foot_in .footer p.copy {color:rgba(102,102,102,0.6); font-size:var(--fs15); margin:8px 0 0;}
#footer .foot_in .footer p.copy a {color:rgba(102,102,102,0.4); display:inline-block; margin-left:10px; transition:all 0.2s linear;}
#footer .foot_in .footer p.copy a:hover {color:#222;  transition:all 0.2s linear;}
			#footer .foot_in .footer ul {position:absolute; top:0; right:0; display:flex; flex-wrap:wrap; align-items:center;}
			#footer .foot_in .footer ul li a { line-height:1; transition:all 0.2s linear;}
			#footer .foot_in .footer ul li a:hover {color:#e9cc5a; transition:all 0.2s linear;}
			#footer .foot_in .footer ul li.privacy a {font-weight:700; color:#666; letter-spacing: -0.04em; text-decoration:underline; text-underline-position : under;}
/* 			#footer .foot_in .footer ul li.blog a {font-family:var(--engFont); font-size:28px; }
			#footer .foot_in .footer ul li.blog:hover a {color:#19ce60;  transition:all 0.2s linear;} */

.topBtn {position:fixed; bottom:50px; right:3%; z-index:9999999; display:none; width:120px; height:120px;}
.topBtn::after {content:''; width:100%; height:100%; background:url("../_img/topBtn.png")no-repeat center / 100% auto; z-index:-1; position:absolute; top:0; left:0; animation: rotate 15s linear infinite;}
.topBtn:hover::after {animation-play-state: paused;}
.topBtn span {width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; transform:rotate(-90deg); font-size:34px; opacity:0.7;   font-variation-settings:'wght' 200;}
/*** Footer ***/			


@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/* 검색 */
.searchZone{ position:absolute; top:18px;right: 56px; z-index:89; display:none;}
.mask_search {position:fixed; height:0; width:100%; left:0; top:0; z-index:9999999; background-color:rgba(0,0,0,0.9); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
.mask_search.visible {height:100%; transition:all 0.8s ease-in-out; opacity:1; visibility:visible;}
.window {z-index:99999999; width:90%; max-width:1000px; height:70px; background:#fff; box-sizing:border-box; padding:9px 15px; position:fixed; transform:translate(-50%, -70%); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
.window.visible {transform:translate(-50%, -50%); opacity:1; visibility:visible; transition:all 0.8s ease-in-out; transition-delay:0.5s;}
.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-35px; right:8px;  z-index:9999999; cursor:pointer; }
.inputB{width:100%; overflow:hidden; clear:both; }
.inputB dd{float:left; width:calc(100% - 40px); overflow:hidden; }
.inputB dd .input_search{border:none !important;  letter-spacing:-0.55pt; width:100%; font-size:1rem; color:#777; letter-spacing:-0.35pt; height:50px;}
.inputB dd .input_search::placeholder{font-size:15px;}
.inputB dt{float:right; padding:15px 0 0px 10px;}
.inputB dt input{cursor:pointer; }

input::-webkit-input-placeholder { color:#999; font-size:13px;}
input::-moz-placeholder { color:#999; font-size:13px;}
input:-ms-input-placeholder { color:#999; font-size:13px;}


.mask {position:fixed;  z-index:9999999;  background-color:#000;  display:none;  left:0; top:0;} 
.mask_pro {position:fixed;  z-index:9999999;  background-color:#000;  display:none;  left:0; top:0;} 
/* 검색 */








/**  코딩시 지우지 말 것 **/

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding:70px 0 0;}
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 ; font-size:0;}
.page_num ul.pagination li { display: inline-block;  vertical-align:middle;}
.page_num ul.pagination li .page_prev{margin-right:35px; width:6px;}
.page_num ul.pagination li .page_prev2{width:9px; margin-right:15px;}
.page_num ul.pagination li .page_next{margin-left:35px; width:6px}
.page_num ul.pagination li .page_next2{width:9px; margin-left:15px;}
.page_num ul.pagination li a {display:block; position: relative; font-size:14px; text-align:center; height:9px; color:rgba(34,34,34,0.5); float: left; text-decoration: none; margin: 0 1px; font-weight:200;}
.page_num ul.pagination li a.p_num {margin:0 5px; width:26px; height:26px; line-height:26px;}
.page_num ul.pagination li a.page_prev2{background:url('/img/prev2.png') center no-repeat}
.page_num ul.pagination li a.page_prev{background:url('/img/prev.png') center no-repeat}
.page_num ul.pagination li a.page_next2{background:url('/img/next2.png') center no-repeat}
.page_num ul.pagination li a.page_next{background:url('/img/next.png') center no-repeat}
.page_num ul.pagination li a.active {color: #fff; font-weight:700; background:#726a66; border-radius:100%;}

/* 에러페이지 */
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('/img/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:-0.5pt;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:-0.5pt; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}




/*******************************************************************************
	@media ~1450px
*******************************************************************************/
@media all and (max-width:1450px) { 


.w1350 {width:90%; }
.brNone br {display:none;}

}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/***** S:: 변수 *****/
:root{
	--fs100:80px;
}
/***** E:: 변수 *****/



/*** 내부이미지 공통 css ***/
.photo_list .slick-prev {left:-10px;}
.photo_list .slick-next {right:-10px;}

.photo_list li {width:750px;}
.photo_list li img {width:100%;}
/*** 내부이미지 공통 css ***/


/*** Footer ***/
#footer .foot_in .foot_logo {width:100%; margin:0 0 25px;}
#footer .foot_in .footer {width:100%;}
#footer .foot_in .footer ul {top:15px;}
/*** Footer ***/

.topBtn {bottom:30px; right:2%; width:80px; height:80px;}
.topBtn span {font-size:26px;}


}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


body,html{font-size:15px;}
/***** S:: 변수 *****/
:root{
	--fs100:60px;
	--fs60:40px;
	--fs36:34px;
	--fs32:30px;
	--fs28:24px;
	--fs22:19px;
	--fs20:18px;
	--fs16:15px;
	--fs15:14px;
	--fs14:13px;

}
/***** E:: 변수 *****/
.whitespace {width:20px;}


.compad {padding:100px 0; box-sizing:border-box;}
.compad_t {padding:100px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 100px; box-sizing:border-box;}

/** Header **/
#header .section_in {padding:18px 0;}
#header h1, #header.fixed h1, #header.black h1, #header.white h1 {background-size:100% !important;}
#header h1 img {width:180px;}
#header .topUtil {top:22px;}
#header .topUtil li {margin-right:23px;}
#header .gnb__list li a img {width: 20px;}

/** Header **/



/*** 내부이미지 공통 css ***/
.photo_list .slick-arrow {width:15px; background-size:100% !important;}
.photo_list .slick-prev {left:50%; margin-left:-290px;}
.photo_list .slick-next {right:50%; margin-right:-290px;}
.w890 {width:90% !important;}
.photo_list li {width:500px; margin-left:-250px;}
.photo_list li img {width:100%;}
.photo_list li h4 {font-size:19px; padding:0 25px; }
.photo_list li.slick-center h4 {bottom:25px;}
/*** 내부이미지 공통 css ***/


/*** Appointment 공통 css ***/
#appointment .txtBox {width:90%; margin:0 0 50px; left:15%;}
#appointment .txtBox .tit {margin:0 0 40px;}
#appointment .txtBox .tit .moreBtn {transform:translateX(125%);}
#appointment .formWrap {width:90%;}
/*** Appointment 공통 css ***/


/*** Footer ***/
#footer {padding:50px 0 90px;}
#footer .foot_in .foot_logo img {width:200px;}
#footer .foot_in .footer dl dd {margin-right:20px; margin-bottom:6px;}
#footer .foot_in .footer ul {top:11px;}
/*** Footer ***/





}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{line-height:145%;} /* delete vertical-align,font:inherit; */
body,html{font-size:13px; font-weight:400;}
select {background: url("../_img/cat_arrow_bk.png") no-repeat right 10px center;}

/*** 모바일 폰트 크기 조정 ***/
* {
 -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라(신) */
 -ms-text-size-adjust : none;  /* IE */
 -moz-text-size-adjust : none;  /* 파이어폭스 */
 -o-text-size-adjust : none;  /* 오페라(구)*/
}
/***** S:: 변수 *****/
:root{
	--fs100:40px;
	--fs60:30px;
	--fs36:28px;
	--fs32:24px;
	--fs28:20px;
	--fs22:17px;
	--fs20:16px;
	--fs16:14px;
	--fs15:13px;
	--fs14:12px;

}
/***** E:: 변수 *****/

.whitespace {width:10px;}

.compad {padding:60px 0; box-sizing:border-box;}
.compad_t {padding:60px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 60px; box-sizing:border-box;}

/** Header **/
#header .section_in {padding:15px 0;}
#header h1 {}
#header h1 img {width:130px;}
#header .topUtil {top:7px;}
#header .topUtil li {margin-right:18px;}

#header .topUtil li.blog a {font-size:22px;}
#header .topUtil li.search span {width:19px; height:20px; line-height:20px; font-size:22px; font-variation-settings:'wght' 300;}
#header .topUtil li.sitemap {width:16px; height:14px;}
#header .topUtil li.sitemap p.two {top:6px;}
#header .topUtil li.sitemap p.three {width:10px;}
/** Header **/


/*** 슬라이드 메뉴 : 모바일 메뉴 ***/
#menuArea .menuList>.list>li{margin:0 0 25px;}
#menuArea .menuList>.list>li>a {font-size:24px;}
#menuArea .menuList>.list>li>a img {max-width:23px; max-height:24px;}
#menuArea .menuList>.list>li.delay7 a {font-size: 14px;}
/*** 슬라이드 메뉴 : 모바일 메뉴 ***/



/*** 내부이미지 공통 css ***/
.photo_list .slick-prev {margin-left:-250px;}
.photo_list .slick-next {margin-right:-250px;}

.photo_list li {width:420px; margin-left:-200px; transform:scale(0.6);}
.photo_list li img {width:100%;}
.photo_list li h4 {font-size:16px; padding:0 20px; }
.photo_list li.slick-center h4 {bottom:20px;}
/*** 내부이미지 공통 css ***/



/*** Appointment 공통 css ***/
#appointment .txtBox {margin:0 0 45px;}
#appointment .txtBox .tit {margin:0 0 20px;}
#appointment .txtBox .tit .moreBtn {transform:translateX(125%);}
.time_cont dl {width:100%; display:block; margin:0 0 3px;}
.app_info h4 {margin:20px 0 10px;}
.app_info h5 {font-size:17px;}
.app_info h5 ul {top:-3px;}
.app_info h5 ul li {width:30px; height:30px; }
.app_info h5 ul li a {background-size:12px !important;}
.scrollTop {margin:20px 0 0; font-size:18px;}
#appointment .formWrap {width:90%;}
/*** Appointment 공통 css ***/



/*** Footer ***/
#footer {padding:35px 0 50px; /* text-align:center; */}
#footer .foot_in .foot_logo {margin:0 0 15px;}
#footer .foot_in .foot_logo img {width:140px;}
#footer .foot_in .footer dl {width:100%; /* justify-content: center; */ padding-right:20%; box-sizing:border-box;}
#footer .foot_in .footer dl dd {margin-right:15px; margin-bottom:4px; line-height:1.5;}
#footer .foot_in .footer dl dd:nth-child(4) {width:100%; margin-right:0;}
#footer .foot_in .footer ul {/* top:0; position:relative; *//*  justify-content: center; */ /* margin:10px 0 5px; */ top:7px;}
#footer .foot_in .footer ul li {margin-left:20px;}
#footer .foot_in .footer ul li:first-child {margin-left:0;}
#footer .foot_in .footer ul li.blog a {font-size:20px;}
#footer .foot_in .footer p.copy a {display:block; margin:3px 0 0 !important;}
/*** Footer ***/

.topBtn {bottom:25px; right:2%; width:60px; height:60px;}
.topBtn span {font-size:20px;}


/* 게시판 페이징 */
.window {height:53px;}
.inputB dd .input_search {height:32px;}
.page_num {padding:30px 0 0 0;}
.page_num ul.pagination li .arrow {width:22px; height:22px;}
.page_num ul.pagination li a.page_prev{margin-right:8px;}
.page_num ul.pagination li a.page_next{margin-left:8px;}
.page_num ul.pagination li a.num {margin:0 6px;}
.inputB dt {padding:7px 0 0; width:17px;}


/* 게시판 페이징 */
.page_num {padding:40px 0 0;}
.page_num ul.pagination li .page_prev{margin-right:15px}
.page_num ul.pagination li .page_prev2{ margin-right:7px;}
.page_num ul.pagination li .page_next{margin-left:15px;}
.page_num ul.pagination li .page_next2{margin-left:7px;}
.page_num ul.pagination li a {font-size:13px;}
.page_num ul.pagination li a.p_num {margin:0 3px; width:24px; height:24px; line-height:24px;}


}
/*******************************************************************************
	@media 361~520px
*******************************************************************************/
@media all and (max-width:520px) { 


/*** 내부이미지 공통 css ***/
.photo_list .slick-prev {margin-left:-185px;}
.photo_list .slick-next {margin-right:-185px;}
.photo_list li {width:300px; margin-left:-180px; transform:scale(0.6);}
.photo_list li h4 {font-size:14px; padding:0 15px; }
.photo_list li.slick-center h4 {bottom:20px;}
/*** 내부이미지 공통 css ***/


}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 

/***** S:: 변수 *****/
:root{
	--fs100:34px;

}
/***** E:: 변수 *****/

/*** Footer ***/
#footer .foot_in .footer dl {padding-right:0;}
/*** Footer ***/

}
/*******************************************************************************
	@media ~400px
*******************************************************************************/
@media all and (max-width:400px) { 


/*** 내부이미지 공통 css ***/
.photo_list .slick-arrow {width:10px;}
.photo_list .slick-prev {left:15px; margin-left:0;}
.photo_list .slick-next {right:15px; margin-right:0;}

.photo_list li { margin-left:0; transform:scale(1);}
/*** 내부이미지 공통 css ***/



}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) { 

}



/*******************************************************************************
	이벤트&가격 팝업
*******************************************************************************/
#clinic_info_pop {position: fixed; top: 0; right: 0; width: 790px; height: 100vh; z-index: 999999; background: #fff; overflow-y: scroll; display: none;}

#clinic_info_pop::-webkit-scrollbar {width: 10px;}
#clinic_info_pop::-webkit-scrollbar-thumb {background-color: #a1a1a1; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
#clinic_info_pop::-webkit-scrollbar-track {background-color:transparent; border-radius: 30px; height: 90%}
#clinic_info_pop-head {position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 20px 35px;}
#clinic_info_pop-head h1 {width: 120px}
#clinic_info_pop-head h1 img {width: 100%;}
#clinic_info_pop-head #search__wrap {position: relative; width: 490px; height: 40px; border-radius: 50px; border: 1px solid var(--pointcolor); background: #f2f3f3; overflow: hidden; padding-right: 60px;}
#clinic_info_pop-head #search__wrap button#search-btn {width: 40px; height: 40px; border: 0; background-color: transparent; position: absolute; top: 0; right: 10px;}
#clinic_info_pop-head #search__wrap button#search-btn img {width: 25px; margin: 0 auto;}
#clinic_info_pop-head #search__wrap input[type='text'] {width: 100%; height: 40px; padding: 0 15px; box-sizing: border-box; font-size: 16px; background: #f2f3f3; border: 0;}
#clinic_info_pop-head .clinic_info_pop-closed {width: 50px; height: 50px; border: 1px solid #e4e4e4; background: #fff;}
#clinic_info_pop-head .clinic_info_pop-closed img {width: 20px; margin:  0 auto;}
#clinic_info_pop-body {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4}
#clinic_info_pop-body .price_tabs {width: 100%; display: flex; flex-wrap: wrap; justify-content:flex-start; margin-bottom: 0}
#clinic_info_pop-body .price_tabs li {width: 25%; font-size: 16px; color: #212121; text-align: center; line-height: 50px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; padding: 0;}
#clinic_info_pop-body .price_tabs li.active {background: var(--pointcolor); color: #fff;}
#clinic_info_pop-body .clinic_list {} 
#clinic_info_pop-body .clinic_list .clinicBox {width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; padding:40px; align-items: center;} 
#clinic_info_pop-body .clinic_list .clinicBox + .clinicBox {border-top:1px solid #e4e4e4; }
#clinic_info_pop-body .clinic_list .clinicBox .info {width: calc(100% - 120px);} 
#clinic_info_pop-body .clinic_list .clinicBox .info p {font-size: 14px; color: #666666; margin: 7px 0; line-height:1.5} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name {color: #212121; font-size: 20px;} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name span {color: var(--pointcolor); font-weight: 700; padding-left: 20px;} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name span i {font-size: 12px; font-style: normal;} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.event_name {font-size: 13px; color: #ababab;} 
#clinic_info_pop-body .clinic_list .clinicBox .btns {/*display: flex;*/}
#clinic_info_pop-body .clinic_list .clinicBox .btns a {display: block; width: 100px; height: 30px; border-radius: 50px; font-size: 14px; border: 1px solid #666; color: #666; text-align: center; line-height: 30px; margin:5px;}
#clinic_info_pop-body .clinic_list .clinicBox .btns a.detail {background: #fff;}
#clinic_info_pop-body .clinic_list .clinicBox .btns a.reserve {background: var(--pointcolor); border-color: var(--pointcolor); color: #fff;}
/*@media all and (min-width:980px){
#clinic_info_pop-body .tabs li:nth-of-type(3n) {border-right: 0;}
}*/

@media all and (max-width:980px){
	#clinic_info_pop {width: 100%;}
	
	#clinic_info_pop-head {padding: 15px 55px 15px 15px; position: relative;}
	#clinic_info_pop-head h1 {display: none;}
    #clinic_info_pop-head form {width: 100%}
	#clinic_info_pop-head #search__wrap {width: 100%; padding-right: 40px;}
	#clinic_info_pop-head #search__wrap input[type='text'] {font-size: 14px; }
	#clinic_info_pop-head #search__wrap input[type='text']:placeholder {font-size: 14px;}
	#clinic_info_pop-head #search__wrap button#search-btn {width: 30px; height: 30px; top: 50%; margin-top: -15px; right: 5px;}
	#clinic_info_pop-head #search__wrap button#search-btn img {width: 20px;}
	#clinic_info_pop-head .clinic_info_pop-closed {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;}
	#clinic_info_pop-head .clinic_info_pop-closed img {width: 12px;}
	
	
	#clinic_info_pop-body .price_tabs li {font-size: 13px !important; line-height: 1.2 !important; width: 33.3%; height: 40px !important; display: table;}
	#clinic_info_pop-body .price_tabs li span {display: table-cell; vertical-align: middle;}
	#clinic_info_pop-body .price_tabs li:nth-of-type(3n) {border-right: 0;}
	
	#clinic_info_pop-body .clinic_list .clinicBox {padding:20px;}
	#clinic_info_pop-body .clinic_list .clinicBox .info {width: calc(100% - 80px);}
	#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name {font-size: 17px;}
	#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name span {padding-left: 10px;}
	
	#clinic_info_pop-body .clinic_list .clinicBox .btns a {font-size: 12px; width: 50px; height: 50px; box-sizing: border-box; padding-top: 10px;}
	#clinic_info_pop-body .clinic_list .clinicBox .btns {width: 50px; display: block;}
	#clinic_info_pop-body .clinic_list .clinicBox .btns a.detail {margin-bottom: 5px;}
}