@charset "utf-8";

body { width: 100%; height: 100%; font-family:'NanumSquare','Dotum','돋움','sans-serif'; font-size:19px; font-weight: 300; line-height: 1.5em; word-break: keep-all; word-wrap: break-word; color: #000; }
.tahoma{ font-family: "Tahoma"; }
.NanumMyeongjo{ font-family: "NanumMyeongjo"; }
.container{ position: relative; }
.web{  }
.mob{ display: none; }

.wrap{ padding: 120px 0 0 0; }

@media (max-width:991px) {
	body{ margin: 50px 0 0 0; font-size:16px; }
	.web{ display: none; }
	.mob{ display: block; }
	.wrap{ padding: 0 0 0 0; }
}

@media (max-width:767px) {
	html,body{font-size:12px; }
}

@media (max-width:320px) {
}

h1, .h1{ margin: 0; padding: 0; font-size: 2em; }/*32*/
h2, .h2{ margin: 0; padding: 0; font-size: 1.6em; }/*26*/
h3, .h3{ margin: 0; padding: 0; font-size: 1.50em; }/*24*/
h4, .h4{ margin: 0; padding: 0; font-size: 1.38em; }/*22*/
h5, .h5{ margin: 0; padding: 0; font-size: 1.25em; }/*20*/
h6, .h6{ margin: 0; padding: 0; font-size: 1.13em; }/*18*/

/*기준색*/
.main_co{ color: #ff696b !important; }
.sub_co{ color: #71a1ff !important; }
.point_co{ color: #d57d0f !important; }

.main_bg{ color: #fff !important; background: #ff696b !important; }
.sub_bg{ color: #fff !important; background: #71a1ff !important; }
.gray_bg{ background: #f5f5f5 !important; }
.white_bg{ border: 1px solid #aaa; }

/* 모달 약관보기 */
.modal-body .scroll{ height: 450px; overflow-y: scroll; }

.pd{ padding: 3% 0; min-height: 700px; }
.pb_b5{ padding-bottom: 5%; }

#quick{ position: absolute; right: 0; top: 190px; width: 100px; z-index: 100; border:1px solid #c8c8c8; background: #fff; }
#quick ul li{ text-align: center; padding: 10px 5px; }
#quick ul li:last-child span{ border-bottom: 0; }
#quick span{ display: block; padding:5px; letter-spacing: -1px; color: #7a6a56; border-bottom: 1px solid #c8c8c8; }
#quick img{ width: auto; }

@media (max-width:1149px) {
	#quick{ display: none; }
}

.location{ padding: 30px 0; text-align: center; line-height: 1.5em; background: #fdfaf0; }
.location h2{ padding: 0 0 10px 0; }
.location h2 a{ display: block; width: 50px; height: 50px; vertical-align: 40px; }
.location li{ display:inline-block; padding: 0; vertical-align: middle; font-size: 12px; }
.location li i{ vertical-align: middle; }

.hero { position: relative; padding: 3% 0; text-align: center; color: #fff; }
.hero p{ padding: 0 0 20px 0; }
.hero h1{ font-weight: 800; }
.hero.intro_bg{ background: url('../../img/common/intro_bg.png'); background-size: cover; }
.hero.face_bg{ background: url('../../img/common/face_bg.png'); background-size: cover; }
.hero.petit_bg{ background: url('../../img/common/petit_bg.png'); background-size: cover; }
.hero.obese_bg{ background: url('../../img/common/obese_bg.png'); background-size: cover; }
.hero.community_bg{ background: url('../../img/common/community_bg.png'); background-size: cover; }

@media (max-width:991px) {
	.pb_b5{ padding-bottom: 10%; }
}

@media (max-width:767px) {
	.location{ padding: 15px 0; }
	.hero p{ padding: 0 0 5px 0; }

	.pd{ min-height: 350px; }
}

/* 약관 모달 */
.modal .scroll{ height: 550px; overflow-y: scroll; }
.modal .close{ left: auto; right: 0; }

/* 그라데이션 */
	.g_box { background: -webkit-gradient(linear, left top, right top, color-stop(0, #009358), color-stop(1, #333a99));
	background: -moz-linear-gradient(left, #009358 0%, #333a99 100%);
	background: -webkit-linear-gradient(left,  #009358 0%, #333a99 100%);
	background: -o-linear-gradient(left,  #009358 0%, #333a99 100%);
	background: -ms-linear-gradient(left,  #009358 0%, #333a99 100%);
	background: linear-gradient(left,  #009358 0%, #333a99 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009358', endColorstr='#333a99', gradientType=1); padding: 1px; display: inline-block;}
	.g_box span{ display: block; background: #fff;}

/* 이용약관 */
.terms .con{ padding:15px 10px; border-bottom: 1px solid #e5e5e5; }
.terms h1{ padding: 0 0 10px 0; font-size: 1.2em; font-weight: 500; }

.terms ul li{ position: relative; }
.terms .list01 li{ padding:0 0 0 35px; }
.terms .list01 i { position: absolute; left: 10px; }
.terms .list02 li{ padding:0 0 0 55px; }
.terms .list02 i { position: absolute; left: 30px; }
.terms .list03 li{ padding:0 0 0 65px; }
.terms .list03 i { position: absolute; left: 40px; }
.terms .list04 li{ padding:0 0 0 95px; }
.terms .list04 i { position: absolute; left: 75px; }

.terms table{ border-top: 2px solid #15aae8; }
.terms table th{ font-weight: 300; background: #eee; }
.terms table th, .terms table td{ padding:10px; border-top: 1px solid #ddd; }

/* -- 약관 -- */
.terms h4{ padding: 15px 0 0 5px; font-weight: 500; }
.terms h5{ padding: 15px 0 5px 5px; }
.terms .agree_box { padding: 10px; overflow-y: scroll; width: 100%; height: 150px; border: 1px solid #ddd;}
.terms p{ padding: 5px 5px 0 5px; }

.terms .circle > li:nth-child(1) > i:before{ content: "①"; }
.terms .circle > li:nth-child(2) > i:before{ content: "②"; }
.terms .circle > li:nth-child(3) > i:before{ content: "③"; }
.terms .circle > li:nth-child(4) > i:before{ content: "④"; }
.terms .circle > li:nth-child(5) > i:before{ content: "⑤"; }
.terms .circle > li:nth-child(6) > i:before{ content: "⑥"; }
.terms .circle > li:nth-child(7) > i:before{ content: "⑦"; }
.terms .circle > li:nth-child(8) > i:before{ content: "⑧"; }
.terms .circle > li:nth-child(9) > i:before{ content: "⑨"; }
.terms .circle > li:nth-child(10) > i:before{ content: "⑩"; }
.terms .circle > li:nth-child(11) > i:before{ content: "⑪"; }

.terms .num > li:nth-child(1) > i:before{ content: "1."; }
.terms .num > li:nth-child(2) > i:before{ content: "2."; }
.terms .num > li:nth-child(3) > i:before{ content: "3."; }
.terms .num > li:nth-child(4) > i:before{ content: "4."; }
.terms .num > li:nth-child(5) > i:before{ content: "5."; }
.terms .num > li:nth-child(6) > i:before{ content: "6."; }
.terms .num > li:nth-child(7) > i:before{ content: "7."; }
.terms .num > li:nth-child(8) > i:before{ content: "8."; }
.terms .num > li:nth-child(9) > i:before{ content: "9."; }
.terms .num > li:nth-child(10) > i:before{ content: "10."; }
.terms .num > li:nth-child(11) > i:before{ content: "11."; }
.terms .num > li:nth-child(12) > i:before{ content: "12."; }
.terms .num > li:nth-child(13) > i:before{ content: "13."; }
.terms .num > li:nth-child(14) > i:before{ content: "14."; }
.terms .num > li:nth-child(15) > i:before{ content: "15."; }

.terms .brac > li:nth-child(1) > i:before{ content: "1)"; }
.terms .brac > li:nth-child(2) > i:before{ content: "2)"; }
.terms .brac > li:nth-child(3) > i:before{ content: "3)"; }
.terms .brac > li:nth-child(4) > i:before{ content: "4)"; }
.terms .brac > li:nth-child(5) > i:before{ content: "5)"; }
.terms .brac > li:nth-child(6) > i:before{ content: "6)"; }
.terms .brac > li:nth-child(7) > i:before{ content: "7)"; }
.terms .brac > li:nth-child(8) > i:before{ content: "8)"; }
.terms .brac > li:nth-child(9) > i:before{ content: "9)"; }
.terms .brac > li:nth-child(10) > i:before{ content: "10)"; }
.terms .brac > li:nth-child(11) > i:before{ content: "11)"; }
.terms .brac > li:nth-child(12) > i:before{ content: "12)"; }
.terms .brac > li:nth-child(13) > i:before{ content: "13)"; }
.terms .brac > li:nth-child(14) > i:before{ content: "14)"; }
.terms .brac > li:nth-child(15) > i:before{ content: "15)"; }
.terms .brac > li:nth-child(16) > i:before{ content: "16)"; }
.terms .brac > li:nth-child(17) > i:before{ content: "17)"; }
.terms .brac > li:nth-child(18) > i:before{ content: "18)"; }
.terms .brac > li:nth-child(19) > i:before{ content: "19)"; }
.terms .brac > li:nth-child(20) > i:before{ content: "20)"; }
.terms .brac > li:nth-child(21) > i:before{ content: "21)"; }
.terms .brac > li:nth-child(22) > i:before{ content: "22)"; }
.terms .brac > li:nth-child(23) > i:before{ content: "23)"; }
.terms .brac > li:nth-child(24) > i:before{ content: "24)"; }
.terms .brac > li:nth-child(25) > i:before{ content: "25)"; }

.terms .han > li:nth-child(1) > i:before{ content: "가"; }
.terms .han > li:nth-child(2) > i:before{ content: "나"; }
.terms .han > li:nth-child(3) > i:before{ content: "다"; }
.terms .han > li:nth-child(4) > i:before{ content: "라"; }
.terms .han > li:nth-child(5) > i:before{ content: "마"; }

.terms .hyphen > li > i:before{ content: "-"; }
.terms .squ > li > i:before{ content: "ο"; }
.terms .title:before{ content: "■"; }