@charset "utf-8";																			 
/* CSS Document */

@-ms-viewport{width:width;}
@-o-viewport{width:width;}
@viewport{width:width;}
body {
    overflow-x: hidden;
}

/* header */
#header {background:#262626; position:relative; height:160px;}
#header .head {width:100%; position:relative;}
#header .head h1 {position:absolute; top:23px; padding:0 30px; background:#262626; left:50%; margin-left:-73px; z-index:20;}
#header .head > .head_top {position:relative; width:1200px; margin:0 auto;}
#header .head > .head_top .allmenu_btn {position:absolute; top:0; right:0;}
#header .head > .head_top > ul {overflow:hidden; float:left;  padding-top:20px;}
#header .head > .head_top > ul li {float:left;padding-right:10px;}
#header .head > .head_top > ul li.meun_on_country{opacity:0.5}
#header .head > .head_top > ul li:last-child(){padding-right:0;}

#header .gnb > ul > li.gnb_li:nth-child(1) {width:130px;}
#header .gnb > ul > li.gnb_li:nth-child(2) {width:130px;}
#header .gnb > ul > li.gnb_li:nth-child(3) {width:130px;}
#header .gnb > ul > li.gnb_li:nth-child(4) {width:130px; margin-right:160px;}
#header .gnb > ul > li.gnb_li:nth-child(5) {width:130px;}
#header .gnb > ul > li.gnb_li:nth-child(6) {width:130px;}
#header .gnb > ul > li.gnb_li:nth-child(7) {width:130px;}
#header .gnb > ul > li.gnb_li:nth-child(8) {width:130px;}

#header .gnb{width:100%; position:absolute; top:90px; left:0; z-index:11; background:url("/img/head_line.jpg") repeat-x;border-top: 1px solid #656565;}
#header .gnb ul{max-width:1200px; margin:0 auto; padding-top:4px;}
#header .gnb ul li.gnb_li{position:relative;width:20%; float:left;}
#header .gnb ul li a{display:block; width:100%;  text-align:right;  color:#fff;}
#header .gnb ul li.active {border-bottom:2px solid #c4b38c; padding-bottom:5px; background:url("/img/gnb_dot.jpg") center top no-repeat;}
#header .gnb ul li.active a{}
#header .gnb ul li ul.gnb_sub_ul{margin:0 auto; display:none;position:absolute;top:80px;left:0;  padding-top:0}
#header .gnb ul li ul.gnb_sub_ul li{height: 50px;   line-height: 50px;   text-align:left;}
#header .gnb ul li ul.gnb_sub_ul li a{font-size:14px; color:#fff;  text-align:left;height:30px;line-height:30px;}
#header .gnb ul li ul.gnb_sub_ul li a:hover{color:#c4b38c;}


#header .list {width:100%; height:290px; position:absolute; top:161px; left:0; z-index:10; background:rgba(0,0,0,0.7); display:none; margin-top:-1px;}



/* footer */
#footer {background:#2b2725; padding-bottom:85px; clear:both;}
#footer .foot {width:1200px; margin:0 auto; overflow:hidden;}
#footer .foot .foot_left {float:left;}
#footer .foot .foot_left .name {padding:40px 0 15px 0; color:#939190; font-size:16px; font-weight:bold; letter-spacing:-0.5px;}
#footer .foot .foot_left .info {color:#7b7876; font-size:14px; font-weight:400; line-height:20px;}
#footer .foot .foot_left .tel {color:#7b7876; font-size:14px; font-weight:400; line-height:20px;}
#footer .foot .foot_left address {font-style:normal; color:#7b7876; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-1px;}
#footer .foot .foot_left .copyright {color:#625f5d; font-size:11px; font-weight:300; margin-top:25px;}
#footer .foot .foot_right {float:right; font-size:0; margin-top:40px;}
#footer .foot .foot_right p {display:inline-block;}
#footer .foot .foot_right p:first-child {margin-right:5px;}


/* lnb */
.lnb {position:relative; width:100%; clear:both; border-top:2px solid #9b9ea3;}
.lnb .lnb_menu {display:none; margin:0 auto; position:relative; width:1200px; height:60px; overflow:hidden;  border-bottom:1px solid #ccc;}
.lnb .lnb_menu li {float:left; border-left:1px solid #d0ccc9; display:block; width:298px; height:60px; text-align:center; box-sizing:border-box;}
.lnb .lnb_menu li:last-of-type {border-right:1px solid #d0ccc9;}
.lnb .lnb_menu li a {font-size:15px; font-weight:bold; color:#808080; line-height:60px; display:block;}
.lnb .lnb_menu .bar {float:left; font-size:18px; color:#868686; padding:0 20px; position:relative; left:50%;}
.lnb .lnb_menu li .on {display:block; color:#fff; font-size:15px; line-height:60px; text-align:center; border-bottom:1px solid #ff4e08; background:#c9b78f;}
.lnb .intro_menu li {width:400px;}
.lnb .diet_menu li {width:240px;}
.lnb .skinny_menu li {width:1200px;}
.lnb .wmclinic_menu li {width:200px;}
.lnb .skinclinic_menu li {width:240px;}
.lnb .fjclinic_menu li {width:300px;}
.lnb .bodyclinic_menu li {width:300px;}
.lnb .community_menu li {width:171.428571px;}


/* sub nav */
.sub_visual {height:620px;}
.sub_visual img {position:absolute; width:2000px; height:620px; left:50%; margin-left:-1000px;}
.sub_nav {width:1200px; margin:50px auto 0; text-align:center; background:url("/img/nav_txt_bg.png") left center repeat-x;}
.sub_nav .nav_txt{display:inline-block; padding:0 80px; font-weight:300; background:#fff;}
.sub_nav > .here {font-size:45px; color:#1f1f1f; font-weight:600; padding-top:35px; letter-spacing:-2px;}
.sub_nav .depth02 {font-size:13px; color:#aaa; margin:0 8px 0 15px;}
.sub_nav .nav_txt .depth01 {color:#aaa; font-size:13px; letter-spacing:-0.5px;}
.sub_nav .nav_txt .here {color:#333; font-size:13px; letter-spacing:-0.5px;}
.sub_nav .nav_txt > a > img {vertical-align:inherit;}
.sub_nav .nav_txt .nav_right {display:inline-block; margin:0 5px;}
.sub_nav .nav_txt .nav_right img {vertical-align:middle;}


/* allmenu */
.allmenu_wrap {display:none; position:absolute; width:100%; height:100%; z-index:25;}
.allmenu_wrap .bg {width:100%; height:100%; background:#000; position:fixed; opacity:0.5;}
.allmenu_wrap .allmenu_box {width:1200px; margin:0 auto;}
.allmenu_wrap .close_btn {margin-bottom:105px; position:relative; text-align:right;}
.allmenu_wrap .allmenu {width:1200px; height:700px; background:#fff; overflow:hidden; position:absolute; left:50%; margin-left:-600px; border-top:9px solid #c4b38c;}
.allmenu_wrap .allmenu .img {width:100%; display:inline-block; text-align:center; margin:28px 0;}
.allmenu_wrap .allmenu .allmenu_top {margin-top:40px;}
.allmenu_wrap .allmenu dl {float:left; width:219px; height:300px; padding:0 40px; border-right:1px solid #ebebeb;}
.allmenu_wrap .allmenu dl dt {color:#262626; font-size:25px; font-weight:bold; letter-spacing:-1px; background:url("/img/dt_line.jpg") bottom center no-repeat; padding-bottom:20px; margin-bottom:30px;}
.allmenu_wrap .allmenu dl dt span {font-weight:300; letter-spacing:-1px;}
.allmenu_wrap .allmenu dl dd ul li {background:url("/img/dd_dot.jpg") left center no-repeat; margin-left:15px; padding-left:20px;}
.allmenu_wrap .allmenu dl dd ul li a {color:#333; font-size:16px; letter-spacing:-1.5px; line-height:30px; font-weight:500;}


/* 2018-10-10 */

.top_footer{background:#2b2725; padding:50px 0;}
.top_footer .inner{width:1280px; margin:0 auto;}
.top_footer .inner ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.top_footer .inner ul li{float:left; width:50%; font-size:11px; color:#7b7876; letter-spacing:-0.06em; line-height:2.3;}
.top_footer .inner ul li b{display:inline-block; color:#939190; margin-right:5px;}

/* quick */


.quick{position: absolute; top:10px; right:0; width:100px; margin-top:150px; z-index: 1;  background:#fe7998; overflow:hidden}

.quick .bx-wrapper{position:relative;}
.quick .bx-pager{width:100%; position:absolute; text-align:center; bottom:10px;}
.quick .bx-pager-item{display:inline-block; margin-right:4px;}
.quick .bx-pager-item:last-of-type{margin-right:0;}
.quick .bx-pager-item a{display:block; width:8px; height:8px; background:url("/img/quick_off.png") no-repeat; text-indent:-9999px; margin:0;}
.quick .bx-pager-item a.active {background:url("/img/quick_on.png") no-repeat;}
.quick .bx-pager-item a:hover {background:url("/img/quick_on.png") no-repeat; border-radius:0;}

.quick .bbox{width:93px; display:block;}
.quick .bbox a{display:block; padding:10px 0; box-sizing:border-box; font-size:14px; letter-spacing:-0.025em; color:#fff; text-align:center;}
.quick .bbox a img{display:block; margin:5px auto;}

.quick .bbox .hr{width:50px; height:1px; background:rgba(255,255,255,0.5); margin:0 auto;}
.quick .bbox .blank{width:100%; height:80px;}

.quick .top {}
.quick .top .up{}

/*20181113 추가 css*/
.bbox > p{padding:30px 0 5px 0; text-align:center; font-size:13px; font-weight:500; letter-spacing:-0.05em; color:#fff;}
.bbox > span{display:block; font-size:22px; font-weight:bold; letter-spacing:-0.07em; color:#fff; text-align:center; line-height:28px;}
.bbox > span b{font-size:30px;}