@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


 *,
 body {
 	margin: 0px;
 	padding: 0px;
 	font-family: 'Nanum Gothic', sans-serif;
 }

 a {
 	color: #444;
 }

 #wrapper {
 	position: relative;
 	width: 100%;
 }

 .cnt-inner {
 	position: relative;
 	width: 1180px;
 	margin: 0 auto;
 }



 /****************** 컬러 및 모듈 *******************/
 .txt_yellow {
 	color: #F9BA00;
 }

 .txt_w {
 	color: #fff;
 }

 .d_ib {
 	display: inline-block;
 }

 .btn_black {
 	display: inline-block;
 	min-width: 210px;
 	padding: 14px 0;
 	background-color: #202020;
 	color: #fff;
 	text-align: center;
 	font-size: 14px;
 	font-weight: bold;
 	cursor: pointer;
 }

 .btn_white {
 	display: inline-block;
 	min-width: 210px;
 	padding: 14px 0;
 	background-color: #fff;
 	color: #1a1a1a;
 	text-align: center;
 	font-size: 14px;
 	font-weight: bold;
 	cursor: pointer;
 }

 .btn_white_b {
 	display: inline-block;
 	min-width: 210px;
 	padding: 14px 0;
 	background-color: #fff;
 	color: #1a1a1a;
 	text-align: center;
 	font-size: 14px;
 	font-weight: bold;
 	box-sizing: border-box;
 	border: 1px solid #1a1a1a;
 	cursor: pointer;
 }

 .btn_white:hover {
 	background-color: #202020;
 	color: #fff;
 	cursor: pointer;
 }

 .btn_white_b:hover {
 	background-color: #202020;
 	color: #fff;
 	cursor: pointer;
 }

 .btn_yellow {
 	display: inline-block;
 	min-width: 210px;
 	padding: 14px 0;
 	background-color: #F9BA00;
 	text-align: center;
 	font-size: 14px;
 	font-weight: bold;
 	cursor: pointer;
 }

 .ov_h {
 	overflow: hidden;
 }

 .fl_l {
 	float: left;
 }

 .fl_r {
 	float: right;
 }

 .d_b {
 	display: block;
 }

 .d_ib {
 	display: inline-block;
 }

 .va_t {
 	vertical-align: top;
 }


 /* 퀵배너 */
 #quick-banner {
 	position: fixed;
 	right: 20px;
 	top: 120px;
 	width: 98px;
 	background-color: #FFF;
 	z-index: 999;
 }

 #quick-banner li.w_btn {
 	border: 1px solid #B9B9B9;
 	border-bottom: none;
 	padding: 20px 0;
 	text-align: center;
 }


 /****************** 헤더,로고영역 *******************/
 #header {
 	position: absolute;
 	width: 100%;
 	z-index: 2;
 	background-color: #FFF;
 	height: 98px;
 	overflow: hidden;
 }

 #header .header-inner {
 	position: relative;
 	width: 1400px;
 	height: 98px;
 	margin: 0 auto;
 	/* overflow:hidden; */
 }

 #header .header-inner .h_logo {
 	position: relative;
 	display: inline-block;
 	zoom: 1;
 	*display: inline;
 	padding-top: 28px;
 	float: left;
 }

 #header .header-inner .h_login_area {
 	position: relative;
 	float: right;
 }

 #header .header-inner .h_login_area ul {
 	overflow: hidden;
 }

 #header .header-inner .h_login_area ul li {
 	float: left;
 }

 #header .header-inner .h_login_area ul li a {
 	color: #888;
 	font-size: 13px;
 	display: inline-block;
 	line-height: 98px;
 }

 #header .header-inner .h_login_area ul li a:hover {
 	text-decoration: underline;
 }

 #header .header-inner .h_login_area ul .bar {
 	display: inline-block;
 	float: left;
 	padding: 0 10px;
 	line-height: 98px;
 }

 #header .header-inner .h_login_area ul .bar img {
 	vertical-align: middle;
 }

 #gnb {
 	position: relative;
 	float: left;
 	margin-left: 75px;
 	height: 98px;
 }

 #gnb .inner {
 	position: relative;
 	width: 900px;
 	margin: 0 auto;
 	text-align: center;
 }

 #gnb span.bar {
 	padding-left: 50px;
 	color: #fff;
 	line-height: 50px;
 }

 #gnb .inner>li {
 	width: 126px;
 	float: left;
 	text-align: center;
 	/* background:url(../image/main/gnb_bg_bar.png)no-repeat right center */
 }

 /* margin-left: 130px;*/
 #gnb .inner>li:last-child {
 	background: none;
 }

 #gnb .inner>li:first-child {
 	margin-left: 0;
 }

 #gnb .inner>li>a {
 	font-family: 'Nanum Gothic', sans-serif;
 	font-size: 17px;
 	display: block;
 	font-weight: bold;
 	height: 98px;
 	line-height: 98px;
 	text-align: center;
 }

 /* */
 #gnb .inner>li>a:hover {
 	box-sizing: border-box;
 	text-decoration: underline;
 }

 /* color:#F9BA00;*/

 .subnavi {
 	min-width: 125px;
 	padding-top: 20px;
 	position: absolute;
 	border-right: 1px solid #eee;
 	height: 442px;
 	box-sizing: border-box;
 }

 .subnavi li {
 	cursor: pointer;
 }

 /* .subnavi li:hover { background-color:#E8FFFE;  } */
 .subnavi li a {
 	font-size: 14px;
 	line-height: 2.4em;
 	color: #333;
 	display: block;
 }

 .subnavi li a:hover {
 	text-decoration: underline;
 }

 /*color:#38C0B8;*/

 .h_btn {
 	position: relative;
 	float: left;
 	height: 98px;
 }

 .h_btn>ul {
 	position: relative;
 	display: flex;
 	margin: 35px auto;
 	text-align: center;
 }

 .h_btn>ul>li {
 	width: 30px;
 	margin-left: 10px;
 	float: left;
 	text-align: center;
 }

 .h_btn>ul>li img {
 	width: 100%
 }

 /***********메인비주얼 ***********/
 #main_visual {
 	position: relative;
 	width: 100%;
 	z-index: 1;
 	padding-top: 98px;
 }

 #main_visual p.mv_text01 {
 	position: absolute;
 	left: 50%;
 	margin-left: -263px;
 	padding-top: 95px;
 	z-index: 2;
 	text-align: center;
 }

 #main_visual p.mv_text02 {
 	position: absolute;
 	left: 50%;
 	margin-left: -343px;
 	padding-top: 95px;
 	z-index: 2;
 	text-align: center;
 }

 #main_visual a.mv_btn {
 	position: relative;
 	display: inline-block;
 	border: 1px solid rgba(255, 255, 255, 0.5);
 	margin-top: 40px;
 	padding: 13px 21px;
 	z-index: 2;
 	color: #fff;
 	font-size: 15px;
 }

 #main_visual a.mv_btn i {
 	margin-left: 10px;
 }

 #main_visual a.mv_btn:hover {
 	background-color: #FFB841;
 	color: #403C3F;
 	border: 1px solid #FFB841;
 	font-weight: bold;
 }



 div.e_wrap {
 	background-image: url(./image/popup/pop_200916-2.jpg);
 	background-size: 400px;
 	background-repeat: no-repeat
 }

 div.e_inbox {
 	padding-left: 15px;
 	padding-top: 166px;
 	padding-bottom: 400px;
 }

 ul.e_list {
 	;
 	list-style: none;
 }

 ul.e_list li {
 	width: 320px;
 	height: 53px;
 	text-align: center;
 	margin-bottom: 14px;
 	margin-left: 23px;
 	float: left;
 	position: relative
 }

 ul.e_list li a {
 	display: block;
 	width: 100%;
 	height: 100%;
 }

 ul.e_list li img {
 	width: 90%
 }


 #instagram {
 	overflow: hidden;
 	width: 1180px;
 	margin: 0 auto 80px;
 }

 .instagram_item {
 	float: left;
 	width: 24.9%;
 	padding-right: 1px;
 	padding-bottom: 1px;
 }

 .instagram_item>a {
 	display: block;
 	width: 100%;
 	padding-top: 100%;
 	position: relative;
 	background: no-repeat center center;
 	background-size: cover;
 }

 .instagram_item>a:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: #000000;
 	background: rgba(0, 0, 0, .8);
 	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	z-index: 1;
 	opacity: 0;
 	-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 	transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 }

 .instagram_item p {
 	width: 100%;
 	padding: 19px 57px;
 	position: absolute;
 	left: 0;
 	top: 50%;
 	font-size: 16px;
 	font-weight: 400;
 	text-align: left;
 	color: #fff;
 	transform: translateY(-50%);
 	z-index: 2;
 	opacity: 0;
 	-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 	transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 }

 .instagram_item>a:hover:before {
 	opacity: 1;
 }

 .instagram_item>a:hover p {
 	opacity: 1;
 }

 .night {
 	position: absolute;
 	top: 130px;
 	left: 60px;
 	width: 170px;
 	z-index: 999;

 	>img {
 		width: 100%;
 	}
 }


 /*********** 콘텐츠영역 ***********/
 #sec01 {
 	position: relative;
 	width: 1180px;
 	margin: 0 auto;
 	overflow: hidden;
 }

 #sec01 .title {
 	position: relative;
 	margin: 70px auto 50px;
 	text-align: center;
 }

 #sec01 .box_wrap {
 	position: relative;
 	overflow: hidden;
 }





 #sec02 {
 	position: relative;
 	width: 1180px;
 	margin: 0 auto;
 	overflow: hidden;
 }

 #sec02 .title {
 	position: relative;
 	margin: 70px auto 50px;
 	text-align: center;
 }

 #sec02 .box_wrap {
 	position: relative;
 	overflow: hidden;
 	margin-top: 20px;
 }

 #sec02 .sec02_bn {
 	position: relative;
 	overflow: hidden;
 	margin-top: 8px;
 }

 #sec02 .sec02_bn li {
 	float: left;
 	margin-left: 8px;
 }

 #sec02 .sec02_bn li:first-child {
 	margin-left: 0;
 }


 #sec03 {
 	position: relative;
 	width: 1180px;
 	margin: 0 auto;
 	overflow: hidden;
 }

 #sec03 .title {
 	position: relative;
 	margin: 70px auto 50px;
 	text-align: center;
 }

 #sec03 .box_wrap {
 	position: relative;
 	overflow: hidden;
 	margin-top: 20px;
 }

 #sec03 .sec03_bn {
 	position: relative;
 	overflow: hidden;
 	margin-top: 8px;
 }

 #sec03 .sec03_bn li {
 	float: left;
 	margin-left: 8px;
 }

 #sec03 .sec03_bn li:first-child {
 	margin-left: 0;
 }

 .main_full_bn {
 	position: relative;
 	max-width: 1903px;
 	width: 100%;
 	left: 50%;
 	margin-top: 50px;
 	margin-left: -951.5px;
 }


 #sec04 {
 	position: relative;
 	width: 1180px;
 	margin: 0 auto;
 	overflow: hidden;
 }

 #sec04 .title {
 	position: relative;
 	margin: 70px auto 50px;
 	text-align: center;
 }

 #sec04 .cnt-inner {
 	position: relative;
 	overflow: hidden;
 }

 /* .news_board {
	position: relative;
	width:339px;
	float: left;
} */

 .notice_board {
 	position: relative;
 	width: 40%;
 	float: left;
 }

 .kakao_bn {
 	position: relative;
 	float: left;
 	margin-left: 59px;
 	width: 50%;
 }

 /* 메인 노출 게시판 */
 .board_list_main {
 	position: relative;
 	border-bottom: 1px solid #AFB8C0;
 }

 .board_list_main:first-child {
 	margin-top: 28px;
 }

 .board_list_main p.list_t {
 	position: relative;
 	width: 339px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
 	padding-top: 31px;
 	font-size: 16px;
 	cursor: pointer;
 }

 .board_list_main p.list_t:hover {
 	text-decoration: underline;
 }

 .board_list_main p.list_d {
 	padding-top: 23px;
 	padding-bottom: 11px;
 	color: #b0b9c2;
 }

 #sec03 .sec03_mv {
 	position: relative;
 	float: right;
 }




 /* 페이지 하단 배너 공통영역 */
 #page_bottom_info {
 	position: relative;
 	overflow: hidden;
 	margin: 53px 0;
 }

 #page_bottom_info .box {
 	position: relative;
 	float: left;
 }

 #page_bottom_info .box:last-child {
 	float: right;
 }

 /* 상담신청 */
 #db_contact {
 	position: relative;
 	width: 1200px;
 	background-color: #4E505C;
 	margin: 54px auto;
 	padding: 54px 0;
 }

 #db_contact .title {
 	padding-left: 50px;
 	margin-right: 70px;
 }

 #db_contact label {
 	font-size: 14px;
 	min-width: 60px;
 	display: inline-block;
 	color: #fff;
 }

 #db_contact input:not([type=checkbox]) {
 	position: relative;
 	border: none;
 	min-width: 170px;
 	min-height: 28px;
 }

 #db_contact textarea {
 	position: relative;
 	border: none;
 	width: 260px;
 	height: 77px;
 	font-size: 14px;
 	resize: none;
 }

 #db_contact .pri_chk {
 	padding-left: 62px;
 	margin-top: 15px;
 	font-size: 12px;
 }

 #db_contact .pri_chk input {
 	vertical-align: middle;
 }

 #db_contact .pri_chk label {
 	padding-left: 5px;
 }

 #db_contact div.fl_l:first-child div:nth-child(2) {
 	margin-top: 20px;
 }

 #db_contact div.fl_l:nth-child(2) {
 	margin-left: 20px;
 }

 #db_contact button {
 	position: relative;
 	border: 0;
 	margin-left: 20px;
 	cursor: pointer;
 }

 #db_contact button .btn_black {
 	position: relative;
 	padding: 0;
 	min-width: 112px;
 	height: 79px;
 	box-sizing: border-box;
 	line-height: 79px;
 	font-size: 16px;
 }


 /*********** 푸터 ***********/
 .footer {
 	position: relative;
 	border-top: 1px solid #c9c9c9;
 	padding: 35px 0 30px;
 	background-color: #FFF;
 	text-align: center;
 }

 .f_btn_area {}

 .f_btn_area a {
 	margin-left: 15px;
 }

 .f_btn_area a:first-child {
 	margin-left: 0;
 }

 .footer p.copyright {
 	padding-top: 20px;
 	font-size: 14px;
 	line-height: 21px;
 	color: #242424;
 }

 .footer p.f_pri {
 	padding-top: 20px;
 	font-size: 14px;
 	line-height: 21px;
 	color: #9e9e9e;
 }

 .footer span.f_ver {
 	padding: 0 15px;
 	color: #888;
 }


 /* 서브 */
 .sub-cnt-full {
 	position: relative;
 	width: 100%;
 	margin: 0 auto;
 	/* text-align: center; */
 	left: 50%;
 	margin-left: -951px;
 	width: 1903px;
 }

 .sub-cnt-full img {
 	width: 100%;
 	max-width: 1903px;
 }

 .sub-main-box {
 	position: absolute;
 	top: 452px;
 	left: 50%;
 	margin-left: -420px;
 	width: 590px;
 }

 .sub-main-box a.btn {
 	position: relative;
 	display: inline-block;
 	width: 191px;
 	height: 52px;
 	line-height: 52px;
 	font-size: 20px;
 	text-align: center;
 	color: #fff;
 	margin-top: 6px;
 }


 /* 서브메인 페이지 버튼 색상 */


 /*피부질환*/
 .sub-main-box a.btn.skin_clinic {
 	background-color: #B64F50;
 }

 /*피부레이저*/
 .sub-main-box a.btn.skin_laser {
 	background-color: #816E5A;
 }

 .sub-main-box a.btn.skin_laser:hover {
 	background-color: #524131;
 }

 /*쁘띠*/
 .sub-main-box a.btn.petit {
 	background-color: #306589;
 }

 .sub-main-box a.btn.petit:hover {
 	background-color: #1D4E6F;
 }



 .sub-cnt-inner {
 	position: relative;
 	width: 1180px;
 	margin: 0 auto;
 }

 .sub_top_visual {
 	position: relative;
 	text-align: center;
 	left: 50%;
 	margin-left: -951.5px;
 	width: 1903px;
 	margin-bottom: 66px;
 }

 .sub_top_visual img {
 	width: 100%;
 	max-width: 1920px;
 	padding-top: 98px;
 }


 /*암전팝업용 css*/
 #layer_back_area {
 	/* visibility: hidden; */
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	text-align: center;
 	background-color: #000000;
 	opacity: 0.8;
 	z-index: 99990;
 }

 #layer_area {
 	/* visibility: hidden; */
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	z-index: 99999;
 }

 #layer_btn {
 	opacity: 1;
 }

 #layer_btn_close {
 	position: absolute;
 	cursor: pointer;
 }

 .pop_wrapper {
 	position: relative;
 	width: 640px;
 	margin: 0 auto;
 	margin-top: 50px;
 }

 /* 메인상단 베스트 프로그램 */
 .container {
 	width: 200px;
 	height: 41px;
 	line-height: 20px;
 	overflow: Hidden;
 	color: #222;
 	padding-left: 45px;
 	font-size: 13.5px;
 	font-family: 'dotum';
 	margin: 5px auto;
 }

 .container p.best_num {
 	display: inline-block;
 	width: 13px;
 	height: 14px;
 	background-color: #FC6757;
 	color: #fff;
 	font-size: 12px;
 	font-family: 'dotum';
 	line-height: 14px;
 	letter-spacing: -1px;
 	text-align: center;
 	margin-right: 7px;
 }

 .container a:hover {
 	color: #FC6757;
 	text-decoration: underline;
 }

 /* 인스타그램 */
 #instagram {
 	overflow: hidden;
 	width: 1360px;
 	margin: 0 auto;
 	margin-bottom: 90px
 }

 .instagram_item {
 	float: left;
 	width: 19.5%;
 	padding-right: 6px;
 	padding-bottom: 6px;
 }

 .instagram_item>a {
 	display: block;
 	width: 100%;
 	padding-top: 100%;
 	position: relative;
 	background: no-repeat center center;
 	background-size: cover;
 }

 .instagram_item>a:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: #000000;
 	background: rgba(0, 0, 0, .8);
 	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);
 	z-index: 1;
 	opacity: 0;
 	-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 	transition: opacity .55s cubic-bezier(.215, .61, .355, 1);
 }

 .instagram_item>a:hover:before {
 	opacity: 1;
 }

 .instagram_item>a:hover p {
 	opacity: 1;
 }