/* CSS Document */

body {
	color:#323232;
	font-size:14px;
	letter-spacing:-0.25px;
	background-color:#f0f0f0;
	font-family:"NotoSansKR L";
}
.white_bg {
	background-color:#fff;
}

/* 링크 */
a {
	color:#323232;
	text-decoration:none;
} 
a:hover, a:focus {
	color:#b1b124;
	text-decoration:none;
}

/* 컬러 */
.red {
	color:#eb2024;
}
.blue {
	color:#0099ff;	
}
.green {
	color:#66a739;	
}
.orange {
	color:#f49e00;	
}
.bold {
	 font-family:"NotoSansKR R";
}

/* 정렬 스타일 */
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }

.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }


/* 컨텐츠 여백 스타일 */
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.mr70 { margin-right:70px; }
.mr80 { margin-right:80px; }
.mr90 { margin-right:90px; }
.mr100 { margin-right:100px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }

.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }
.pl80 { padding-left:80px; }
.pl90 { padding-left:90px; }
.pl100 { padding-left:100px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }
.pr60 { padding-right:60px; }
.pr70 { padding-right:70px; }
.pr80 { padding-right:80px; }
.pr90 { padding-right:90px; }
.pr100 { padding-right:100px; }


/********** 상단 헤더 **********/
header {
    position: fixed;
    left:0;
    top: 0;
	height:70px;
	z-index:99;
	background-color:#000;
    border-bottom: solid 1px #464646;
}
.header_wrap {
    width: 100%;
	height:70px;
    position: relative;
}

/***** 상단 로고 *****/
.header_wrap .logo {
    position: absolute;
    left: 50%;
    top: 15px;
    width: 136px;
    margin-left: -68px;
}
.header_wrap .logo img {
    width: 100%;
}

/***** 상단 메뉴바 *****/
.header_wrap .burger {
	float:left;
    width: 35px;
    height: 33px;
	margin:19px 0 0 10px;
}
.header_wrap .burger .inner {
    position: relative;
}
.header_wrap .burger .inner .bar {
    display: block;
    position: absolute;
    top: 15px;
    left: 5px;
    width: 25px;
    height: 3px;
    background-color: #fff;
}
.header_wrap .burger .inner .bar1 {transform: translateY(-10px);}
.header_wrap .burger .inner .bar2 {transform: translateY(0);}
.header_wrap .burger .inner .bar3 {transform: translateY(10px);}

/***** 상단 아이콘 *****/
.header_wrap .topmenu {
	float:right;
	margin:20px 10px 0 0;
    position: relative;
}
.header_wrap .topmenu ul {}
.header_wrap .topmenu ul li {
    display: inline-block;
    width: 20px;
    padding: 5px 5px 0 5px;
    margin-left: 1px;
}
.header_wrap .topmenu ul li:last-child {
    width: 22px;
}
.header_wrap .topmenu ul li img {
    width: 100%;
}

.header_wrap .search_box {
	position: absolute;
    top: 70px;
    left: 0;
	z-index:99;
	width:100%;
	display:none;
}
.header_wrap .search_box.on {
	display:block;
}
.header_wrap .search_box ul {
	width:80%;
	height:43px;
	text-align:center;
	background-color:#fafafa;
	padding:10px 10% 0;
}
.header_wrap .search_box ul li {
    display: inline-block;
}
.header_wrap .search_box ul li:nth-child(1) {
	width:82%;
}
.header_wrap .search_box ul li:nth-child(2) {
	width:18%;
}
.header_wrap .search_box ul li:nth-child(1) input {
	width:100%;
	height:33px;
	border:solid 1px #dcdcdc;
	border-right:none;
	box-sizing:border-box;
}
.header_wrap .search_box ul li:nth-child(2) input {
	width:100%;
	height:33px;
	background-color:#000;
	color:#fff;
	border:none;
}


/********** 전체메뉴 **********/
.gnb_wrap {
	position:fixed;
	left:-100%;
	top:0;
	width:100%;
	height:100%;
	background-color:#141414;
	z-index:9999;
	overflow-y:scroll;
	
	transition:all 0.5s;
}
.gnb {
    width: 100%;
    position: relative;
}
.gnb .gnb_top {
	width:100%;
	height:105px;
	background-color:#222;
}
.gnb_top .home {
	float:left;
	width:70%;
	background:url(../images/common/home.svg) no-repeat left 2px;
	color:#fff;
	margin:15px 0 0 15px;
	padding-left:33px;
	font-size:18px;
}
.gnb_top .close {
	float:right;
    width: 35px;
    height: 32px;
	margin:13px 5px 0 0;
}
.gnb_top .close .inner {
    position: relative;
}
.gnb_top .close .inner .bar {
    display: block;
    position: absolute;
    top: 15px;
    left: 5px;
    width: 25px;
    height: 2px;
    background-color: #fff;
}
.gnb_top .close .inner .bar1 {transform: rotate(45deg);}
.gnb_top .close .inner .bar2 {transform: rotate(-45deg);}

.gnb_top .membership {
	float:left;
	clear:both;
	width:90%;
	margin:15px 0 0 15px;
}
.gnb_top .membership ul {}
.gnb_top .membership ul li {
	display:inline-block;
	margin-right:3px;
}
.gnb_top .membership ul li a {
	display:block;
	font-size:14px;
	color:#b4b4b4;
	border:solid 1px #5a5a5a;
	border-radius:15px;
	padding:2px 15px;
}

.gnb .gnb_cate {
	display:block;
	width:100%;
}
.gnb .gnb_cate dl {
	float:left;
	width:100%;
	border-top:solid 1px #5a5a5a;
}
.gnb .gnb_cate dl dt {
	width:100%;
	line-height:60px;
	color:#fff;
	font-size:18px;
	font-family:"NotoSansKR R";
	padding:0 15px;
	box-sizing:border-box;
	position:relative;
}
.gnb .gnb_cate dl dt p {
	position:absolute;
	right:15px;
	top:-2px;
	width:20px;
	height:20px;
}
.gnb .gnb_cate dl dt p img {
    width: 100%;
    transform: rotate(180deg);
    transition: all 0.1s;
}
.gnb .gnb_cate dl dt.on p img {
    transform: rotate(0);
}
.gnb .gnb_cate dl dd {
	width:100%;
	color:#fff;
	padding:0 15px;
	box-sizing:border-box;
}
.gnb .gnb_cate dl dd ul {}
.gnb .gnb_cate dl dd ul li {
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
}
.gnb .gnb_cate dl dd ul li:nth-child(2n) {
	margin-right:0;
}
.gnb .gnb_cate dl dd ul li:last-child {
	margin-bottom:7%;
}
.gnb .gnb_cate dl dd ul li a {
	display:block;
	width:100%;
	line-height:34px;
	color:#fff;
	text-align:center;
	border:solid 1px #dcdcdc;
	box-sizing:border-box;
}

.gnb .gnb_cate .cate_tit {
	float:left;
	width:100%;
	line-height:60px;
	background-color:#fff;
	font-size:20px;
	font-family:"NotoSansKR R";
	padding:0 15px;
	box-sizing:border-box;
}
.gnb .gnb_cate .health_menu > ul {
	float:left;
	width:100%;
}
.gnb .gnb_cate .health_menu > ul > li {
	float:left;
	width:100%;
	position:relative;
	border-bottom:solid 1px #5a5a5a;
}
.gnb .gnb_cate .health_menu > ul > li a {
	display:block;
	width:100%;
	line-height:60px;
	color:#fff;
	font-size:18px;
	font-family:"NotoSansKR R";
	padding:0 15px;
	box-sizing:border-box;
	position:relative;
}
.gnb .gnb_cate .health_menu > ul > li p {
	position:absolute;
	right:15px;
	top:17px;
	width:20px;
	height:20px;
}
.gnb .gnb_cate .health_menu > ul > li p img {
    width: 100%;
    transform: rotate(90deg);
}


/********** 상단 슬라이드메뉴 **********/
nav {
	height:44px;
	background-color:#1e1e1e;
    margin-top: 71px;
    position: relative;
}
.nav_wrap {
    width: 100%;
	height:44px;
	background-color:#000;
}
.nav_wrap a {
    font-size: 15px;
    color: #aaa;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
    background-color: none;
  /* Center slide text vertically */
  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;
}
.nav_arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 24px;
    z-index: 98;
    background-color:#000;
    padding: 8px 15px 12px;
}
.nav_arrow img {
    width: 100%;
    transform: rotate(180deg);
    transition: all 0.3s;
}
.nav_arrow.on img {
    transform: rotate(0);
}
.nav_all {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    z-index: 97;
    background-color:#000;
    display: none;
    padding: 2% 10% 8%;
}
.nav_all h4 {
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-family:"NotoSansKR R";
    margin-bottom: 5px;
}
.nav_all ul {
    width: 100%;
}
.nav_all ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-top: 4%;
}
.nav_all ul li:nth-child(2n) {
    margin-right: 0;    
}
.nav_all ul li a {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    border: solid 1px #dcdcdc;
    color: #fff;
}

/****************** 하단 푸터 ******************/
footer {}
.footer_wrap {
	float:left;
	width:100%;
}


/********** 하단정보 **********/
.foot_box {
	float:left;
	width:100%;
	position:relative;
	background-color:#2d2d2d;
	padding:20px 0;
	border-bottom: solid 1px #464646;
}
.link {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.link > li {
	display:inline-block;
	padding:0 3%;
}
.link > li > a {
	color:#fff;
	font-size:14px;
    font-family:'NotoSansKR L';
}
.link > li > a:hover {
	color:#fff;
}

.sns {
	float:left;
	width:100%;
	text-align:center;
}
.sns > li {
	display:inline-block;
	margin:0 10px;
	width:30px;
}
.sns > li a img {
	width:100%;
}

/****************** 하단 카피 ******************/
#copy_wrap {
	float:left;
	width:100%;
	background:#2d2d2d;
}
.copyright {
	float:left;
	width:94%;
	color:#aaaaaa;
	font-size:12px;
	line-height:20px;
	padding:25px 3%;
    font-family:'NotoSansKR L';
}
.copyright > span {
	color:#fff;
	font-family:'NotoSansKR R';
}


.quick_box { display:none; position:fixed; right:10px; bottom:80px; z-index:9999;}
.quick_box ul { width:50px;}
.quick_box ul li { width:30px; height:30px; padding:10px; background-color:rgba(0,0,0,0.6); margin-bottom:6px;}