@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.notosanskr * { font-family: 'Noto Sans KR', sans-serif; }

/***** CSS reset *****/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; color:#666; font-size:63%; -webkit-text-size-adjust:none; font-size: 1em;}
body { margin:0; padding: 0;}
a { text-decoration:none; color:#666}
img { vertical-align:top; width: 100%;}

ul , ol{list-style: none;}


/****** 레이아웃 ****** design width 640px 기준으로 비율로 환산하였음 **************/
.wrap { min-width:360px; max-width:720px; margin:0 auto; position: relative;}
	#pop_bar { display: block;}


.gnb_area {z-index:1000; position: fixed; max-width: 720px; width:100%; overflow: hidden; background: #fff;}
.gnb_area .gnb_big{float: left; width:100%; padding: 10px 0 10px 0;}
.gnb_area .gnb_big .gnb_l{float:left; max-width:15%; width:100%; margin-right:19%;}
.gnb_area .gnb_big .gnb_c{float:left; max-width:32%; width:100%; margin:4.2% 0 4.2% 0;} /* margin:30px 0 30px 0; */
.gnb_area .gnb_big .gnb_r{float:left; max-width:15%; width:100%; margin-left:19%;}

.gnb_area img{max-width: 100%; width:100%; height:auto;}


.gnb_area a { float: left;}
#btn_allview {float: left; width: 100%; display: block;}
#logo_layfeel_mo {float:left; width: 100%; display: block;}
#btn_call { float: left; width: 100%; display: block;}


#menus { position: absolute; top:0px; /*max-width:46%;*/ background-color: #2a2a2a;}
#menus a { color: #eee;}
#menus span { color: #eee;}

/*.mm-wrapper_opened{position: fixed !important;}*/
/*.mm-panels, .mm-panels>.mm-panel{z-index: 900; position: fixed !important;}*/
#menus{z-index: 800; position: fixed;}


.main_slide { }
.event_slide { padding-bottom: 70px; background-color: #f2f2f2;}
.event_slide .slick-next { right: 15px;}
.event_slide .slick-prev { left: 15px;}
.event_slide_img { text-align: center;}
.event_slide_img img { width: 68.75%; margin-left: 15.625%;}
.latfeel_self { position: relative;}
	.sub_slide_box { position: relative; max-width: 640px;}
	.slide_frame { position: absolute; bottom: 0px; left:0; z-index: 1000;}

#tab_menus { list-style-type: none; text-align: center; margin: 20px auto; padding: 0; position: relative;}
#tab_menus li { list-style: none; display: inline-block; width: 32%;}
	#tab_menus li#tab_btn1 {}
	#tab_menus li#tab_btn2 {}
	#tab_menus li#tab_btn3 {}
#tab_menus a { background-color: #848484; display: block; line-height: 50px; height: 50px; text-align: center; color: #fff; cursor: pointer; font-weight: bold; font-size: 1.1em; border-top-left-radius: 15px; border-top-right-radius: 15px; padding-top: 5px;}
/*#tab_menus a.tab1_view { background: url("./images/bg_btntab1.jpg") no-repeat center top;}
#tab_menus a.tab2_view { background: url("./images/bg_btntab2.jpg") no-repeat center top;}
#tab_menus a.tab3_view { background: url("./images/bg_btntab3.jpg") no-repeat center top;}*/
#tab_menus a.tab1_view.hover { background-color: #ff3c95;}
#tab_menus a.tab2_view.hover { background-color: #852dc8;}
#tab_menus a.tab3_view.hover { background-color: #678a09;}
#tab_menus a.tab1_view.hover:active { background-color: #ff3c95;}
#tab_menus a.tab2_view.hover:active { background-color: #852dc8;}
#tab_menus a.tab3_view.hover:active { background-color: #678a09;}
#imgview_box { padding: 0 1%;}
#imgview_box img { display: none; width: 100%;}
#imgview_box img.show { display: block;}

.video-container { position:relative; width: 95%; padding-bottom:56.25%; height:5px; overflow:hidden; border: 3px solid #e9501e; box-shadow: 5px 5px #e9501e; margin: 0 auto;}
.video-container.location { padding-bottom: 60%; margin-bottom: 30px;}
.video-container iframe { position:absolute; top:0;left:0; width:99.0625%; height:100%;}
.video-container.location iframe { display: block; }
.clinic_links { list-style-type: none; overflow: hidden;}
.clinic_links li { list-style: none; float: left;}
.clinic_links .full_li { list-style: none; width: 100%;}
.clinic_links .half_li { list-style: none; width: 50%;}
.sns_link { list-style-type: none; overflow: hidden;}
.sns_link li { list-style: none; width: 25%; float: left;}

.site_info { background-color: #222; color: #ddd; text-align: center; font-size: 0.9em; line-height: 150%; padding: 2em 0;}


/* 21. 09. 16*/
/*.main_slide{float:left; width:100%; margin-top:17%; margin-bottom: 7%; background: #fff;}*/
.main_slide{float:left; width:100%; margin-bottom: 7%; background: #fff;}
.main_slide .mslide{float:left; width:100%;}
.main_slide .mslide img{max-width:100%; width:100%; height:auto;}

.seller{float:left; width:100%;}
.seller .title{float:left; width:100%; padding:5% 0 5% 0; background: #fff;}
.seller .title h3{max-width:37%; width:100%; margin:0 auto;}  /* w-368 */

.seller .sellerImg{float:left; width:100%;}
.seller .sellerImg .seller_l{float: left; width:50%;}
.seller .sellerImg .seller_r{float: left; width:50%;}
.seller .sellerImg a{float: left; display: block;}
.seller img{max-width: 100%; width:100%; height:auto;}


.ly_bg{float:left; width:100%;}
.ly_bg img{max-width:100%; width:100%; height:auto;}


.layfeel{float:left; width:100%;}
.layfeel .title{float:left; width:100%; padding:7% 0 7% 0;}
.layfeel .title h3{max-width:25%; width:100%; margin:0 auto;}   /* w-181 */

.layfeel .layfeel_in{float:left; width;100%;}
.layfeel .layfeel_in .layfeel_l{float:left; width:50%;}
.layfeel .layfeel_in .layfeel_r{float:left; width:50%;}
.layfeel .layfeel_in a{float: left; display: block; width:100%;}
.layfeel img{max-width:100%; width:100%; height:auto;}



.ly_youtube{float:left; width:100%; padding-bottom:10%;  background:#FDF2EC;}
.ly_youtube .title{float:left; width:100%; padding:7% 0 7% 0;}
.ly_youtube .title h3{max-width:40%; width:100%; margin:0 auto;}  /* w-290 */

.ly_youtube .ly_in{max-width:82%; width:100%; margin:0 auto; }  /* w-588 */
.ly_youtube .ly_in .youtube_view{position:relative; width: 100%; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-bottom: 4%}
.ly_youtube .ly_in .youtube_view iframe,
.ly_youtube .ly_in .youtube_view object,
.ly_youtube .ly_in .youtube_view embed{position: absolute; top:0; left:0; width:100%; height:100%;}


.ly_youtube .ly_in ul{float:left; display:block; width:100%; margin-bottom: 4%}
.ly_youtube .ly_in ul li{ position: relative; float:left; width:48%; padding-right:2%;}
.ly_youtube .ly_in ul li:last-child{padding-right:0; padding-left:2%;}

.ly_youtube .ly_in ul li .btn_play{ position: absolute; top:50%; left:50%;
	  max-width: 45px; width:100%;
		transform: translate(-50%, -50%;); -webkit-transform: translate(-50%, -50%);
		cursor: pointer;
}

.ly_youtube .ly_in .last{margin-bottom: 10%;}
.ly_youtube .ly_in .more_btn{max-width:50%; width:100%; margin: 0 auto;}   /* w - 284*/
.ly_youtube .ly_in .more_btn a {float: left; display: block; width: 100%;}

.ly_youtube img{max-width:100%; width:100%; height:auto;}


.ly_insta{float:left; width:100%;}
.ly_insta img{max-width:100%; width:100%; height:auto;}

.ly_sns{float:left; width:100%;}
.ly_sns img{max-width: 100%; width:100%; height:auto;}


.ly_map{float:left; width:100%; padding: 8% 0 10% 0;}
.ly_map .ly_map_in{max-width: 88%; width:100%; height:auto; margin: 0 auto;}
.ly_map .ly_map_in .map{float:left; width:100%;}

.ly_map .ly_map_in .ly_info{float: left; width:100%; padding-top: 8%;}
.ly_map .ly_map_in .ly_info .ly_info_l{float: left; max-width: 36%; width:100%; margin-right: 2%;}
.ly_map .ly_map_in .ly_info .ly_info_l .load{margin-bottom: 25%;}
.ly_map .ly_map_in .ly_info .ly_info_r{float: left; max-width: 60%; width:100%; margin-left: 2%;}

.ly_map img{max-width: 100%; width:100%; height: auto;}


footer{float:left; width:100%; margin-bottom:19%;}
footer .footer_top{float: left; padding:10px 0 10px 0; width:100%; height:42px; border-bottom: 1px solid #EEEEEE; border-top:1px solid #EEEEEE; }
footer .footer_top .ft_sns{max-width:286px; width:100%; margin:0 auto; height:42px; }   /* w-286 */
footer .footer_top .ft_sns li{display: inline-block; width:54px; height:42px; line-height: 42px; }
footer .footer_top .ft_sns li a{float: left; display:block;}

footer .footer_top .ft_sns li.br{width:1px;  height:30px; line-height: 30px;  border-right:1px solid #DCDCDC; margin: 6px 5px 6px 5px;}

footer .footer_bottom{float: left; width:100%; padding:8% 0 10% 0; /*margin-bottom:8%;*/ }
footer .footer_bottom .f_logo{max-width: 148px; width:100%; margin:0 auto; padding-bottom:35px;}

footer .footer_bottom .foot_txt{max-width:98%; width:100%; margin: 0 auto;}
footer .footer_bottom .foot_txt .dl{float: left; width:100%; padding-bottom:10px;}
footer .footer_bottom .foot_txt .dl p{font-family: 'Noto Sans KR', sans-serif;  font-size:0.9375rem; font-weight: normal; line-height: 1.5; text-align: center;  color:#626262;}   /* 15px*/
footer .footer_bottom .foot_txt .dl p span{padding: 0 3px 0 3px; color:#626262;}


/* subpage */
.subcontent{float:left; width:100%;}
.mt-128{margin-top:18%;}   /* mt-128*/
.subcontent img{display: block; max-width: 100%; width:100%; }

/* .video-container {
    position: relative;
    width: 95%;
    padding-bottom: 56.25%;
    height: 5px;
    overflow: hidden;
    border: 3px solid #e9501e;
    box-shadow: 5px 5px #e9501e;
    margin: 0 auto;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 99.0625%;
    height: 100%;
} */

.sns_link {
    list-style-type: none;
    overflow: hidden;
}

.sns_link li {
    list-style: none;
    width: 25%;
    float: left;
}