@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* 공통 HTML 기본 코드 선언 */
body,html							{ color:#565656; font-family:"Noto Sans KR"; font-weight:300; font-size:16px; }
img								{ border:0; }
ul,ol,dl							{ list-style:none; }
li,ul,ol,dl							{ margin:0; padding:0; }
li								{ float:left }
h1								{ font-weight:700; }
a:link								{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:focus							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:active							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }

/* 기본 변수 선언 */
:root								{ --major_color:#d39ca2; --major_color2:#d86da3; --max_width:1400px; }


/* 공통 Class 기본 코드 선언 */
.no-padding							{ padding: 0 !important; margin: 0 !important; }
.max_width							{ width:100%; max-width:var(--max_width); }
.img								{ max-width:100%; height:auto; }
.img_max							{ width:100%; }
.link								{ cursor:pointer; }
.border							{ border:1px solid #aaa; }
.margin_auto						{ margin:0 auto; }
.br								{ display:block; }
.br980							{ display:block; }
.bold								{ font-weight:bold; }
.major_color							{ color: var(--major_color) }
.major_color2						{ color: var(--major_color2) }
.padding_horizontal					{ padding-left:20px; padding-right:20px; }
.padding_vertical						{ padding-top: 20px; padding-bottom:20px; }
.vertical_center						{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; }
.black_color							{ color:#313131; }
.red_color							{ color:#e00; }
.gray_color							{ color:#bbb; }
.violet_color							{ color:#b436b9; }
.underline							{ border-bottom:1px solid #000; }
.dashed_line						{ border-bottom:1px dashed #aaa;width:100%; }
.inline_block							{ display:inline-block; }
.absmiddle							{ vertical-align:middle; }
.default_font_size						{ font-size:1rem; }
.font_size_1							{ font-size:4rem; }
.font_size_2							{ font-size:3.125rem; }
.font_size_3							{ font-size:2.5rem; }
.font_size_4							{ font-size:1.875rem; }
.font_size_5							{ font-size:1.563rem; }
.font_size_6							{ font-size:1.375rem; }
.font_size_7							{ font-size:1.250rem; }
.font_size_8							{ font-size:1.063rem; }
.font_weight_100						{ font-weight:100; }
.font_weight_300						{ font-weight:300; }
.font_weight_400						{ font-weight:400; }
.font_weight_500						{ font-weight:500; }
.font_weight_700						{ font-weight:700; }
.font_weight_900						{ font-weight:900; }


/*  기본 레이아웃 코드 선언 */
#wrapper							{ width:100%; }
.title_area							{ display:inline-block; width:100%; max-width:var(--max_width);}
.title_area > ul						{ display:inline-block;}
.title_area_left						{ text-align: center; padding-top:10px; width:100%; }
.title_area_left img					{ height:6em;}
.title_area_right						{ padding-left:1em; width:100%;}
.title_area_right li						{ width:100%; clear:both; text-align: center; }
.title_area_right li:last-child				{ padding-top: 0px; text-align: center; width:100%; }
.title_area_right li:last-child > div			{ display:inline-block;  }
.title_area_vertical_line					{ width:1px; height:35px; background-color: #313131;margin-bottom:1rem; }
.title_text							{ color:#313131; }
.sub_title_text						{ text-align: left; padding-left:0.7em; letter-spacing:0.4em;  }
.contents							{ padding:0 10px;  }
#quickScrollMenu						{ display: block; }



/* 상단 영역 및 메뉴 */
#top								{ position:fixed; width:100%; z-index:1000; background-color:#fff; box-shadow: 0px 5px 10px #aaa; }
#top_info							{ height:120px; }
#top_info_left						{ display:flex; justify-content:flex-start; align-items:center; height:120px; }
#top_info_center						{ display:flex; justify-content:center; align-items:center; height:120px; }
#top_info_right						{ display:flex; justify-content:flex-end; align-items:center; height:120px; }

#top_menu							{ height:50px; border-top: 1px solid #ccc; background-color:var(--major_color)}
#top_menu ul						{ display:flex; justify-content:space-between; }
#top_menu ul li						{  }
.menu							{ height:50px; color:#fff;  padding: 10px 17px; text-align: center;text-decoration: none;  font-weight: bold; ;display: inline-block; border-radius:0px; -webkit-transition:  0.2s; /* Safari */ transition: 0.2s;}
.menu_on, .menu:hover					{
								  padding: 10px 17px; text-align: center;text-decoration: none;
								  display: inline-block; border-radius:0px; -webkit-transition:  0.3s; /* Safari */ transition: 0.3s;
								  background-color:#fff; color:var(--major_color);  height:49px;
								}
#top_space							{ height:170px; }



/* 메인 비주얼 */
.owl-carousel .owl-dots,.owl-theme .owl-nav	{ text-align:center;-webkit-tap-highlight-color:transparent;position:relative;top:-50px;}
.owl-carousel .owl-dots .owl-dot			{ display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot	span		{ width:20px;height:20px;margin:10px 10px;background:#777;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:var(--major_color)}



/* 의료진소개 */
#doctors							{ width:100%; padding-top:50px; padding-bottom:50px; }


/* 언론보도 및 소식 이모저모 */
#press							{ width:100%; padding-top:50px; padding-bottom:50px; }

/* 진료시간 */
#clinicTime							{ width:100%; padding-top:50px; padding-bottom:50px; background-image:url('/images/clinictime-bg.gif');padding:6rem 0;background-position:0% 0%; background-repeat:no-repeat; background-size:100%;}



/*
.clinicTIme_pc						{ background-image:url('/images/clinictime.jpg');padding:6rem 0;background-position:50% 50%; background-repeat:no-repeat;background-color: #252122;background-size:100% 100%; }
.clinicTIme_mobile						{ background-image:url('/images/m-clinictime.jpg');padding:5rem 0;background-position:50% 50%; background-repeat:no-repeat;background-color: #252122;background-size:100% 100%; }

*/
/* 진료과목 */
#subject							{ width:100%; padding-top:50px; padding-bottom:50px; margin:0px; }


/* 치과둘러보기 */
#interior							{ width:100%; padding-top:50px; padding-bottom:50px; padding:6rem 0;background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%;}
.swiper-container						{ width: 100%; height: 100%; }
.swiper-slide							{ text-align: center;  display: -webkit-box;  display: -ms-flexbox;   display: -webkit-flex;  display: flex;
								 -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;
								 -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.swiper-button-prev1					{ position:absolute; top:0; display:flex; align-items:center; font-family:Consolas; height:100%; z-index:1000; font-size:100px; cursor:pointer; color:var(--major_color); opacity:0.9;  }
.swiper-button-disabled					{ color:#ccc; }
.swiper-button-next1					{ position:absolute; top:0; right:0px; display:flex; align-items:center; font-family:Consolas; height:100%; z-index:1000; font-size:100px; cursor:pointer; color:var(--major_color);  opacity:0.9 }



.swiper-container2						{ width: 100%; height: 100%;  overflow:hidden; }
.swiper-container2 .swiper-slide			{ text-align: center;  display: -webkit-box;  display: -ms-flexbox;   display: -webkit-flex;  display: flex;
								 -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;
								 -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.swiper-button-prev2					{ position:absolute; top:0; display:flex; align-items:center; font-family:Consolas; height:100%; z-index:1000; font-size:100px; cursor:pointer; color:var(--major_color); opacity:0.9;  }
.swiper-button-disabled					{ color:#ccc; }
.swiper-button-next2					{ position:absolute; top:0; right:0px; display:flex; align-items:center; font-family:Consolas; height:100%; z-index:1000; font-size:100px; cursor:pointer; color:var(--major_color);  opacity:0.9 }



/* 오시는길 */
#location							{ background-position:center; background-size:100% 100%;height:100%;width:100%; padding-top:100px; padding-bottom:50px;}
.location_left						{ float:left;  text-align:left; }
.location_right						{ float:right; }
.location_right li						{ padding-left:20px; }
.location_right li:first-child				{ padding-left:0px; }
.location_address						{ color:#706d70; font-weight:400; letter-spacing:-0.05em; }
.location_tel							{ font-weight:900; color:var(--major_color); }
.daum_map							{ width: 100%; height:500px; display:inline-block;  border:1px solid #ccc;}


/* 하단 */
#bottom							{ background-color:#2a2a2a;  color:#fff;   padding:50px 20px; display:inline-block;  width:100%; text-align:center; color:#999}
.bottom ul > li:nth-child(2) > ul > li 		{ width:2%;}


/* 모바일 하단 메뉴 */
#mobile_bottom_menu					{ position:fixed; bottom:0px; display:none; z-index:5000; }
#mobile_bottom_icon					{ width:100%; }
.mobile_bottom_icon					{ width:16.6%; }
.mobile_bottom_icon	img				{ width:100%; }



/* 모바일 메뉴 */
#coverLayer							{ position:fixed;left:0;top:67px;width:100%;height:100%;background-color:#000;display:none;opacity:0.7;z-index:700; }
#mobileMenu						{ display:none; position: absolute; top:0px; left:-700px; width:80%; z-index:1999; margin-top:100px; padding:0px; position:fixed; background:#fff; border-radius:0 0 20px 0; box-shadow: 5px 10px #aaa; background: linear-gradient(90deg, #fff 0%, #eee 100%); }
#mobileMenu ul,li						{ margin:0px; padding:0px; }
#mobileMenu	li					{ list-style:none; }
#mobileMenu a						{ text-decoration:none; }
#menuArea							{ position:relative; text-align:left;  clear:both; }

.mobileMenu_title a					{ padding:20px; color:#333;  font-weight:bold; display:block; }
.mobileMenu_title a:hover				{ background:var(--major_color); color:#fff; display:block;}

.subMenu							{ background:#333; clear:both;display:none; }
.subMenu ul li						{ float:left; width:100%; }
.subMenu ul li a						{ color:#333; display:block; padding:20px; border-bottom:1px solid #aaa; }
.subMenu ul li a:hover					{ background:var(--major_color); color:#fff; display:block; padding:20px; }


/* 팝업 */
/* #popup_layer						{ position:absolute;width:98%;z-index:10;top:200px; } */
.btn								{ border:1px solid #aaa;  background-color: #fff; padding:5px 15px; border-radius:5px; cursor:pointer; font-size:13px; height:37px;}
.btn:hover							{ background-color: #eee; }
.btn-default							{}
#main_popup						{ position:absolute;width:98%;z-index:10;top:200px;}
#main_popup > div					{ margin:0 auto;width:100%;max-width:1600px; }
#main_popup > div > ul > li			{ float:left; }
#main_popup .popup					{ min-width:360px; z-index:2001; display:none;background-color:#fff; }
#main_popup .popup_bottom				{ background-color:#000000;clear:left;height:45px;padding:0px;margin:0px;position:relative;top:0px;padding-top:5px;padding-right:20px; text-align:right;z-index:2001 }


/* 퀵메뉴 */
#quickScrollMenu						{ position: absolute; width: 70px;	 right: 30px; top: 200px; color: #fff; z-index:100; background-color: #eee; }
#quickScrollMenu li img				{ height:70px; }
#quickScrollMenu > ul > li:first-child		{ background-color: #363636; width:100%;text-align:center;color:#fff;font-size:0.8rem;padding:0.5rem 0; }
#quickScrollMenu > ul > li:last-child		{ background-color: #363636; width:100%;text-align:center;color:#fff;font-size:0.8rem;padding:0.5rem 0; }


/*
opacity: 0.95;
filter: alpha(opacity=95);
*/ /* For IE8 and earlier */