@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:right; margin-right:85px; padding-top:20px;}
#header .head > .head_top > ul li {float:left;}
#header .head > .head_top > ul li span {border-right:1px solid #747474; margin:0 10px;}
#header .head > .head_top > ul li a {color:#747474; font-size:13px; font-weight:300; letter-spacing:-0.5px;}

#header .gnb > ul > li.gnb_li:nth-child(1) {width:115px;}
#header .gnb > ul > li.gnb_li:nth-child(2) {width:170px;}
#header .gnb > ul > li.gnb_li:nth-child(3) {width:115px;}
#header .gnb > ul > li.gnb_li:nth-child(4) {width:117px; margin-right:165px;}
#header .gnb > ul > li.gnb_li:nth-child(5) {width:100px;}
#header .gnb > ul > li.gnb_li:nth-child(6) {width:108px;}
#header .gnb > ul > li.gnb_li:nth-child(7) {width:108px;}
#header .gnb > ul > li.gnb_li:nth-child(8) {width:100px;}
#header .gnb > ul > li.gnb_li:nth-child(9) {width:100px;}

#header .gnb{width:100%; position:absolute; top:90px; left:0; z-index:11; background:url("/img/head_line.jpg") repeat-x;}
#header .gnb ul{max-width:1200px; margin:0 auto;}
#header .gnb ul li.gnb_li{position:relative;width:20%; float:left;}
#header .gnb ul li a{display:block; width:100%; height:50px; line-height:70px; font-size:17px; text-align:center;  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:75px;left:8px;  width: 100px;}
#header .gnb ul li ul.gnb_sub_ul li{height:30px; line-height:30px;   text-align:left;}
#header .gnb ul li ul.gnb_sub_ul li a{font-size:13px; 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:1380px; 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:13px; color:#c5c5c5; letter-spacing:-0.06em; line-height:2.3;}
.top_footer .inner ul li b{display:inline-block; color:#e5dec4; margin-right:5px;font-size: 15px;}

/* quick */


.quick{position: absolute; top:10px; right:0; width:90px; 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 {padding:20px 0;}
.quick .top .up{display:block; width:50px; height:50px; border-radius:50px; background:#f85379; margin:0 auto; font-size:13px; color:#fff; text-align:center; line-height:50px;}

/*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;}



.salary_content{max-width:1000px;margin:0 auto; padding:50px 0; width:100%;}
.salary_content .container_title{margin-bottom:15px;font-size:45px; font-weight:350; letter-spacing:-.095em; color:#272727}
.salary_content .container_stitle {margin-bottom:0;font-size:17px; font-weight:350; letter-spacing:-.095em; color:#272727 }
.salary_content p.t6{font-size:20px;margin-top:40px;  color:#272727}
.salary_content .ctt_use03{padding-top:40px;}

/*테이블*/
.tblm {border-top:2px solid #76675b;border-bottom:1px solid #9f9fa1;width:100%; margin:10px auto}
.tblm table { width:100%; background:#fff; border-collapse:collapse}
.tblm table caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tblm thead th {padding: 15px;background:#f7f5f2;border-right:1px solid #e6e3e1;text-align:center;letter-spacing:-0.5px;color:#76675b;  vertical-align: middle;font-size:17px;}
.tblm thead th p{font-size:20px; font-weight:400;}
.tblm thead th.none { border-right:none}
.tblm thead th p{color:#25497d;}
.tblm thead th:last-child { border-right:none}
.tblm tbody th {padding: 15px;background:#f7f5f2;border-bottom:1px solid #e6e3e1;border-right:1px solid #e6e3e1;text-align:center;letter-spacing:-0.5px;color:#76675b;  vertical-align: middle;}
.tblm tbody th.none { border-bottom:none; border-right:1px solid #e6e3e1;}
.tblm tbody th:last-child { border-bottom:none}
.tblm tbody td.title{padding: 10px ;border-top:1px solid #e6e3e1; background:#f8f8f8; color:#333; text-align:center; font-size:1em; font-weight:bold; border-right:1px solid #e6e3e1;}
.tblm tbody td.title2{padding: 15px ;border-top:1px solid #e6e3e1; background:#fff; color:#333;font-size:16px; font-weight:bold }
.tblm tbody td.price{padding: 15px ;border-top:1px solid #e6e3e1; color:#fb7030; font-size:16px; }
.tblm tbody td {padding: 10px ;border-top:1px solid #e6e3e1; border-right:1px solid #e6e3e1; text-align:center; font-size:15px; vertical-align:middle;color:#272727}
.tblm tbody td.left{padding: 10px ;border-top:1px solid #e6e3e1; border-right:1px solid #e6e3e1; text-align:left; font-size:15px; vertical-align:middle;color:#272727}
.tblm tbody td.none { border-right:none}
.tblm tbody td.tnone { border-top:none}
.tblm tbody td:last-child { border-right:none}
.tblm tbody td.check{padding: 10px ;border-top:1px solid #e6e3e1; text-align:center; font-size:0.9em; background:#f5f5f5; font-weight:bold}
.tblm tbody td input{color:333333;  font-size: 11px; background:#fff; border:1px solid #ded7d5; height:22px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.tblm tbody td select{color:333333;  font-size: 12px; background:#fff; border:1px solid #a3a3a3; height:24px;}
.tblm tr:first-child th.
.tblm tr:first-child td {border-top:none;}
.tblm select {height:20px;font-size:11px;}
.tblm .tdDiv {padding:4px 0;}

.popup-layer {
    position: absolute;
    z-index: 500;
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
}
.popup-layer__content__wrap {
    overflow: hidden;
}
.popup-layer .popup-layer__btn__wrap {
    display: flex;
    height: 40px;
    width: 100%;
    border-top: 1px solid #E2E2E2;
}
.popup-layer .popup-layer__btn__wrap .popup-layer__btn__cookie-close {
    border-right: 1px solid #E2E2E2;
    opacity: 0.5;
}
.popup-layer .popup-layer__btn__wrap .popup-layer__btn__cookie-close, .popup-layer .popup-layer__btn__wrap .popup-layer__btn__close {
    height: auto;
    flex-grow: 1;
    cursor: pointer;
    z-index: 100000;
}