@charset "utf-8";

/*
css name : component
use : align,display,layout,header,footer,lnb,aside
*/

/* ==================================================
	웹 폰트
================================================== */
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/NotoSans-Thin.eot") format("eot");
  src: url("../fonts/NotoSans-Thin.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Thin.otf") format("opentype"),
  url("../fonts/NotoSans-Thin.woff") format("woff"),
  url("../fonts/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/NotoSans-Light.eot") format("eot");
  src: url("../fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Light.otf") format("opentype"),
  url("../fonts/NotoSans-Light.woff") format("woff"),
  url("../fonts/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/NotoSans-DemiLight.eot") format("eot");
  src: url("../fonts/NotoSans-DemiLight.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-DemiLight.otf") format("opentype"),
  url("../fonts/NotoSans-DemiLight.woff") format("woff"),
  url("../fonts/NotoSans-DemiLight.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/NotoSans-Regular.eot") format("eot");
  src: url("../fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Regular.otf") format("opentype"),
  url("../fonts/NotoSans-Regular.woff") format("woff"),
  url("../fonts/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/NotoSans-Medium.eot") format("eot");
  src: url("../fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Medium.otf") format("opentype"),
  url("../fonts/NotoSans-Medium.woff") format("woff"),
  url("../fonts/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/NotoSans-Bold.eot") format("eot");
  src: url("../fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Bold.otf") format("opentype"),
  url("../fonts/NotoSans-Bold.woff") format("woff"),
  url("../fonts/NotoSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/NotoSans-Black.eot") format("eot");
  src: url("../fonts/NotoSans-Black.eot?#iefix") format("embedded-opentype"),
  url("../fonts/NotoSans-Black.otf") format("opentype"),
  url("../fonts/NotoSans-Black.woff") format("woff"),
  url("../fonts/NotoSans-Black.woff2") format("woff2");
}

/* ==================================================
	RESET
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, xmp,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, 
mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
th,td {vertical-align:middle;box-sizing:border-box;}
a:link, a:visited, a:hover, a:active {color:inherit;text-decoration:none;outline:none;}
b,strong {font-weight:700;}
input, textarea, select, button {margin:0;padding:0;font:inherit;}
button {border:0;background:none;outline:none;vertical-align:baseline;cursor:pointer;}
button > span {position:relative;vertical-align:baseline;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
button[disabled], input[disabled] {cursor:default;}
textarea {overflow:auto;}
textarea, input {resize:none;}
legend {visibility:hidden; font-size:0;}
audio:not([controls]) {display:none;height:0;}
svg:not(:root){overflow:hidden;}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear{display:none;}
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:none;appearance:none;cursor:pointer; }
button,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {border-radius:0;-webkit-border-radius:0;appearance:none;-webkit-appearance:none; border:0; font-size:1.4rem;outline-width:0 !important; -webkit-outline-width:0; -webkit-border-radius:0; box-sizing:border-box; }
select {border-radius:0;-webkit-border-radius:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}
img {max-width:100%; max-height:100%;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="search"] {}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

::-webkit-input-placeholder {color:#ddd; }
input:-ms-input-placeholder { color:#ddd }   
input:focus { outline:none !important; outline-width:0 !important;}
input:focus + .btn-basic.small {}

button { height: auto; }

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

	-ms-user-select: auto !important; 
	-moz-user-select: -moz-auto !important;
	-khtml-user-select: auto !important;
	-webkit-user-select: auto !important;
	user-select: auto !important;
}


/* 공통레이아웃 */

html,
body {min-width:320px;width:100%;height:100%;background-color:#fff;color:#2D2D2D;font-family:'Noto Sans KR',nsq,sans-serif;font-weight:400;-webkit-text-size-adjust:none;}
html {font-size:62.5%;}
body {position:relative;font-size:1.2rem;line-height:1.4;}
#content {flex:1 0 auto; -webkit-flex:1 0 auto; margin-bottom:80px;}

body.lyrOpen #page {position:fixed;right:0;bottom:0;left:0;overflow:hidden;}
#dim_bg {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(45,45,45,.9);}

input[type=checkbox].check {
	display: none; 
}
input[type=checkbox].check + label { 
	display: inline-block;
	cursor: pointer; 
	line-height: 2.5rem; 
	padding-left: 3.4rem;
	height: 2.5rem;
	background: url(../img/check_off.png) left/2.5rem no-repeat;
	transition-duration: 0.3s;
	font-size: 1.5rem;
	color: #555555;
	font-weight: 500;
}
input[type=checkbox]:checked.check + label {
	background-image: url(../img/check_on.png); 
	transition-duration: 0.3s;
}
.common_btn {
	display: block;
	width: 100%;
	height: 4.2rem;
	line-height: 4rem;
	font-size: 1.5rem;
	color: #ffffff !important;
	font-weight: 600;
	text-align: center;
	background-color: #76c5b8;
	border: 0.1rem solid #5ab9af;
	border-radius: 2.1rem;
}
.top_right {
	position: absolute;
    width: 5rem;
    height: 5rem;
    top: 0;
    right: 0;
}


/* menu */
#page {
	position: relative;
    overflow: hidden;
    width: 100%;
	min-height: 100%;
}
.menu_wrapper {
	position: fixed;
    top: 0px;
    left: -80%;
	left: calc(5rem - 100%);
    width: 80%;
	width: calc(100% - 5rem);
    height: 100%;
	background: url(../img/menu_bg.jpg) center bottom no-repeat;
	background-size: cover;
    background-color: #76c5b8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
    z-index: 1000;
}
.menu_wrapper_open {
	left: 0;
	overflow-y: auto;
}
#main {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#main.left_menu_toright, #hd.left_menu_toright, #ft.left_menu_toright, 
#cate.left_menu_toright, #page_wrap.left_menu_toright, #faq_cate.left_menu_toright,
#act_main_btn_wrap.left_menu_toright {
    left: 80%;
	left: calc(100% - 5rem);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menu_wrapper {
}
.menu_wrapper ul {
	padding: 6rem 0 0;
}
.menu_wrapper ul li {
	position: relative;
}
.menu_wrapper ul li a {
	display: block;
	font-size: 1.8rem;
	color: #fff;
    line-height: 4.5rem;
	padding-left: 3.3rem;
	text-shadow: -0.2rem 0 #59aeb7, 0 0.2rem #59aeb7, 0.2rem 0 #59aeb7, 0 -0.2rem #59aeb7;
}
.menu_logo {
    position: absolute;
    left: 0;
    bottom: 6rem;
	width: 100%;
	text-align: center;
}
.menu_logo p {
	font-size: 1rem;
	color: #fff;
	font-weight: 100;
    margin-bottom: 2rem;
}
.menu_logo a {
	font-size: 1rem;
	color: #fff;
}
.menu_logo img {
	width: 24.3rem;
	height: auto;
}

/* hd */
#hd {
	position: fixed;
	width: 100%;
	height: 8rem;
	top: 0;
	left: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 100;
	background: #76c5b8;
}
#menu_toggle {
	position: absolute;
	width: 5rem;
	height: 5rem;
	top: 0;
	left: 0;
}
#back_btn {
	position: absolute;
	width: 5rem;
	height: 5rem;
	top: 0;
	left: 0;
}
.hd_top {
	position: relative;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
}
.hd_bottom {
	position: relative;
	width: 100%;
	height: 3rem;
	background-color: #76c5b8;
}
.hd_round {
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 3rem 3rem 0 0;
}
.hd_title {
	font-size: 2rem;
	color: #fff;
	text-shadow: -0.2rem 0 #76c5b8, 0 0.2rem #76c5b8, 0.2rem 0 #76c5b8, 0 -0.2rem #76c5b8;
}
.title_logo {
	width: 8rem;
	height: 2.5rem;
    vertical-align: middle;
}
.save_history {
	position: absolute;
	width: 5rem;
	height: 5rem;
	top: 0;
	right: 0;
}

/* ft */
#ft {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8rem;
	background-color: #f6f6f1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1000;
}
#ft_top {
	display: flex;
	width: 100%;
	height: 2.5rem;
}
.ft_top_left {
	width: 1.5rem;
	height: 100%;
	background: url(../img/AC_quick_bg_left.png);
	background-size: 1.5rem 2.5rem;
}
.ft_top_center {
	flex-grow: 1;
	height: 100%;
	background: url(../img/AC_quick_bg_center.png);
	background-size: auto 2.5rem;
}
.ft_top_right {
	width: 1.5rem;
	height: 100%;
	background: url(../img/AC_quick_bg_right.png);
	background-size: 1.5rem 2.5rem;
}
#ft_bottom {
	width: 100%;
	height: 5.5rem;
}
#ft_bottom ul {
	font-size: 0;
	text-align: center;
    margin-top: 0.7rem;
}
#ft_bottom ul li {
	display: inline-block;
	margin-right: 3.5rem;
}
#ft_bottom ul li:last-child {
	margin-right: 0;
}
#ft_bottom ul li img {
	width: 3.25rem;
}
#ft_bottom ul li a {
	position: relative;
	display: inline-block;
}
#ft_bottom ul li .ft_new {
	position: absolute;
	right: -6px;
	top: -9px;
	width: 2rem;
	height: 1.9rem;
}

@keyframes blink-effect {
	50% {
	  opacity: 0;
	}
}
  
.blink {
	animation: blink-effect 1s step-end infinite;
}

/* wrap */
#wrapper {
	padding: 8rem 0 8rem;
	background-color: #fff;
}
.container {
	padding: 0 1.5rem;
}
.inner_wrap {
	padding: 0 1.5rem;
}
/* main */
.main_title {
	font-size: 1.6rem;
	color: #363636;
	text-align: center;
	margin-bottom: 1.8rem; 
}
.main_status_wrap {
}
.main_status_wrap ul {
	display: flex;
    justify-content: space-between;
}
.main_status_wrap ul li {
    width: calc(25% - 0.75rem);
	border: 0.1rem solid #64c2cc;
    border-radius: 1.2rem;
}
.main_status_box {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 147.297%;
}
.main_progress_wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
	text-align: center;
}
.main_progress_wrap .circle {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
}
.main_progress_wrap .circle canvas {
    position: relative;
    z-index: 10;
}
.main_progress_wrap .circle img {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	z-index: 1;
}
.main_progress_text_wrap {
}
.main_progress_count {
	font-size: 2rem;
	font-weight: 600;
}
.main_progress_name {
	font-size: 1rem;
	color: #7f8181;
}
.main_status_wrap ul li:nth-child(1) .main_progress_count {
	color: #f24149;
}
.main_status_wrap ul li:nth-child(2) .main_progress_count {
	color: #f6b200;
}
.main_status_wrap ul li:nth-child(3) .main_progress_count {
	color: #9cb226;
}
.main_status_wrap ul li:nth-child(4) .main_progress_count {
	color: #33aae9;
}
.main_total_wrap {
	margin: 3rem 0;
}
.main_total_title {
	font-size: 1.2rem;
	color: #363636;
	font-weight: 600;
	margin-bottom: 0.6rem;
}
.main_total_date {
	font-size: 1rem;
	color: #898989;
}
.main_total_progress_wrap {
	border: 0.1rem solid #b7b7b7;
	padding: 0.1rem;
	border-radius: 1rem;
	margin: 0.9rem 0 0.3rem; 
}
.main_total_progress {
	width: 0;
	height: 0.3rem;
	background: #64c2cc;
	border-radius: 1rem;
    transition: 2.5s;
}
.main_total_en {
	font-size: 0.9rem;
	color: #b7b7b7;
}
.main_percent_wrap {
	margin-top: 2rem;
	background: #e8eeef;
	padding: 1.4rem 1.8rem 0.8rem;
	border-radius: 1.2rem;
}
.main_percent_text {
	font-size: 1.2rem;
	color: #363636;
	font-weight: 600;
    margin-bottom: 1rem;
	text-align: center;
}
.main_percent_date {
	font-size: 1rem;
	color: #898989;
}
.main_chart_wrap {
	position: relative;
	margin: 2.3rem 0 1.6rem;
}
.chart {
	width: 18rem;
	height: 18rem;
    margin: 0 auto;
}
.doughnutSummaryNumber {
	position: absolute;
	left: 0;
	right: 0;
	font-size: 0;
}
.main_chart_text_wrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 18rem;
	height: 18rem;
    margin: 0 auto;
	text-align: center;
}
.main_chart_percent {
    position: relative;
	display: inline-block;
	font-size: 2.4rem;
	color: #363636;
    line-height: 4.5rem;
    margin-top: 5rem;
}
.main_chart_percent span {
	font-size: 6rem;
}
.main_chart_percent:after {
	content: "";
    position: absolute;
	display: inline-block;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.3rem;
	background: #64c2cc;
	border-radius: 0.3rem;
}
.main_chart_text {
	font-size: 0.9rem;
	color: #b7b7b7;
	margin-top: 0.5rem;
}
.main_result_wrap {
	padding: 2.5rem 1.5rem;
	background: #ebebeb;
	border-radius: 3rem 3rem 0 0;
}
.main_noti_wrap {
	display: flex;
	height: 9rem;
	margin-bottom: 2.5rem;
}
.main_noti_left {
	display: flex;
    align-items: center;
	justify-content: center;
	width: 6rem;
	background: #f65656;
    border-radius: 1.2rem 0 0 1.2rem;
    flex-shrink: 0;
}
.main_noti_left img {
	width: 3.4rem;
	height: 2.9rem;
}
.main_noti_right {
	position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	padding: 0 1rem;
	border-top: 0.1rem solid #e1e1e1;
	border-right: 0.1rem solid #e1e1e1;
	border-bottom: 0.1rem solid #e1e1e1;
	border-radius: 0 1.2rem 1.2rem 0;
	flex-grow: 1;
}
.main_noti_right p {
	font-size: 1rem;
	color: #363636;
    word-break: keep-all;
}
.main_noti_right .main_noti_close {
	position: absolute;
	top: 0.7rem;
	right: 0.7rem;
	width: 2rem;
	height: 2rem;
}
.main_result_title {
	font-size: 1.2rem;
	color: #898989;
	margin-bottom: 0.8rem;
}
.main_result_list {
}
.main_result_list ul {
}
.main_result_list ul li {
	margin-bottom: 0.5rem;
}
.main_result_top {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border: 0.1rem solid #cccccc;
	border-radius: 1rem;
	padding: 0.25rem 0.25rem 0.25rem 1.8rem;
}
.main_result_name {
	font-size: 1.6rem;
	color: #363636;
	font-weight: 600;
}
.main_result_right {
	display: flex;
	align-items: center;
}
.main_result_progress_wrap {
	position: relative;
}
.main_result_progress_wrap:before {
	content: "";
	position: absolute;
    top: -0.25rem;
	left: -0.4rem;
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	background: #f24149;
	border-radius: 50%;
    z-index: 10;
}
.blue .main_result_progress_wrap:before {
	background: #33aae9;
}
.main_result_progress_bg {
	position: relative;
	width: 5rem;
	height: 0.3rem;
	border-radius: 0.3rem;
	background: #e1e1e1;
    z-index: 1;
}
.main_result_progress {
	width: 0;
	height: 0.3rem;
	border-radius: 0.3rem;
	background: #f24149;
	transition: 2.5s;
}
.blue .main_result_progress {
	background: #33aae9;
}
.main_result_count {
	display: inline-block;
	font-size: 1.2rem;
	color: #f24149;
	margin-left: 0.5rem;
}
.blue .main_result_count {
	color: #33aae9;
}
.main_result_arrow {
	display: inline-block;
	width: 1.4rem;
	height: 0.8rem;
	margin: 0 1.4rem;
	background: url(../img/open.png) center top no-repeat;
	background-size: contain;
	transition: 0.3s;
}
.open .main_result_arrow {
	transform: rotate(-180deg);
	background: url(../img/close.png) center top no-repeat;
	background-size: contain;
	transition: 0.3s;
}
.main_result_shop {
	position: relative;
	display: inline-block;
	width: 3.9rem;
	height: 3.9rem;
	z-index: 10;
}
.main_result_bottom {
	display: none;
}
.main_result_bottom ul {
}
.main_result_bottom ul li {
	border-bottom: 0.1rem solid #c2c2c2;
}
.main_result_bottom ul li a {
	display: flex;
	min-height: 3.5rem;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.8rem 0 1.8rem;
	padding: 0 1.8rem 0 1.8rem;
}
.main_result_bottom ul li:last-child {
	border-bottom: 0;
}
.main_result_sub_name {
	font-size: 1.4rem;
	color: #363636;
    flex-grow: 1;
}
.main_result_more {
	position: relative;
	display: inline-block;
	font-size: 1.0rem;
	color: #898989;
	padding-right: 1rem;
	flex-shrink: 0;
}
.main_result_more:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: 0.5rem;
	height: 0.9rem;
	background: url(../img/more.png) center top no-repeat;
	background-size: contain;
}
.main_result_red {
    display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	background: #f24149;
	border-radius: 50%;
    margin: 0 1.5rem;
}
.main_result_yellow {
    display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	background: #f6b200;
	border-radius: 50%;
	margin: 0 1.5rem;
}
.layer_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.layer_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}
.layer_pop {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 3rem);
	z-index: 10;
}
.layer_wrap .layer_pop {
	display: block;
}
.layer_container {
	display: flex;
	min-height: 9rem;
	margin-bottom: 2.5rem;
}
.layer_left {
	display: flex;
    align-items: center;
    flex-direction: column;
	width: 6rem;
    border-radius: 1.2rem 0 0 1.2rem;
}
#layer1 .layer_left {
	background: #f65656;
}
#layer2 .layer_left {
	background: #f6b200;
}
#layer3 .layer_left {
	background: #9cb226;
}
#layer4 .layer_left {
	background: #33aae9;
}
.layer_left img {
	width: 3.4rem;
	height: 2.4rem;
    margin-top: 2.7rem;
}
.layer_left .layer_type {
	font-size: 1.1rem;
	color: #ffffff;
	font-weight: 600;
	margin-top: 1.4rem;
}
.layer_right {
	position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	padding-left: 1rem;
	border-top: 0.1rem solid #e1e1e1;
	border-right: 0.1rem solid #e1e1e1;
	border-bottom: 0.1rem solid #e1e1e1;
	border-radius: 0 1.2rem 1.2rem 0;
	background: #fff;
	flex-grow: 1;
}
.layer_right p {
	font-size: 1rem;
	color: #363636;
}
.layer_right .layer_close {
	position: absolute;
	top: 0.7rem;
	right: 0.7rem;
	width: 2rem;
	height: 2rem;
}
.geno_text {
	font-size: 1.1rem;
	color: #363636;
	text-align: center;
	margin-top: 3rem;
}
.geno_link {
	font-size: 1.1rem;
	color: #55c0dc;
	text-align: center;
}
.geno_link a {
	font-size: 1.1rem;
	color: #55c0dc;
}

/* mypage */
#hd.mypage {
	background: rgba(118, 197, 184, 0);
}
#wrapper.mypage {
	padding: 5rem 0 0;
	background: url(../img/my_bg.jpg) center top no-repeat;
	background-size: cover;
}
.mypage_upload_wrap {
	position: relative;
	margin-top: 3rem;
	text-align: center;
}
.mypage_upload_wrap label {
	display: inline-block;
	width: 7.5rem;
	height: 7.5rem;
    border-radius: 50%;
	overflow: hidden;
}
.mypage_upload_wrap > label > img {
	width: 7.5rem;
	height: 7.5rem;
	object-fit: cover;
}
.mypage_upload_wrap > input {
	display: none;
}
.mypage_upload_wrap .mypage_upload_btn {
	display: none;
	position: absolute;
	top: 0;
	right: calc(50% - 3.75rem);
}
.mypage_upload_wrap .mypage_upload_btn > img {
	width: 1.9rem;
	height: 1.9rem;
}
.mypage_email {
	font-size: 1.8rem;
	color: #ffffff;
	text-align: center;
    margin: 0.3rem 0 0.3rem;
}
.mypage_name_wrap {
	text-align: center;
}
.mypage_name {
	display: inline-block;
	font-size: 1.6rem;
	color: #ffffff;
    border-bottom: 0.1rem solid #ffffff;
	padding-bottom: 0.3rem;
}
.mypage_name span {
	font-size: 1.2rem;
}
.mypage_btn_wrap {
	text-align: center;
	margin: 1rem 0 1.5rem;
}
.mypage_btn_wrap a {
	display: inline-block;
	height: 2.1rem;
	font-size: 1.2rem;
	color: #828282;
	line-height: 2.1rem;
	padding: 0 1.5rem;
	background-color: #eeefe7;
	border-radius: 2.1rem;
	margin-right: 1rem;
}
.mypage_btn_wrap a:last-child {
	margin-right: 0;
}
.mypage .hd_bottom {
	height: 4rem;
	background-color: transparent;
}
.mypage_container {
	background-color: #ffffff;
	padding: 0 1.5rem 4rem;
}
.mypage_info_wrap {

}
.mypage_info_wrap ul {
	font-size: 0;
	text-align: center;
}
.mypage_info_wrap ul li {
	display: inline-block;
	width: 8rem;
	margin-right: 1.5rem;
}
.mypage_info_wrap ul li:last-child {
	margin-right: 0;
}
.mypage_info_wrap ul li img {
	width: 100%;
}
.mypage_info_text {
	height: 2.4rem;
	font-size: 1.5rem;
	color: #636363;
	line-height: 2.4rem;
	text-align: center;
	background-color: #f8f9e1;
	border-radius: 2.4rem;
	margin-top: 0.5rem;
}
.mypage_active {
	font-size: 1.8rem;
	color: #636363;
	text-align: center;
	line-height: 2.5rem;
	margin: 4rem 0 0;
}
.mypage_active:before {
	content: "";
	display: inline-block;
	width: 2.4rem;
	height: 2.5rem;
	background: url(../img/my_active.png);
	background-size: 2.4rem 2.5rem;
    vertical-align: middle;
	margin-right: 1rem;
}
.mypage_active span {
    vertical-align: middle;
}
.mypage_active:after {
	content: "";
	display: inline-block;
	width: 1.7rem;
	height: 0.3rem;
	background: url(../img/my_dot.png);
	background-size: 1.7rem 0.3rem;
    vertical-align: middle;	
	margin-left: 0.7rem;
}
.mypage_act_wrap {

}
a.mypage_section_title {
	position: relative;
	display: block;
	font-size: 2rem;
	color: #636363;
	padding-left: 4rem;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid #e8e8e8;
}
.mypage_act_title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	background: url(../img/my_ac_ic.png);
	background-size: 3rem 3rem;
}
.mypage_section_title:after {
	content: "";
	position: absolute;
	right: 0.4rem;
    top: 1.2rem;
    width: 1.7rem;
    height: 0.3rem;
    background: url(../img/my_dot.png);
    background-size: 1.7rem 0.3rem;
}
.mypage_act_active {
	text-align: center;
	padding-bottom: 3rem;
}
.mypage_act_active img {
	width: 25.1rem;
	padding-top: 1.5rem;
}
a.mypage_act_modify {
	display: block;
	width: 18rem;
	height: 3.6rem;
	font-size: 1.6rem;
	color: #636363;
	text-align: center;
	line-height: 3.4rem;
	border: 0.1rem solid #c6c6c6;
	border-radius: 3.6rem;
	background-color: #eeefe7;
	margin: 2rem auto;
}
.mypage_color_wrap {
}
.mypage_color_title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	background: url(../img/my_chakra_ic.png);
	background-size: 3rem 3rem;
}
.mypage_color_wrap img {
	width: 13.2rem;
}
.mypage_color_list {
	width: 33rem;
	margin: 0 auto;
	padding: 2rem 0 1.2rem;
	text-align: center;
}
.mypage_color_list ul {
	font-size: 0;
	margin-top: 1.8rem;
}
.mypage_color_list ul li {
	display: inline-block;
	width: 5.2rem;
	margin-right: 0.7rem;
	margin-bottom: 3.8rem;
}
.mypage_color_list ul li:last-child {
	margin-right: 0;
}
.mypage_color_list ul li img {
	width: 100%;
}
.mypage_color_bottom {
	text-align: center;
}
.mypage_color_bottom img {
	width: 33rem;
}
.mypage_logo {
	text-align: center;
	margin-top: 4rem;
}
.mypage_logo img {
	width: 14.2rem;
}
.mypage_smart_wrap {
	
}
.mypage_smart_title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	background: url(../img/my_smart_ic.png);
	background-size: 3rem 3rem;
}
.mypage_telo_title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	background: url(../img/my_telomere_ic.png);
	background-size: 3rem 3rem;
}
.mypage_telo_list {
	margin-top: 2.3rem;
}
.mypage_telo_list li {
	margin-bottom: 2rem;
}
.mypage_telo_list li a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 1.6rem;
	color: #636363;
	padding-left: 4rem;
}
.mypage_telo_list li a:before {
	content: "";
	position: absolute;
	left: 0.8rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.4rem;
	height: 0.3rem;
	background: url(../img/my_dash.png);
	background-size: 1.4rem 0.3rem;
}
.mypage_telo_list li a:after {
	content: "";
	position: absolute;
	right: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.75rem;
	height: 1.25rem;
	background: url(../img/mt_more.png);
	background-size: 0.75rem 1.25rem;
}
.mypage_telo_list li a .text2 {
	color: #159aa8;
	padding-right: 2.5rem;
}

/* login */
.container_login {
	height: 100%;
	padding: 7.5rem 4.5rem 0;
	background: url(../img/login_bg.jpg) center center no-repeat;
	background-size: cover;
}
.logo {
	display: block;
	width: 20.7rem;
	height: auto;
	margin: 0 auto;
}
.login_box {
	margin: 2.5rem 0 0;
}
.login_input {
	width: 100%;
    padding: 0.7rem 0 0.7rem 2.7rem;
	background-color: transparent;
	font-size: 1.5rem;
	color: #959595;
}
.id_input {
	position: relative;
	border-bottom: 0.1rem solid #858585;
}
.id_input:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0.7rem;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../img/login_id.png) no-repeat;
	background-size: 2.2rem;
}
.pw_input {
	position: relative;
    margin-top: 1rem;
	margin-bottom: 2rem;
	border-bottom: 0.1rem solid #858585;
}
.pw_input:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0.7rem;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../img/login_pw.png) no-repeat;
	background-size: 2.2rem;
}
.login_text {
	font-size: 1.1rem;
	text-align: center;
	color: #898989;
    margin-bottom: 2rem;
}
.login_btn {
	display: block;
	width: 100%;
	height: 4.2rem;
	line-height: 4.2rem;
	font-size: 1.5rem;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	background-color: #64c2cc;
	border: 0;
	border-radius: 2.1rem;
}
.find_box {
	text-align: center;
	margin: 4rem 0 1rem;
}
.find_box a {
	display: inline-block;
	font-size: 1.3rem;
	color: #898989;
	line-height: 1.2rem;
	border-left: 0.1rem solid #898989;
	margin-left: 0.8rem;
	padding-left: 0.8rem;
}
.find_box a:first-child {
	margin-left: 0;
	padding-left: 0;
	border: 0;
}
.sns_text {
	font-size: 1.4rem;
	color: #4eada4;
	text-align: center;
}
.sns_box {
	margin: 1.8rem 0 3rem;
}
.sns_box ul {
	font-size: 0;
	text-align: center;
}
.sns_box ul li {
	display: inline-block;
	margin-right: 1.5rem;
}
.sns_box ul li:last-child {
	margin-right: 0;
}
.sns_box ul li a img {
	width: 4.2rem;
	height: auto;
}
.or_box {
	display: flex;
    align-items: center;
	margin-bottom: 1.3rem;
}
.or_text {
	font-size: 1.2rem;
	color: #dadada;
	padding: 0 0.5rem;
}
.or_line {
	flex-grow: 1;
}
.or_line p {
	height: 0.1rem;
	background: #dadada;
}
.join_btn_wrap {
	text-align: center;
}
a.join_btn {
	display: inline-block;
	font-size: 1.4rem;
	color: #898989;
}
a.join_btn:after {
	content: "";
	display: block;
	width: 100%;
	height: 0.1rem;
	background-color: #6ec0b4;
	margin-top: 0.4rem;
}
.login_check_wrap {
	text-align: center;
	margin-top: 1.6rem;
}
input[type=checkbox].login_check {
	display: none; 
}
input[type=checkbox].login_check + label { 
	display: inline-block;
	cursor: pointer; 
	line-height: 1.5rem; 
	padding-left: 2.1rem;
	height: 1.5rem;
	background: url(../img/check_s_01.png) left/1.5rem no-repeat;
	transition-duration: 0.3s;
	font-size: 1.2rem;
	color: #898989;
}
input[type=checkbox]:checked.login_check + label {
	background-image: url(../img/check_s_02.png); 
	transition-duration: 0.3s;
}
.login .pop_txt {
	font-size: 1.8rem;
	color: #363636;
	text-align: center;
	line-height: 3rem;
}
.login .pop_txt span {
	color: #5ab9af;
	font-weight: 600;
}
.login .swal-footer {
    text-align: center;
	padding-bottom: 3rem;
}
.login .swal-button--cancel {
	width: 13.2rem;
	height: 4.2rem;
	font-size: 1.5rem;
    color: #ffffff;
	text-align: center;
    background-color: #9e9e9e;
	border: 0.1rem solid #828282;
	border-radius: 4.2rem;
}
.login .swal-button--confirm {
	width: 13.2rem;
	height: 4.2rem;
	font-size: 1.5rem;
    color: #ffffff;
	text-align: center;
    background-color: #76c5b8;
	border: 0.1rem solid #5ab9af;
	border-radius: 4.2rem;
}
.login .swal-button:not([disabled]):hover {
    background-color: #76c5b8;
}
.login .swal-content {
    margin-top: 50px;
}

/* setting */
.setting_push {
	font-size: 1.2rem;
	color: #363636;
	font-weight: 500;
	margin: 1.5rem 0 1rem 1.5rem;
}
.setting_check_wrap {
	margin-left: 1.5rem;
}
input[type=checkbox].setting_check {
	display: none; 
}
input[type=checkbox].setting_check + label { 
	display: block;
	cursor: pointer; 
	line-height: 2.4rem; 
	padding-right: 0;
	height: 2.4rem;
	background: url(../img/push_off.png) calc(100% - 1.5rem) 0 no-repeat;
	background-size: 4.7rem 2.4rem;
	transition-duration: 0.5s;
	font-size: 1.8rem;
	color: #555555;
}
input[type=checkbox]:checked.setting_check + label {
	background-image: url(../img/push_on.png); 
	transition-duration: 0.5s;
}
.setting_ul {
	margin-top: 2.5rem;
	border-top: 0.2rem solid #e0e1e2;
	padding: 0.5rem 1.5rem 0;
}
.setting_ul li {
	position: relative;
	border-bottom: 0.1rem solid #d7d7d7;
}
.setting_ul li:last-child {
	border-bottom: 0;
}
.setting_ul li:before {
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 0.75rem);
	width: 0.85rem;
	height: 1.5rem;
	background: url(../img/click_ic.png) no-repeat;
	background-size: 0.85rem 1.5rem;
}
.setting_ul li a {
	position: relative;
	display: block;
	width: 100%;
	line-height: 6rem;
	font-size: 1.8rem;
	color: #363636;
}
.setting_toggle_wrap {
	display: flex;
	padding: 0 1.5rem;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}
.setting_toggle_text {
	font-size: 1.8rem;
    color: #555555;
	line-height: 2.4rem;
}
.setting_toggle_label {
	position: relative;
	display: inline-block;
	width: 4.7rem;
	height: 2.4rem;
}
.setting_toggle_label input {
	opacity: 0;
	width: 0;
	height: 0;
}
.setting_toggle_btn {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #a2a2a2;
	border-radius: 2.4rem;
	-webkit-transition: .3s;
	transition: .3s;
}
.setting_toggle_btn:before {
	position: absolute;
	content: "";
    height: 2rem;
    width: 2rem;
    left: 0.2rem;
    bottom: 0.2rem;
	background-color: #ffffff;
	border-radius: 50%;
	-webkit-transition: .3s;
	transition: .3s;
}
input:checked + .setting_toggle_btn:before {
	-webkit-transform: translateX(2.2rem);
	-ms-transform: translateX(2.2rem);
	transform: translateX(2.2rem);
}
input:checked + .setting_toggle_btn {
	background-color: #76c5b8;
}

input:focus + .setting_toggle_btn {
	box-shadow: 0 0 1px #76c5b8;
}

/* register */
.register_title {
	font-size: 1.6rem;
	color: #363636;
	padding-top: 1rem;
}
.register_all {
	margin: 2.5rem 0 2rem;
	padding-bottom: 2rem;
	border-bottom: 0.2rem solid #5ab9af;
}
.register_check {
	margin-bottom: 1.5rem;
}
.register_check:after {
	display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.register_check label {
	float: left;
}
a.register_more {
	float: right;
	font-size: 1.2rem;
	color: #898989;
	font-weight: 500;
	line-height: 2.35rem;
}
input[type=checkbox].check_all {
	display: none; 
}
input[type=checkbox].check_all + label { 
	display: inline-block;
	cursor: pointer; 
	line-height: 2.5rem; 
	padding-left: 3.4rem;
	height: 2.5rem;
	background: url(../img/check_off.png) left/2.5rem no-repeat;
	transition-duration: 0.3s;
	font-size: 1.6rem;
	color: #555555;
	font-weight: 500;
}
input[type=checkbox]:checked.check_all + label {
	background-image: url(../img/check_on.png); 
	transition-duration: 0.3s;
}
.register_btn {
	margin-top: 7.2rem;
}

/* terms */
.terms_text {
    white-space: pre-wrap;
	font-family: 'Noto Sans KR', dotum, sans-serif;
	font-size: 1.2rem;
	color: #000000;
	line-height: 1.7rem;
	padding-top: 1rem;
}
.terms_table {
    font-size: 1.2rem;
    color: #000000;
    line-height: 1.7rem;
	margin-top: 2rem;
	overflow: auto;
}
.terms_table table {
	width: 100%;
}
.terms_table table th, .terms_table table td {
	border: 0.1rem solid #000000;
    padding: 0.4rem;
}
.terms_table2 table {
	width: 60rem;
}

/* dna */
.container_dna {
	padding: 5.5rem 4.5rem 0;
}
.dna_title {
	font-size: 3.6rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
}
.dna_title:before {
	content: "";
	display: block;
	width: 100%;
	height: 2rem;
	background: url(../img/login_secure01.png) center top no-repeat;
	background-size: 6rem 2rem;
}
.dna_title:after {
	content: "";
	display: block;
	width: 3rem;
	height: 0.2rem;
    margin: 2rem auto 0;
	background: #64c2cc;
	border-radius: 0.1rem;
}
.dna_text {
	font-size: 14px;
	color: #464646;
	text-align: center;
	margin: 2rem 0;
}
.dna_text strong {
	color: #ef4c5a;
}
.dna_img {
	display: block;
	width: 17.2rem;
	height: 4.5rem;
	margin: 0 auto;

}
.dna_input {
	position: relative;
	margin-top: 3rem;
}
.dna_input:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0.7rem;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../img/login_secure_key.png) no-repeat;
	background-size: 2.2rem;
}
.dna_noti {
	font-size: 1.1rem;
	color: #898989;
	text-align: center;
	margin: 1rem 0 1.6rem;
}

/* recommend */
#cate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.recommend_cate_wrap {
    position: fixed;
    top: 8rem;
    left: 0;
    width: 100%;
    z-index: 10;
	background: #fff;
}
.recommend_cate_wrap ul {
	width: 100%;
	font-size: 0;
    white-space: nowrap;
	overflow-y: auto;
}
.recommend_cate_wrap ul li {
	display: inline-block;
	font-size: 1.5rem;
	color: #464646;
}
.recommend_cate_wrap ul li:first-child {
	margin-left: 1.5rem;
}
.recommend_cate_wrap ul li:last-child {
	margin-right: 1.5rem;
}
.recommend_cate_wrap ul li .recommend_cate {
	display: block;
	font-size: 1.5rem;
	color: #464646;
	padding: 0.15rem 1.7rem;
}
.recommend_cate_wrap ul li.active .recommend_cate {
	color: #fff;
	background: #64c2cc;
	border-radius: 2rem;
}
.recommend_wrap {
    padding-top: 4.4rem;
}
.recommend_wrap ul {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.recommend_wrap ul li {
	width: calc(50% - 0.5rem);
	border-left: 0.1rem solid #e7e7e7;
	border-top: 0.1rem solid #e7e7e7;
	border-right: 0.1rem solid #e7e7e7;
	border-bottom: 0.3rem solid #e7e7e7;
	background-color: #fff;
	border-radius: 1.25rem;
	overflow: hidden;
	margin-bottom: 1rem;
}
.recommend_wrap .recommend_img_wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 103.125%;;
	background-color: #f2f2f2;
}
.recommend_wrap .recommend_img_wrap img {
    position: absolute;
	top: 50%;
    left: 0;
	transform: translateY(-50%);
}
.recommend_wrap .recommend_text_wrap {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding: 1rem;
	min-height: 10.5rem;
}
.recommend_wrap .recommend_text_wrap .recommend_text {
	font-size: 1.5rem;
	color: #363636;
	font-weight: 600;
    line-height: 1.8rem;
}
.recommend_wrap .recommend_text_wrap .recommend_link {
	display: block;
	width: 100%;
	height: 3.2rem;
	font-size: 1.4rem;
	color: #64c2cc;
	text-align: center;
	line-height: 3rem;
	border: 0.1rem solid #64c2cc;
	border-radius: 2rem;
}
.recommend_all_wrap {
	text-align: center;
	margin-bottom: 2.6rem;
}
a.recommend_all_btn {
	position: relative;
	font-size: 1.8rem;
	color: #64c2cc;
	padding:  0 1.9rem 0 4.9rem;
}
a.recommend_all_btn:before {
	content: "";
	position: absolute;
	left: 0;
	top: -0.7rem;
	width: 3.2rem;
	height: 3rem;
	background: url(../img/um01.png) no-repeat;
	background-size: contain;
}
a.recommend_all_btn:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0.75rem;
	width: 0.8rem;
	height: 1.4rem;
	background: url(../img/um02.png) no-repeat;
	background-size: contain;
}
.recommend_no {
    font-size: 1.8rem;
    color: #363636;
    font-weight: 600;
    text-align: center;
    margin: 10rem 0;
}

/* noticelist */
.notice_list_wrap {
    padding-bottom: 3.4rem;
}
.notice_list_wrap ul {
}
.notice_list_wrap ul li a {
	display: block;
	border-bottom: 0.2rem solid #e0e1e2;
	background: #ffffff;
	padding: 3rem 1.5rem;
}
.notice_list_wrap ul li a:hover {
	background: #f6f7f4;
}
.notice_list_wrap ul li:first-child a {
	padding-top: 0;
}
.notice_list_wrap .notice_list_top_wrap {
	display: flex;
	justify-content: space-between;
}
.notice_list_wrap .notice_list_top_wrap .notice_list_date_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
.notice_list_wrap .notice_list_top_wrap .notice_list_date {
	font-size: 1.2rem;
	color: 3363636;
}
.notice_list_wrap .notice_list_top_wrap .notice_list_new {
	width: 3.8rem;
	height: 1.5rem;
	margin-left: 1.3rem;
}
.notice_list_wrap .notice_list_top_wrap .notice_list_view_wrap {
}
.notice_list_wrap .notice_list_top_wrap .notice_list_view {
	position: relative;
	font-size: 1.2rem;
	color: #363636;
	padding-left: 1.7rem;
}
.notice_list_wrap .notice_list_top_wrap .notice_list_view:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1.35rem;
	height: 0.9rem;
	background: url(../img/view.png) center top no-repeat;
    background-size: contain;
}
.notice_list_wrap .notice_list_title {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	margin: 1.4rem 0 1.1rem;
}
.notice_list_wrap .notice_list_content {
	font-size: 1.4rem;
	color: #363636;
}
.page_wrap {
	position: fixed;
	left: 0;
	bottom: 6rem;
	width: 100%;
	background: #fff;
	padding: 1rem 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.page_wrap ul {
	font-size: 0;
	text-align: center;
}
.page_wrap ul li {
	display: inline-block;
}
.page_wrap a {
	font-size: 1.2rem;
	color: #898989;
	font-weight: 600;
	padding: 0 0.6rem;
}
.page_wrap span {
	font-size: 1.2rem;
	color: #76c5b8;
	font-weight: 600;
	padding: 0 0.6rem;
}

/* noticedetail */
.notice_detail_top_wrap {
	display: flex;
	justify-content: space-between;
}
.notice_detail_top_wrap .notice_detail_date {
	font-size: 1.2rem;
	color: 3363636;
}
.notice_detail_top_wrap .notice_detail_view {
	position: relative;
	font-size: 1.2rem;
	color: #363636;
	padding-left: 1.7rem;
}
.notice_detail_top_wrap .notice_detail_view:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1.35rem;
	height: 0.9rem;
	background: url(../img/view.png) center top no-repeat;
    background-size: contain;
}
.notice_detail_title {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	margin: 1.5rem 0 2rem;
}
.notice_detail_content {
	font-size: 1.4rem;
	color: #363636;
    line-height: 2.0rem;
	word-break: break-word;
}

/* faqlist */
.faq_cate_wrap {
	display: none;
    position: fixed;
    top: 8rem;
    left: 0;
    width: 100%;
    z-index: 10;
	background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.faq_cate_wrap ul {
	width: 100%;
	font-size: 0;
	text-align: center;
}
.faq_cate_wrap ul li {
	display: inline-block;
	font-size: 1.5rem;
	color: #464646;
	margin: 0 1.5rem;
}
.faq_cate_wrap ul li .faq_cate {
	display: block;
	font-size: 1.5rem;
	color: #464646;
	padding: 0.15rem 1.4rem;
}
.faq_cate_wrap ul li.active .faq_cate {
	color: #fff;
	background: #64c2cc;
	border-radius: 2rem;
}
.faq_list_wrap {
	padding: 0 0 2rem;
}
.faq_list_wrap ul {
}
.faq_list_wrap ul li {
	border-bottom: 0.1rem solid #d7d7d7;
}
.faq_list_wrap .faq_title_wrap {
	padding: 1.2rem 0;
}
.faq_list_wrap .faq_num {
	font-size: 1.2rem;
	color: #5ab9af;
	font-weight: 600;
}
.faq_list_wrap .faq_title {
	font-size: 1.4rem;
	color: #363636;
}
.faq_list_wrap .faq_content {
	display: none;
	padding: 1.5rem;
	background: #f5f5f3;
}
.faq_list_wrap .faq_content p {
	font-size: 1.4rem;
	color: #363636;
	font-weight: 300;
}

/* viewrank */
.view_rank_wrap {
}
.view_rank_wrap ul {
}
.view_rank_wrap ul li {
	position: relative;
	display: flex;
	padding: 1rem 0;
	border-bottom: 0.1rem solid #d7d7d7;
	background: #fff;
    align-items: center;
}
.view_rank_wrap .view_rank_num {
	position: relative;
	background: #fff;
	width: 2.4rem;
	height: 2.4rem;
	font-size: 1.2rem;
	color: #55c0dc;
	text-align: center;
	line-height: 2rem;
	border: 0.2rem solid #55c0dc;
	border-radius: 0.4rem;
	z-index: 10;
}
.view_rank_wrap .view_rank_top {
	font-size: 0;
	border: 0;
	background: url(../img/rank_top.png) center top no-repeat;
	background-size: contain;
	z-index: 10;
}
.view_rank_wrap .view_rank_title {
	position: relative;
	background: #fff;
	width: 13.7rem;
	font-size: 1.6rem;
	color: #363636;
	padding-left: 1.5rem;
	z-index: 10;
}
.view_rank_wrap .view_rank_title:after {
	content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 0.2rem;
	transform: translateY(-50%);
	width: 0.95rem;
	height: 0.95rem;
	background: url(../img/rank_ic.png) center top no-repeat;
	background-color: #fff;
    background-size: contain;
}
/*
.view_rank_wrap .view_rank_progress {
	position: relative;
	width: calc(100% - 19.5rem);
	height: 0.3rem;
	background: #55c0dc;
	border-radius: 0.3rem;
	transform: translateX(-100%);
	z-index: 1;
    transition: 2.5s;
}
*/
.view_rank_wrap .view_rank_progress {
	position: relative;
	width: 0;
	height: 0.3rem;
	background: #55c0dc;
	border-radius: 0.3rem;
	z-index: 1;
    transition: 2.5s;
}
.view_rank_wrap .view_rank_progress_start {
	transform: translateX(0);
    transition: 2.5s;
}
.view_rank_wrap .view_rank_count {
	position: relative;
	background: #fff;
	font-size: 1.2rem;
	color: #55c0dc;
	padding-left: 0.5rem;
	z-index: 10;
}

/* aboutgna */
.gna_img {
	display: block;
	width: 17.5rem;
	height: 16.8rem;
	margin: 2.5rem auto 0;
}
.gna_title {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
	margin-top: 2.1rem;
}
.gna_dot {
	margin: 1.7rem 0 4.5rem;
}
.gna_dot ul {
	text-align: center;
	font-size: 0;
}
.gna_dot li {
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: #70c4bf;
	border-radius: 50%;
	margin: 0 0.6rem;
}
.gna_title2 {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
}
.gna_title2 span {
	color: #58aab3;
}
.gna_text1 {
	font-size: 1.5rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
	margin: 0.4rem 0 2.8rem;
}
.gna_text {
	font-size: 1.2rem;
	color: #363636;
	text-align: justify;
    line-height: 1.8rem;
}
.gna_tag_wrap {
	position: relative;
	width: 24rem;
	height: auto;
	margin: 4.5rem auto 1rem;
}
.gna_tag {
	display: inline-block;
	font-size: 1.4rem;
	color: #ffffff;
	font-weight: 600;
	padding: 0.3rem 1.4rem;
	background: #64c2cc;
	border-radius: 0.5rem;
	margin-bottom: 0.8rem;
	text-align: center;
}
.gna_tag:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.gna_tag:nth-child(1) {
	float: left;
}
.gna_tag:nth-child(2) {
	float: right;
}
.gna_img2 {
	display: block;
	width: 15.8rem;
	height: 5.1rem;
	margin: 2rem auto 2.5rem;
}
.gna_title3 {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
	margin-top: 0.3rem;
}
.gna_text2 {
	font-size: 1.5rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
	margin: 0.8rem 0 2.8rem;
}
.gna_list {
	position: relative;
	background: url(../img/gna_introduce_07.png) center top no-repeat;
	background-size: contain;
	margin-top: 1.8rem;
}
.gna_list ul {
    display: flex;
    flex-direction: column;
    align-items: start;
	padding: 5.5rem 0 5rem;
}
.gna_list ul li {
    position: relative;
	margin-bottom : 2.8rem;
}
.gna_list ul li:nth-child(odd) {
    left: 50%;
}
.gna_list ul li:nth-child(even) {
    left: 50%;
	transform: translateX(-100%);
	text-align: right;
}
.gna_list .gna_list_title {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	margin-bottom: 1.5rem;
}
.gna_list .gna_list_text {
	font-size: 1.2rem;
	color: #363636;
	line-height: 1.8rem;
}
.gna_list .gna_list_img1 {
	width: 14.5rem;
	height: 7.5rem;
}
.gna_list .gna_list_img2 {
	width: 11.5rem;
	height: 7.25rem;
}
.gna_list .gna_list_img3 {
	width: 13.75rem;
	height: 8rem;
}
.gna_list .gna_list_img4 {
	width: 10.9rem;
	height: 4.4rem;
}
.gna_new_text {
	font-size: 1.2rem;
	color: #252525;
	margin: 3.5rem 0 2.5rem;
	text-align: center;
}
.gna_new_text span {
	font-size: 2.4rem;
	color: #252525;
	font-weight: 600;
}

/* aboutgcoop */
.gcoop_img {
	display: block;
	width: 16rem;
	height: 9.2rem;
	margin: 5.4rem auto 0;
}
.gcoop_title {
	font-size: 1.8rem;
	color: #363636;
	font-weight: 600;
	margin: 2rem 0 5.5rem;
	text-align: center;
}
.gcoop_text1 {
	font-size: 2.8rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
    line-height: 2.8rem;
}
.gcoop_text2 {
	font-size: 1.3rem;
	color: #363636;
	text-align: center;
}
.gcoop_text3 {
	font-size: 1.5rem;
	color: #363636;
	font-weight: 600;
	text-align: center;
	margin: 1.6rem 0 2.8rem;
}
.gcoop_text {
	font-size: 1.2rem;
	color: #363636;
	text-align: center;
    line-height: 1.8rem;
    word-break: keep-all;
}
.gcoop_tag_wrap {
	display: flex;
	justify-content: space-between;
	margin: 2.4rem 0 5.7rem;
}
.gcoop_tag {
	display: inline-block;
	font-size: 1.4rem;
	color: #ffffff;
	font-weight: 600;
	padding: 0.4rem 1.6rem;
	background: #64c2cc;
	border-radius: 0.5rem;
	text-align: center;
}
.gcoop_about_wrap {
	position: relative;
	width: 36rem;
	height: 30.3rem;
	margin: 0 auto;
	background: url(../img/gcoop_img01.jpg) center top no-repeat;
	background-size: contain;
	margin-bottom: 4.5rem;
}
.gcoop_about_wrap:after {
	content: "";
    position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2.2rem;
	display: block;
	width: 5rem;
	height: 0.3rem;
	background: #64c2cc;
	border-radius: 0.3rem;
}
.gcoop_about_bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.gcoop_about_wrap p {
	font-size: 1.5rem;
	color: #363636;
	margin-bottom: 1.2rem;
	letter-spacing: 0.3rem;
}
.gcoop_img2 {
	width: 18rem;
	height: 2.75rem;
}
.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin: 3rem 0 3.5rem;
}
.video iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

/* history */
.history_select {
	width: 100%;
	height: 4.2rem;
	font-size: 1.8rem;
	color: #363636;
	line-height: 4rem;
	border: 0.1rem solid #d7d7d7;
	border-radius: 0.8rem;
	padding: 0 1.8rem;
	background: url(../img/date_choice.png) right 1.4rem center no-repeat;
	background-size: 0.8rem 1.4rem;
	background-color: #f8f7f1;
	margin-bottom: 2rem;
	appearance:none;
}

/* gnarank */
.gnarank_title_wrap {
	text-align: center;
	margin-bottom: 1.5rem;
}
.gnarank_title {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	color: #363636;
	font-weight: 600;
	padding: 0 1.6rem;
    line-height: 1.6rem;
}
.gnarank_title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.2rem;
	height: 1.8rem;
	background: url(../img/rank_left.png) no-repeat;
	background-size: contain;
}
.gnarank_title:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1.2rem;
	height: 1.8rem;
	background: url(../img/rank_right.png) no-repeat;
	background-size: contain;
}
.gnarank_text {
	font-size: 1.3rem;
	color: #363636;
	text-align: center;
}
.gnarank_list_wrap {
	margin-top: 3.0rem;
}
.gnarank_list_wrap ul {
}
.gnarank_list_wrap ul li {
	display: flex;
	align-items: center;
	border-bottom: 0.1rem solid #e1e1e1;
	padding: 2rem 0;
}
.gnarank_list_wrap ul li:last-child {
	border-bottom: 0;
}
.gnarank_list_wrap .circle {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
}
.gnarank_list_wrap .circle canvas {
    position: relative;
    z-index: 10;
}
.gnarank_list_wrap .circle img {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	z-index: 1;
}
.gnarank_list_wrap .gnarank_type {
	width: 4.1rem;
	font-size: 1.2rem;
	color: #7f8181;
	text-align: center;
}
.gnarank_progress_wrap {
	position: relative;
	flex-grow: 1;
	margin-left: 0.4rem;
}
.gnarank_progress_wrap:before {
	content: "";
	position: absolute;
    top: -0.25rem;
	left: -0.4rem;
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	background: #f24149;
	border-radius: 50%;
    z-index: 10;
}
.gnarank_progress_bg {
	position: relative;
	height: 0.3rem;
	border-radius: 0.3rem;
	background: #e1e1e1;
    z-index: 1;
}
.gnarank_progress {
	width: 0;
	height: 0.3rem;
	border-radius: 0.3rem;
	background: #f24149;
	transition: 2.5s;
}
.gnarank_progress_count {
	width: 5.4rem;
	font-size: 2.0rem;
	color: #f24149;
	font-weight: 600;
	text-align: center;
}
.gnarank_percent {
	width: 8rem;
	font-size: 2.0rem;
	color: #363636;
	font-weight: 600;
	text-align: right;
}
.gnarank_percent span {
	font-size: 3.6rem;
}
.gnarank_list_wrap ul li:nth-child(1) .gnarank_progress_wrap:before, .gnarank_list_wrap ul li:nth-child(1) .gnarank_progress {
	background: #f24149;
}
.gnarank_list_wrap ul li:nth-child(2) .gnarank_progress_wrap:before, .gnarank_list_wrap ul li:nth-child(2) .gnarank_progress {
	background: #f6b200;
}
.gnarank_list_wrap ul li:nth-child(3) .gnarank_progress_wrap:before, .gnarank_list_wrap ul li:nth-child(3) .gnarank_progress {
	background: #9cb226;
}
.gnarank_list_wrap ul li:nth-child(4) .gnarank_progress_wrap:before, .gnarank_list_wrap ul li:nth-child(4) .gnarank_progress {
	background: #48b1e8;
}
.gnarank_list_wrap ul li:nth-child(1) .gnarank_progress_count {
	color: #f24149;
}
.gnarank_list_wrap ul li:nth-child(2) .gnarank_progress_count {
	color: #f6b200;
}
.gnarank_list_wrap ul li:nth-child(3) .gnarank_progress_count {
	color: #9cb226;
}
.gnarank_list_wrap ul li:nth-child(4) .gnarank_progress_count {
	color: #48b1e8;
}


/* sweetAlert */
.swal-title {
	font-size: 1.8rem;
}

/* progress */
.progress_wrap {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1000;
}
.progress_wrap img {
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
}
.progress_wrap.active {
	display: block;
}

.gneplan_wrap {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1000;
}
.gneplan_wrap.active {
	display: block;
}


/* ==================================================
	admin
================================================== */

/* admin_header */
.adm_hd {
	background: #76c5b8;
	min-width: 140rem;
}
.adm_hd_w {
	min-width: 170rem;
}
.adm_hd_wrapper {
	width: calc(100% - 8rem);
	min-width: 140rem;
	height: 12rem;
	margin: 0 auto;
}
.adm_hd_w .adm_hd_wrapper {
	min-width: 170rem;
}
.adm_hd_wrapper:after {
	content: "";
	display: block;
    visibility: hidden;
    clear: both;
}
.adm_hd_logo {
	float: left;
    margin-top: 3.3rem;
	margin-left: 4rem;
}
.adm_menu {
	float: right;
	margin-top: 7rem;
	margin-right: 4rem;
}
.adm_menu ul {
	font-size: 0;
}
.adm_menu ul li {
	position: relative;
	display: inline-block;
	margin-left: 1.6rem;
	padding-left: 1.6rem;
}
.adm_menu ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 1.6rem;
    background: #fff;
}
.adm_menu ul li:first-child:before {
	content: "";
    width: 0;
    height: 0;
    background: 0;
}
.adm_menu ul li a {
	font-size: 1.6rem;
	color: #ffffff;
}
.adm_menu ul li:hover a {
	color: #fff799;
}

/* admin_footer */
.adm_ft {
	min-width: 140rem;
	background: #e1e1e1;
}
.adm_ft_w {
	min-width: 170rem;
}
.adm_ft_wrapper {
	width: calc(100% - 8rem);
	min-width: 140rem;
	height: 6rem;
	margin: 0 auto;
}
.adm_ft_w .adm_ft_wrapper {
	min-width: 170rem;
}
.adm_ft_copy {
	font-size: 1.3rem;
	color: #555555;
	line-height: 6rem;
	text-align: center;
}

/* admin_wrapper */
.adm_wrapper {
	min-width: 140rem;
	background: #fafaf9;
	padding: 5rem 0 15rem;
}
.adm_wrapper_w {
	min-width: 170rem;
}
.adm_container {
	width: calc(100% - 8rem);
	min-width: 140rem;
	background: #fff;
	border-radius: 5rem;
	margin: 0 auto;
	padding: 5rem 6rem;
	min-height: 40rem;
}
.adm_wrapper_w .adm_container {
	min-width: 170rem;
}
.adm_title {
	width: 21rem;
	height: 4.4rem;
	border: 0.2rem solid #76c5b8;
	border-radius: 4.4rem;
	font-size: 2.2rem;
	color: #464646;
	font-weight: 500;
	text-align: center;
	line-height: 4rem;
	margin: 0 auto 6rem;
}
.adm_title_wrap {
	position: relative;
}
.adm_title_wrap:after {
	display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.adm_title_wrap .adm_title {
	width: 30.4rem;
	margin: 0 auto;
}
.adm_title_left {
	position: absolute;
	left: 0;
	top: 0;
}
.adm_title_right {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
.adm_date_wrap {
	text-align: center;
	margin: 1.6rem 0 5.5rem;
}
.adm_date_prev {
	display: inline-block;
}
.adm_date_next {
	display: inline-block;
}
a.adm_date_cal {
	display: inline-block;
	font-size: 1.6rem;
	color: #2d2d2d;
	margin: 0 1.6rem;
}

/* adm_login */
.adm_login {
	width: 47rem;
	margin: 0 auto;
}

/* adm_push */
.adm_push_textarea {
	width: 100%;
	height: 12rem;
	border: 0.2rem solid #76c5b8;
	border-radius: 0.6rem;
	background: #f8f6f2;
	padding: 1.6rem;
}
.adm_push_post {
    display: block;
	width: 100%;
	height: 3.4rem;
	background: #76c5b8;
	border-radius: 0.6rem;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 1.4rem;
	text-align: center;
	margin-top: 0.4rem;
}

/* admin_member */
.adm_table {

}
.adm_table table {
	width: 100%;
	border-bottom: 0.1rem solid #d7d7d7;
}
.adm_table table caption {
	font-size: 0;
}
.adm_table table th {
	font-size: 1.6rem;
	color: #363636;
	font-weight: 400;
	border-bottom: 0.2rem solid #76c5b8;
	padding-bottom: 0.8rem;
}
.adm_table table td {
	font-size: 1.4rem;
	color: #363636;
	text-align: center;
    padding: 1.8rem 0;
}
.adm_table table tbody tr:first-child td {
    padding: 2.6rem 0 1.8rem;
}
.adm_table table tbody tr:last-child td {
    padding: 1.8rem 0 2.6rem;
}
.adm_new_table table {
	border-bottom: 0;
}
.adm_new_table table th {
	font-size: 1.5rem;
	color: #ffffff;
	background: #5ab9af;
	border-bottom: 0;
	padding: 0.8rem 0;
}
.adm_new_table table th.th_start {
	border-radius: 2.5rem 0 0 0;
}
.adm_new_table table th.th_end {
	border-radius: 0 2.5rem 0 0;
}
.adm_new_table table th.th_2dp {
	background: #4ba49b;
	border-top: 0.1rem solid #bbdad7;
}
.adm_new_table table th.th_left {
	border-left: 0.1rem solid #bbdad7;
}
.adm_new_table table td {
	font-size: 1.3rem;
	border-bottom: 0.1rem solid #d7d7d7;
}
.adm_new_table table td.td_left {
	border-left: 0.1rem solid #d7d7d7;
}
.adm_new_table table tbody tr:first-child td {
    padding: 1.8rem 0;
}
.adm_new_table table tbody tr:last-child td {
    padding: 1.8rem 0;
}
.adm_new_table table td.td_img {
	font-size: 0;
}
.adm_new_table table td.td_img img {
	display: inline-block;
	width: 34px;
	height: 48px;
	background: #dcdcdc;
	margin-right: 4px;
}
.adm_new_table table td.td_img img:last-child {
	margin-right: 0;
}
.adm_container .page_wrap {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    padding: 5rem 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.adm_container .page_wrap a {
    font-size: 1.4rem;
    color: #363636;
    font-weight: 400;
}
.adm_container .page_wrap span {
    font-size: 1.4rem;
    font-weight: 400;
}
.adm_search_wrapper {
    text-align: center;
	margin-top: 4rem;
	font-size: 0;
}
input[type="text"].adm_search_input {
	width: 20rem;
	height: 3.4rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	background: #fffff3;
	border: 0.1rem solid #76c5b8;
	border-radius: 0.4rem;
	padding: 0 0.8rem;
}
.adm_search_btn {
	width: 9rem;
	height: 3.4rem;
	background: #76c5b8;
	border-radius: 0.4rem;
	font-size: 1.4rem;
	color: #fffff3;
	line-height: 3.4rem;
	text-align: center;
	margin-left: 0.4rem;
}
.adm_layer_pop {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 30rem;
	height: auto;
	z-index: 10;
	overflow: hidden;
}
.layer_wrap .adm_layer_pop {
	display: block;
}
.adm_layer_container {
	position: relative;
	font-size: 0;
}
.adm_layer_btn_wrap {
	display: flex;
	font-size: 0;
}
.adm_layer_btn1 {
	width: 50%;
	height: 3rem;
	font-size: 1.4rem;
	color: #ffffff;
	text-align: center;
	line-height: 3rem;
	border: 0;
	padding: 0;
	background: #b2b2b2;
}
.adm_layer_btn2 {
	width: 50%;
	height: 3rem;
	font-size: 1.4rem;
	color: #ffffff;
	text-align: center;
	line-height: 3rem;
	border: 0;
	padding: 0;
	background: #76c5b8;
}

/* admin_notice_list */
.adm_btn_wrapper {
	font-size: 0;
	text-align: right;
	margin-top: 2rem;
}
a.adm_btn {
	display: inline-block;
	width: 9rem;
	height: 3.4rem;
	background: #76c5b8;
	border-radius: 0.4rem;
	font-size: 1.4rem;
	color: #fffff3;
	line-height: 3.4rem;
	text-align: center;
	margin-left: 0.4rem;
}

/* admin_notice_detail */
.adm_notice_detail_top_wrap {
	display: flex;
    align-items: baseline;
	border-bottom: 0.2rem solid #76c5b8;
	padding: 0 1rem 0.8rem 2.6rem;
}
.adm_notice_detail_title {
	font-size: 1.6rem;
	color: #363636;
	font-weight: 500;
	flex-grow: 1;
}
.adm_notice_detail_edit {
    flex-shrink: 0;
}
.adm_notice_detail_edit ul {
	font-size: 0;
}
.adm_notice_detail_edit ul li {
	position: relative;
	display: inline-block;
	margin-left: 1rem;
	padding-left: 1rem;
}
.adm_notice_detail_edit ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 1.4rem;
    background: #363636;
}
.adm_notice_detail_edit ul li:first-child:before {
	content: "";
    width: 0;
    height: 0;
    background: 0;
}
.adm_notice_detail_edit ul li a {
	font-size: 1.4rem;
	color: #363636;
}
.adm_notice_detail_date_wrap {
	padding: 0.8rem 2.6rem;
	font-size: 0;
}
.adm_notice_detail_date {
	display: inline-block;
	font-size: 1.4rem;
	color: #363636;
}
.adm_notice_detail_view {
	display: inline-block;
	font-size: 1.4rem;
	color: #363636;
	margin-left: 5.5rem;
}
.adm_notice_detail_content {
	padding: 0.8rem 2.6rem;
	font-size: 1.4rem;
	color: #363636;
	margin-top: 3.5rem;
    line-height: 2.5rem;
	border-bottom: 0.1rem solid #d7d7d7;
}

/* admin_notice_write */
input[type="text"].adm_write_input {
	width: 100%;
	height: 3rem;
	border: 0.2rem solid #76c5b8;
	border-radius: 0.6rem;
	background: #f8f6f2;
	padding: 0 1.6rem;
	font-size: 1.4rem;
	margin-bottom: 2rem;
}
.adm_write_btn_wrapper {
	text-align: center;
	margin-top: 2rem;
}
.adm_write_btn {
	display: inline-block;
	width: 9rem;
	height: 3.4rem;
	background: #76c5b8;
	border-radius: 0.4rem;
	font-size: 1.4rem;
	color: #fffff3;
	line-height: 3.4rem;
	text-align: center;
}

/* admin_ac_list */
.adm_recommend {
	color: #4eada4;
}
.adm_state {
	color: #ff7b7b;	
}
a.adm_down {
	display: inline-block;
	width: 18rem;
	height: 4.4rem;
	font-size: 1.6rem;
	line-height: 4.4rem;
	color: #fff;
	text-align: center;
	background: #76c5b8;
	border-radius: 4.4rem;
}

/* adm_coach_list */
a.adm_coach_upload {
	display: inline-block;
	width: 10rem;
	height: 4.4rem;
	line-height: 4.4rem;
	font-size: 1.6rem;
	color: #ffffff;
	text-align: center;
	border-radius: 4.4rem;
	background-color: #5ab9af;
}
a.adm_coach_del {
	display: inline-block;
	width: 10rem;
	height: 4.4rem;
	line-height: 4.4rem;
	font-size: 1.6rem;
	color: #ffffff;
	text-align: center;
	border-radius: 4.4rem;
	background-color: #bfbfbf;
	margin-left: 1rem;
}
a.adm_coach_list_upload {
	display: inline-block;
	width: 18rem;
	height: 4.4rem;
	line-height: 4.4rem;
	font-size: 1.6rem;
	color: #ffffff;
	text-align: center;
	border-radius: 4.4rem;
	background-color: #5ab9af;
}
a.adm_coach_del_btn {
	display: inline-block;
	width: 5rem;
	height: 2.2rem;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 2.2rem;
	text-align: center;
	background-color: #bfbfbf;
	border-radius: 0.4rem;
}
input[type=checkbox].adm_check {
	display: none; 
}
input[type=checkbox].adm_check + label { 
	display: inline-block;
	cursor: pointer; 
	line-height: 1.7rem; 
	padding-left: 1.7rem;
	height: 1.7rem;
	background: url(../img/admin_check_01.png) left/1.7rem no-repeat;
	transition-duration: 0.3s;
	font-size: 0;
	vertical-align: middle;
}
input[type=checkbox]:checked.adm_check + label {
	background-image: url(../img/admin_check_02.png); 
	transition-duration: 0.3s;
}

/* adm_coach_write */
.adm_coach_row {
	display: flex;
	border-bottom: 1px solid #828282;
    margin-bottom: 1.5rem;
}
.adm_coach_name {
	width: 7rem;
    line-height: 4.4rem;
    font-size: 1.4rem;
    color: #4eada4;
    flex-shrink: 0;
}
.adm_coach_input {
	flex-grow: 1;
    width: 100%;
    height: 4.4rem;
    line-height: 4.4rem;
    font-size: 1.4rem;
    color: #959595;
}
.adm_coach_btn_wrap {
	margin-top: 3rem;
}

/* adm_ac_write */
.adm_ac_write_title_wrap .adm_title {
	width: 26rem;
}
.adm_ac_write_row {
	display: flex;
	border-bottom: 1px solid #828282;
}
.adm_ac_write_name {
	width: 11rem;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #4eada4;
    flex-shrink: 0;
}
.adm_ac_write_input {
	flex-grow: 1;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #959595;
}
.adm_ac_write_text {
	font-size: 1.4rem;
	color: #828282;
	text-align: center;
	margin: 2rem 0;
	line-height: 2.4rem;
}
.adm_ac_write_btn_wrap {
}

/* adm_ac_view */
.adm_view_title_wrap .adm_title {
	width: 36rem;
}
.adm_ac_view_wrap {
	margin-top: 4rem;
	text-align: center;
}
.adm_ac_view_box {
	display: inline-block;
	width: 24rem;
	margin: 0 4rem;
}
.adm_ac_view_title {
	font-size: 2.4rem;
	color: #4eada4;
	text-align: center;
	border-bottom: 0.1rem solid #828282;
	padding-bottom: 0.8rem;
	margin-bottom: 1.8rem;
}
.adm_ac_view_row {
	display: flex;
	padding: 0 3rem;
	text-align: left;
	margin-bottom: 1.8rem;
}
.adm_ac_view_name {
	width: 14rem;
	font-size: 1.6rem;
	color: #4eada4;
}
.adm_ac_view_value {
	font-size: 1.6rem;
	color: #2d2d2d;
}
input.adm_ac_view_input, select.adm_ac_view_input {
	width: 100%;
	min-height: 3.2rem;
	border: 0.1rem solid #ddd;
    padding: 0.4rem 0.4rem;
    border-radius: 0.8rem;
	font-size: 1.4rem;
    color: #363636;
    text-align: center;
}
.adm_view_table table td {
	padding-left: 0.4rem !important;
	padding-right: 0.4rem !important;
}
.adm_ac_view_flex {
	display: flex;
	align-items: center;
}
.adm_ac_view_text {
	font-size: 1.8rem;
	color: #464646;
	text-align: center;
	margin-top: 4.5rem;
}
.adm_ac_view_record {
	margin-top: 1.5rem;
}
.adm_ac_view_record table {
	width: 100%;
    border-bottom: 0.1rem solid #d7d7d7;
	border-top: 0.1rem solid #d7d7d7;
}
.adm_ac_view_record table th {
    font-size: 1.4rem;
    color: #464646;
	font-weight: 400;
    border-bottom: 0.1rem solid #d7d7d7;
    padding: 0.8rem 0;
}
.adm_ac_view_record table td {
    font-size: 1.4rem;
    color: #464646;
	font-weight: 400;
	text-align: center;
    padding: 0.6rem 1rem;
}
.adm_ac_view_record table tbody tr:first-child td {
    padding: 2rem 0 0.6rem;
}
.adm_ac_view_record table tbody tr:last-child td {
    padding: 0.6rem 0 2rem;
}
.adm_view_title_wrap {
	position: relative;
}
.adm_new_view_table table tbody td {
    padding: 0;
}
.adm_new_view_table table tbody tr:first-child td {
    padding: 0;
}
.adm_new_view_table table tbody tr:last-child td {
    padding: 0;
}
.adm_new_view_table table tbody tr:first-child td.adm_ac_view_top {
    border-bottom: 0;
	padding-top: 1.8rem;
}
.adm_new_view_table table tbody tr:last-child td.adm_ac_view_bottom {
	padding-bottom: 1.8rem;
	padding-top: 0.4rem;
}
.adm_ac_view_chart {
	margin-top: 4rem;
	background: #fafaf7;
	padding: 2rem 2rem;
}
.adm_ac_view_chart_title {
	font-size: 1.6rem;
    color: #464646;
	margin-bottom: 1rem;
}

/* snstogcoop */
.gcoop_logo {
    display: block;
    width: 16rem;
    height: 9.2rem;
    margin: 3.5rem auto 0;
}
.gcoop_box {
	padding: 3rem 3rem 0;
}
.sns_btn_wrap {
	margin-top: 11rem;
	text-align: center;
}

/* renewinfo */
.renew_wrap {
	height: 100%;
	background: url(../img/renew_bg.jpg) center top no-repeat;
	background-size: cover;
}
.renew_logo {
	display: block;
	width: 13rem;
	margin: 0 auto;
	padding: 3.5rem 0 0.5rem;
}
.renew_text {
	font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
	color: #363636;
}
.renew_box {
	font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
	color: #363636;
	border: 0.1rem solid #52aec7;
	margin: 1rem 2.5rem;
	padding: 1.4rem 0;
	border-radius: 0.8rem;
	background: #fff;
}
.renew_text a {
	font-size: 1.4rem;
    line-height: 2rem;
	color: #219dcd;
}

/* active_reg */
.act_logo {
	text-align: center;
	margin: 3rem 0 1rem;
}
.act_logo img {
	width: 17.6rem;
}
.act_row {
	display: flex;
	border-bottom: 1px solid #858585;
	margin-bottom: 1.4rem;
}
.act_row .name_s {
	width: 5.7rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #5ab9af;
	flex-shrink: 0;
}
.act_row .name_m {
	width: 7rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #5ab9af;
	flex-shrink: 0;
}
.act_row .name_l {
	width: 8rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #5ab9af;
	flex-shrink: 0;
}
.act_row .act_input {
	flex-grow: 1;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #959595;
}
.act_row .act_input_r {
	text-align: right;
}
.act_row .txt_r {
	width: 3rem;
	line-height: 3rem;
	text-align: right;
	font-size: 1.2rem;
	color: #e76060;
	flex-shrink: 0;
}
.act_row .txt_c {
	width: 3rem;
	line-height: 3rem;
	text-align: right;
	font-size: 1.2rem;
	color: #c8c8c8;
	flex-shrink: 0;
}
.act_txt {
	font-size: 1.2rem;
	color: #828282;
	margin-bottom: 3.5rem;
	text-align: center;
}
.act_row .txt_g {
	width: 4rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #5ab9af;
	flex-shrink: 0;
}
.act_info_title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #828282;
	padding-left: 1.3rem;
	margin-bottom: 1rem;
	margin-top: 4rem;
}
.act_info {
	position: relative;
	font-size: 1.5rem;
	color: #828282;
	padding-left: 1.3rem;
	margin-bottom: 1rem;
	word-break: keep-all;
}
.act_info:before {
	content: "";
	position: absolute;
	top: 0.7rem;
	left: 0;
	width: 0.45rem;
	height: 0.45rem;
	background: url(../img/AC_challenge_ic.png);
	background-size: 0.45rem;
}
.act_info_sub {
	position: relative;
	font-size: 1.5rem;
	color: #828282;
	padding-left: 3rem;
	margin-bottom: 0.8rem;
	word-break: keep-all;
}
.act_info_sub_last {
	margin-bottom: 1.6rem;
}
.act_info_sub:before {
	content: "①";
	position: absolute;
	top: 0;
	left: 1.3rem;
	font-size: 1.5rem;
	color: #828282;
}
.act_info_sub_last:before {
	content: "②";
	position: absolute;
	top: 0;
	left: 1.3rem;
	font-size: 1.5rem;
	color: #828282;
}
input[type=checkbox].act_check {
	display: none; 
}
input[type=checkbox].act_check + label { 
	display: inline-block;
	cursor: pointer; 
	line-height: 2.5rem; 
	padding-left: 3.5rem;
	height: 2.5rem;
	background: url(../img/check_off.png) left/2.5rem no-repeat;
	transition-duration: 0.3s;
	font-size: 1.5rem;
	color: #555555;
	font-weight: 500;
}
input[type=checkbox]:checked.act_check + label {
	background-image: url(../img/check_on.png); 
	transition-duration: 0.3s;
}
input[type=checkbox].act_check_all + label { 
	font-size: 1.6rem;
}
.act_check_all_wrap {
	margin: 3rem 0 2rem;
	padding-bottom: 1.9rem;
	border-bottom: 0.2rem solid #5ab9af;
}
.act_check_wrap {
	display: flex;
	align-items: center;
	margin-bottom: 1.8rem;
}
.act_check_wrap fieldset {
	flex-grow: 1;
}
.act_check_wrap a {
	font-size: 1.2rem;
	color: #898989;
}
.act_btn_wrap {
	margin-top: 5rem;
	text-align: center;
}
.act_btn {
	display: inline-block;
	width: 27rem;
	height: 4.2rem;
	font-size: 1.5rem;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	line-height: 4rem;
	background-color: #76c5b8;
	border: 0.1rem solid #5ab9af;
	border-radius: 4rem;
	cursor: pointer;
}
.act_file > input {
	display: none;
}
.act_select {
	flex-grow: 1;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.5rem;
    color: #959595;
	border: 0;
	background: #ffffff;

	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
}
.act_select::-ms-expand { 
	display:none; /* 화살표 없애기 for IE10, 11*/
}
.act_reg_text {
	font-size: 1.6rem;
	color: #363636;
	text-align: center;
}
.act_reg_radio_wrap {
	width: 100%;
	height: 4rem;
	line-height: 3.8rem;
	text-align: center;
	background: #fbfbfb;
	border: 0.1rem solid #f7f7f7;
	border-radius: 0.8rem;
	margin: 2.4rem 0;
}
.act_reg_radio_wrap span {
	font-size: 1.5rem;
    color: #5ab9af;
}
.act_reg_radio_wrap input {
	font-size: 1.5rem;
    margin-left: 1.5rem;
}
.act_reg_radio_wrap label {
	font-size: 1.5rem;
    color: #959595;
}
.ac_before_text {
	font-size: 1.6rem;
	color: #575757;
	text-align: center;
	margin-top: 4.5rem;
	margin-bottom: 1.2rem;
}
.ac_before_img_wrap {
	display: flex;
	justify-content: space-between;
}
.ac_before_img_box {
	width: calc(50% - 0.5rem);
}
.ac_before_info_wrap {
	margin-top: 2.5rem;
	margin-bottom: 1.2rem;
}
.ac_before_info {
	display: inline-block;
	width: 7rem;
	height: 2rem;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 2rem;
	text-align: center;
	background: #a9a9a9;
	border-radius: 0.4rem;
}
.act_info2 {
	font-size: 1.4rem;
}
.act_before_file {
	text-align: center;
}
.ac_before_info_r {
	font-size: 1.2rem;
	color: #ff6b6b;
	text-align: center;
	margin: 0.8rem 0 1.4rem;
}
.ac_before_check {
	margin: 4.5rem 0 2.4rem;
}

/* hub */
.hub_container {
	padding: 0;
	background: url(../img/login_bg.jpg) center center no-repeat;
	background-size: cover;
	min-height: 100%;
	overflow-x: hidden;
}
.hub_guide {
	padding: 2.4rem 0;
	text-align: center;
}
.hub_guide img {
	width: 20.6rem;
}
.mySwiper {
	position: relative;
	width: 100%;
	height: 40.4rem;
	margin: 0 auto;
}
.mySwiper .swiper-slide {
	background-position: center;
	background-size: cover;
	text-align: center;
}
.mySwiper .swiper-slide img {
	width: 36rem;
	height: 28rem;
}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {
    color: #76c5b8;
}
.mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after {
    font-size: 2rem;
}
.mySwiper .swiper-button-next, .mySwiper .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}
.mySwiper .swiper-button-prev, .mySwiper .swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto;
}
.mySwiper .swiper-pagination {
	bottom: 0;
}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {
    top: 13rem;
    margin-top: 0;
}
.mySwiper .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #cecece;
    opacity: 1;
	margin: 0 6px;
	transition: .3s;
}
.mySwiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 27px;
	background: #76c5b8;
    opacity: 1;
	border-radius: 12px;
	transition: .3s;
}
.slider_text_wrap {
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 35px;
}
.slider_title {
	font-size: 4rem;
	color: #4eada4;
	font-weight: 600;
	text-align: center;
}
.slider_text {
	font-size: 2rem;
	color: #8a8a8a;
	text-align: center;
}
.slider_text_wrap1 {
}
.slider_text_wrap2 {
	display: none;
}
.slider_text_wrap3 {
	display: none;
}
.slider_text_wrap4 {
	display: none;
}
.hub_btn_wrap {
	margin-top: 6.5rem;
}
.hub_btn_wrap ul {
	font-size: 0;
	text-align: center;
}
.hub_btn_wrap ul li {
	display: inline-block;
	width: 6rem;
	height: 6.15rem;
	margin-right: 3.2rem;
}
.hub_btn_wrap ul li:last-child {
	margin-right: 0;
}
.hub_btn_wrap ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.hub_btn_wrap ul li.hub_btn1 {
	background: url(../img/hub_AC_01.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn1.active {
	background: url(../img/hub_AC_02.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn2 {
	background: url(../img/hub_chakra_01.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn2.active {
	background: url(../img/hub_chakra_02.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn3 {
	background: url(../img/hub_smart_01.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn3.active {
	background: url(../img/hub_smart_02.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn4 {
	background: url(../img/hub_AC_04.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_btn_wrap ul li.hub_btn4.active {
	background: url(../img/hub_AC_04b.png);
	background-size: 6rem 6.15rem;
	transition: .3s;
}
.hub_logout {
	padding: 2rem 0;
	text-align: center;
}

/* act_main */
.act_video {
	position: relative;
	padding: 56.25% 0 0;
}
.act_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.act_video video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.act_main_img_wrap {
	text-align: center;
	font-size: 0;
	padding-bottom: 4.2rem;
}
.act_main_img_wrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.act_main_text {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	text-align: center;
}
.act_main_btn_wrap {
	position: fixed;
	display: flex;
	left: 0;
	bottom: 8rem;
	width: 100%;
	height: 4.2rem;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.act_main_btn_sub_wrap {
	width: 50%;
	padding: 0 0.75rem 0 1.5rem;
}
.act_main_btn_sub_wrap:last-child {
	padding: 0 1.5rem 0 0.75rem;
}
.act_file {
	position: relative;
}
.act_file .photo_label > img {
	min-width: 100%;
	min-height: 15rem;
	background-color: #ebebeb;
}
.act_file .act_reg_btn {
	display: none;
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.act_file .act_reg_btn > img {
	width: 3.8rem;
	height: 3.8rem;
}
.act_file .act_reg_btn2 {
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.act_file .act_reg_btn2 > img {
	width: 3.8rem;
	height: 3.8rem;
}
.ac_main_logo_wrap {
	text-align: center;
	margin-bottom: 1.6rem;
}
.ac_main_logo_wrap img {
	width: 27rem;
	height: auto;
}
.act_main_flex_box {
	display: flex;
	justify-content: center;
	margin: 2rem 0 2.5rem;
}
.act_main_box {
	width: 15.9rem;
	text-align: center;
	border-right: 0.1rem solid #cecece;
}
.act_main_box:last-child {
	border-right: 0;
}
.act_main_box_date {
	font-size: 2.4rem;
	color: #5ab9af;
	font-weight: 600;
}
.act_main_box_text {
	font-size: 1.2rem;
	color: #828282;
}
.act_main_text2 {
	font-size: 1.2rem;
	color: #000000;
	text-align: center;
    margin-bottom: 2.5rem;
}
.act_main_text2 span {
	color: #ff6666;
}
.act_main_link_wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 2.5rem;
}
.act_main_link_wrap a {
	width: 12.2rem;
	height: 12.2rem;
}
.act_main_link_wrap a:last-child {
	margin-left: 1.5rem;
}
.act_main_link_wrap a img {
	
}
.act_main_id_title {
	font-size: 1.2rem;
	color: #2d2d2d;
	text-align: center;
	margin-top: 2rem;
}
.act_main_id_text {
	font-size: 1.8rem;
	color: #ff7e7e;
	text-align: center;
	margin-bottom: 2rem;
}

/* act_intro */
.act_intro_container {
	position: relative;
	height: 100%;
	background: #ffffff;
}
.act_intro_img_wrap {
	padding-top: 9rem;
	text-align: center;
}
.act_intro_img_wrap img {
	width: 20.4rem;
}
.act_intro_logo_wrap {
	padding-top: 8rem;
	text-align: center;
}
.act_intro_logo_wrap img {
	width: 24.65rem;
}
.act_intro_text {
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
	padding-top: 3.3rem;
}
.act_intro_copy {
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	width: 100%;
	font-size: 1rem;
	color: #555555;
	text-align: center;
}
.act_intro_progress_wrap {
	width: 19.3rem;
	margin: 0.8rem auto 0;
}
.ui-progressbar {
	position: relative;
}
.progress_label {
	font-size: 0.8rem;
	color: #64c2cc;
	text-align: right;
	font-weight: bold;
	margin: 0;
}
.ui-widget.ui-widget-content {
	border: 0;
	border-radius: 0.4rem;
	height: 0.4rem;
}
.ui-widget-header {
	background: #64c2cc;
	border-radius: 0.4rem;
	height: 100%;
}

/* act_step1 */
.act_step_img_wrap {
	text-align: center;
}
.act_step_img_wrap img {
	width: 9.8rem;
}
.act_step_logo_wrap {
	text-align: center;
	margin-top: 5.8rem;
}
.act_step_logo_wrap img {
	width: 17.6rem;
}
.act_step_text1 {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	text-align: center;
	margin: 4rem 0 3rem;
}
.act_step_text2 {
	font-size: 1.5rem;
	color: #2d2d2d;
	text-align: center;
	margin-bottom: 4rem;
}
.act_step_btn_wrap {
	padding: 0 3rem;
}

/* act_step2 */
.act_step_text3 {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	text-align: center;
	margin: 4.5rem 0 3rem;
}
.act_step_text4 {
	font-size: 1.5rem;
	color: #2d2d2d;
	text-align: center;
	margin-bottom: 4rem;
}
.act_step_input_wrap {
	padding: 0 3rem;
	margin-bottom: 4.5rem;
}

/* act_step3 */
.act_step_upload_wrap {
	position: relative;
	margin-top: 4.2rem;
	text-align: center;
}
.act_step_upload_wrap label {
	display: inline-block;
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	overflow: hidden;
}
.act_step_upload_wrap > label > img {
	width: 15rem;
	height: 15rem;
    object-fit: cover;
}
.act_step_upload_wrap > input {
	display: none;
}
.act_step_upload_wrap .act_step_delete_btn {
	display: none;
	position: absolute;
	top: 0;
	right: calc(50% - 7.5rem);
}
.act_step_upload_wrap .act_step_delete_btn img {
	width: 3.8rem;
	height: 3.8rem;
}
.act_step_text5 {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	text-align: center;
	margin: 2.5rem 0 2.5rem;
}
.act_step_text6 {
	font-size: 1.5rem;
	color: #2d2d2d;
	text-align: center;
	margin-bottom: 1rem;
}
.act_step_text7 {
	font-size: 1.4rem;
	color: #828282;
	text-align: center;
	margin-bottom: 2.5rem;
}

/* act_step4 */
.act_step_text8 {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	text-align: center;
	margin: 4.5rem 0 2.5rem;
}
.act_step_text9 {
	font-size: 1.5rem;
	color: #2d2d2d;
	text-align: center;
	margin-bottom: 3.5rem;
}
.act_step_info_wrap {
	padding: 0 3rem;
	margin-bottom: 3.5rem;
}
.act_row .txt_b {
	line-height: 3rem;
	font-size: 1.5rem;
	color: #5ab9af;
	flex-shrink: 0;
}
.act_step_weight_wrap {
	position: relative;
	display: flex;
    justify-content: space-between;
    margin-top: 4.5rem;
}
.act_step_weight_box {
	position: relative;
	width: calc(50% - 1rem);
	border-bottom: 0.1rem solid #858585;
}
.act_step_weight_text {
	font-size: 1.5rem;
	color: #5ab9af;
	text-align: center;
	margin-bottom: 0.5rem;
}
.act_step_weight_count {
	font-size: 3rem;
	color: #959595;
	text-align: center;
}
.act_step_weight_kg {
	position: absolute;
	right: 0;
	bottom: 0.6rem;
	font-size: 1.5rem;
	color: #5ab9af;
}

/* col_intro */
.col_intro_container {
	position: relative;
	height: 100%;
	background: #ffffff;
}
.col_intro_img_wrap {
	padding-top: 9rem;
	text-align: center;
}
.col_intro_img_wrap img {
	width: 20.4rem;
}
.col_intro_logo_wrap {
	padding-top: 3.7rem;
	text-align: center;
}
.col_intro_logo_wrap img {
	width: 24.6rem;
}
.col_intro_text {
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
	padding-top: 3rem;
}
.col_intro_copy {
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	width: 100%;
	font-size: 1rem;
	color: #555555;
	text-align: center;
}
.col_intro_progress_wrap {
	width: 19.3rem;
	margin: 0.8rem auto 0;
}
.ui-progressbar {
	position: relative;
}
.progress_label {
	font-size: 0.8rem;
	color: #64c2cc;
	text-align: right;
	font-weight: bold;
	margin: 0;
}
.ui-widget.ui-widget-content {
	border: 0;
	border-radius: 0.4rem;
	height: 0.4rem;
}
.ui-widget-header {
	background: #64c2cc;
	border-radius: 0.4rem;
	height: 100%;
}

/* col_main */
.col_main_text1 {
	font-size: 2rem;
	color: #2d2d2d;
	text-align: center;
	margin: 1.2rem 0 2rem;
}
.col_main_logo_wrap {
	text-align: center;
	margin-bottom: 0.5rem;
}
.col_main_logo_wrap img {
	width: 11.45rem;
}
.col_main_text2 {
	font-size: 1.8rem;
	color: #2d2d2d;
	text-align: center;
	margin-bottom: 1.5rem;
}
.col_link_wrap {
	position: relative;
	width: 31.8rem;
    height: 31.9rem;
    margin: 0 auto;
	text-align: center;
}
.col_link_img1 {
	width: 31.8rem;
}
.col_link_img2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 15.2rem;
	height: 15.2rem;
}
.col_link_img3 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 9.45rem;
	height: 9.9rem;
}
.col_link1 {
    position: absolute;
    left: 1rem;
    top: 1.5rem;
    width: 10rem;
    height: 12rem;
}
.col_link2 {
    position: absolute;
    left: 11rem;
    top: 1.5rem;
    width: 11rem;
    height: 8.8rem;
}
.col_link3 {
    position: absolute;
    right: 1rem;
    top: 1.5rem;
    width: 10rem;
    height: 14.5rem;
}
.col_link4 {
    position: absolute;
    left: 1rem;
    top: 13.5rem;
    width: 10rem;
    height: 10.3rem;
}
.col_link5 {
    position: absolute;
    right: 1rem;
    top: 16rem;
    width: 10rem;
    height: 7.8rem;
}
.col_link6 {
    position: absolute;
    left: 3.5rem;
    bottom: 1rem;
    width: 12.4rem;
    height: 7.5rem;
}
.col_link7 {
    position: absolute;
    right: 3.5rem;
    bottom: 1rem;
    width: 12.4rem;
    height: 7.5rem;
}

/* col_sel */
.aroma_img {
	text-align: center;
}
.aroma_img img {
	max-width: 100%;
}
.aroma_btn_wrap {
	width: 270px;
	margin: 3rem auto 0;
}
.aroma_back_wrap {
	text-align: center;
	margin-top: 4rem;
}
.aroma_back_wrap img {
	width: 15rem;
}

/* ready */
.act_ready_wrap {
	text-align: center;
	margin-top: 13.5rem;
}
.act_ready_wrap img {
	width: 17.6rem;
}

.popup_close {
	position: absolute;
    right: 1rem;
    top: 1rem;
	width: 3.8rem;
	height: 3.8rem;
}

/* ==================================================
	2차
================================================== */

/* act_home */
.act_home_season {
	width: 100%;
	height: 3rem;
	font-size: 1.4rem;
	color: #898989;
	text-align: center;
	line-height: 3rem;
	background: #fafaf7;
	border-radius: 3rem;
}
.act_home_season .color {
	color: #4eada4;
}
.act_home_season .padding {
	padding: 0 0.8rem;
}
.act_home_weight_wrap {
	display: flex;
	justify-content: space-between;
}
.act_home_weight_box {
	width: 100%;
	height: 15.9rem;
	border: 0.1rem solid #dddddd;
	border-radius: 0.8rem;
	text-align: center;
	flex-grow: 1;
}
.act_home_weight_box img {
	width: 3.3rem;
	height: 3.6rem;
	margin-top: 2rem;
}
.act_home_weight_name {
	font-size: 1.8rem;
	color: #636363;
	text-align: center;
	margin: 0.6rem 0 0.9rem;
}
.act_home_weight_kg {
	height: 5rem;
	font-size: 3rem;
	color: #636363;
	line-height: 5rem;
	text-align: center;
	background: #f1f4c4;
	border-radius: 0.4rem;
	margin: 0 0.8rem;
	box-shadow: inset 0.1rem 0.15rem 0.3rem 0rem rgba(0, 0, 0, 0.35);
}
.act_home_weight_kg span {
	font-size: 1.5rem;
}
.act_home_result_box {
	width: 7.8rem;
	height: 15.9rem;
	border: 0.1rem solid #dddddd;
	border-radius: 0.8rem;
	text-align: center;
	margin: 0 0.6rem;
	flex-shrink: 0;
}
.act_home_result_box img {
	width: 3.6rem;
	height: 3.6rem;
	margin-top: 2rem;
}
.act_home_result_name {
	font-size: 1.5rem;
	color: #5ab9af;
	text-align: center;
	margin: 0.8rem 0 1.4rem;
}
.act_home_result_kg {
	font-size: 3rem;
	color: #5ab9af;
	text-align: center;
}
.act_home_graph_wrap {
	position: relative;
	width: 100%;
	background: linear-gradient(to bottom, #5ab9af, #4eada4);
	border-radius: 0 0 0.8rem 0.8rem;
	padding-bottom: 1.2rem;
}
.act_home_graph_name {
	font-size: 1.2rem;
	color: #f7f7f7;
	padding: 0.8rem 0 0 1rem;
}
.act_home_graph_flex {
	display: flex;
	padding-top: 1rem;
}
#home_chart, #home_kg_chart {
	width: calc(100% - 11rem) !important;
	height: 100% !important;
	margin-left: 1.0rem;
}
.act_home_graph_bg {
	position: absolute;
	right: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 7.5rem;
	height: 2.5rem;
	background: url(../img/ac_main_graph_bg.png) no-repeat;
	background-size: 7.5rem 2.5rem;
	text-align: center;
}
.act_home_graph_bg p {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
.act_home_graph_bg p span {
	font-size: 1.2rem;
}
.act_home_graph_down {
	display: inline-block;
	font-size: 1.5rem;
	color: #3f86e6;
	line-height: 2.5rem;
}
.act_home_graph_down span {
	font-size: 1.2rem;
}
.act_home_graph_down:after {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1.2rem;
	background: url(../img/ac_main_graph_down.png) no-repeat;
	background-size: 1rem 1.2rem;
	margin-left: 0.4rem;
}
.act_home_graph_up {
	display: inline-block;
	font-size: 1.5rem;
	color: #ff7070;
	line-height: 2.5rem;
}
.act_home_graph_up span {
	font-size: 1.2rem;
}
.act_home_graph_up:after {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1.2rem;
	background: url(../img/ac_main_graph_up.png) no-repeat;
	background-size: 1rem 1.2rem;
	margin-left: 0.4rem;
}
.act_home_graph_more_wrap {
	display: flex;
	align-items: center;
	padding: 0 1.5rem;
	margin-top: 0;
}
.act_home_graph_more_line {
	flex-grow: 1;
	height: 0.1rem;
	background: linear-gradient(to right, #aaf4ed, #e8e8e8);
}
a.act_home_graph_more {
	flex-shrink: 0;
	font-size: 1.1rem;
	color: #e8e8e8;
	margin-left: 0.6rem;
}
a.act_home_graph_more:after {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.9rem;
	background: url(../img/ac_main_more_w.png) no-repeat;
	background-size: 0.5rem 0.9rem;
	margin-left: 0.6rem;
}
a.act_home_scalelist {
	position: relative;
	display: block;
	width: 100%;
	height: 4rem;
	font-size: 1.5rem;
	color: #828282;
	line-height: 3.8rem;
	padding-left: 4.2rem;
	margin-top: 2rem;
	background: #fbfbfb;
	border: 0.1rem solid #f7f7f7;
	border-radius: 0.8rem;
}
a.act_home_scalelist::before {
	content: "";
	position: absolute;
	left: 0.8rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.4rem;
	height: 2.4rem;
	background: url(../img/ac_main_date.png) no-repeat;
	background-size: 2.4rem 2.4rem;
}
a.act_home_scalelist::after {
	content: "";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.5rem;
	height: 0.9rem;
	background: url(../img/ac_main_more_d.png) no-repeat;
	background-size: 0.5rem 0.9rem;
}
.act_home_scale {
	margin-top: 1rem;
}
.act_home_scale ul li {
	display: flex;
	border-bottom: 0.1rem solid #f7f7f7;
	padding: 1rem 0;
}
.act_home_scale ul li:last-child {
	border-bottom: 0;
}
.act_home_scale_name {
	position: relative;
	font-size: 1.6rem;
	color: #828282;
	padding-left: 3.3rem;
	flex-grow: 1;
}
.act_home_scale_value {
	font-size: 1.6rem;
	color: #828282;
	text-align: right;
}
.act_home_scale_status {
	width: 6rem;
	height: 2.4rem;
	font-size: 1.4rem;
	color: #828282;
	text-align: center;
	line-height: 2.2rem;
	background: #fdfdf2;
	border: 0.1rem solid #76c5b8;
	border-radius: 0.8rem;
	margin-left: 5.6rem;
}
.act_home_scale ul li:nth-child(1) .act_home_scale_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_scale.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_home_scale ul li:nth-child(2) .act_home_scale_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_bmi.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_home_scale ul li:nth-child(3) .act_home_scale_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_fat.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_home_info {
	padding-top: 1.2rem;
	border-bottom: 0.1rem solid #f0f0f0;
}
.act_home_info_row {
	display: flex;
	margin-bottom: 0.8rem;
}
.act_home_info_text1 {
	width: 6rem;
	font-size: 1.2rem;
	color: #5ab9af;
	font-weight: 500;
	flex-shrink: 0;
}
.act_home_info_text2 {
	width: 10rem;
	font-size: 1.2rem;
	color: #898989;
	flex-shrink: 0;
}
.act_home_info_text3 {
	font-size: 1.2rem;
	color: #898989;
	flex-grow: 1;
	word-break: break-all;
}
.act_home_btn_wrap {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem 0 1rem;
}
a.act_home_btn {
	width: calc(50% - 0.5rem);
	height: 4rem;
	font-size: 1.5rem;
	color: #fafafa;
	font-weight: 600;
	text-align: center;
	line-height: 4rem;
	background: #5ab9af;
	border-radius: 4rem;
}
a.act_home_btn_g {
	background: #b6b6b6;
}
.tabs {
	display: flex;
	margin-top: 3rem;
	border-radius: 0.8rem 0.8rem 0 0;
	overflow: hidden;
}
.tabs li {
	width: 50%;
	height: 3rem;
	font-size: 1.5rem;
	color: #f7f7f7;
	text-align: center;
	line-height: 3rem;
	background-color: #42958c;
}
.tabs li.active {
	background-color: #5ab9af;
}
.act_home_graph_info {
	font-size: 1.2rem;
	color: #ff6b6b;
	text-align: center;
	margin-top: 0.8rem;
}
.act_home_ba_wrap {
	padding: 2.2rem 1.5rem 2.5rem;
	border: 0.1rem solid #dddddd;
	border-radius: 1rem;
	margin-top: 3rem;
}
.act_home_ba_text {
	font-size: 1.8rem;
	color: #5ab9af;
	text-align: center;
	font-weight: 600;
}
.act_home_ba_info {
	background: #f9fafb;
	padding: 1rem 0;
}
.act_home_ba_info p {
	font-size: 1.2rem;
	color: #7b7b7b;
	text-align: center;
	line-height: 1.6;
}
.act_home_bac_wrap {
	margin-top: 2.3rem;
}
.act_home_bac_row {
	display: flex;
	padding: 0.7rem 0;
	border-bottom: 0.1rem solid #f7f7f7;
}
.act_home_bac_row p {
	width: 27%;
	font-size: 1.4rem;
	color: #7b7b7b;
	text-align: center;
}
.act_home_bac_row p:first-child {
	width: 19%;
	text-align: left;
}
.act_home_bac_row p.act_home_bac_down {
	background: #fdfdf2;
	color: #3f86e6;
}
.act_home_bac_row p.act_home_bac_up {
	background: #fdfdf2;
	color: #ff7070;
}
.act_home_post_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}
.act_home_post_img {
	width: 1.8rem;
	height: 1.4rem;
	margin-left: 1rem;
	flex-shrink: 0;
}
a.act_home_post {
	position: relative;
	font-size: 1.4rem;
	color: #636363;
	margin-left: 1rem;
	flex-grow: 1;
}
.act_home_close {
	width: 1.4rem;
	height: 1.4rem;
	cursor: pointer;
	margin-right: 1rem;
	flex-shrink: 0;
}
.act_home_post_close {
	height: 0;
	opacity: 0;
}

/* active_chart */
.act_chart {
	margin-top: 2rem;
}
.act_chart_date_wrap {
	display: flex;
	height: 3rem;
	align-items: center;
	justify-content: space-between;
	background: #fafaf7;
	border-radius: 3rem;
}
.act_chart_date_prev img {
	width: 3rem;
	height: 3rem;
}
.act_chart_date {
	font-size: 1.4rem;
	color: #898989;
	text-align: center;
}
.act_chart_date2 {
	display: block;
	width: 100%;
	font-size: 1.6rem;
}
.act_chart_date_next {
	width: 3rem;
	height: 3rem;
}
.act_chart_box {
	margin-top: 1rem;
}
.act_chart_title {
	position: relative;
	font-size: 1.6rem;
	color: #828282;
	padding: 0 0 1rem 3.3rem;
	border-bottom: 0.1rem solid #f7f7f7;
	margin-bottom: 0.8rem;
}
.act_chart_title_weight:before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 0.3rem;
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_scale.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_chart_title_bmi:before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 0.3rem;
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_bmi.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_chart_title_fat:before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 0.3rem;
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_fat.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_chart_wrap {
	position: relative;
	width: 100%;
}
.act_calendar_wrap {
	justify-content: center;
}
.act_chart_empty_wrap {
	display: none;
	text-align: center;
}
.act_chart_empty_img {
	text-align: center;
	margin: 6rem 0 2.4rem;
}
.act_chart_empty_img img {
	width: 13.7rem;
	height: 13.7rem;
}
.act_chart_empty_title {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	margin-bottom: 3.2rem;
}
.act_chart_empty_text {
	font-size: 1.5rem;
	color: #2d2d2d;
}

/* act_scalelist */
.act_scalelist_date_wrap {
	padding: 0 1.5rem;
}
.act_scalelist_wrap {
	margin-top: 2.5rem;
}
.act_scalelist_wrap li {
	
}
.act_scalelist_list {
	display: flex;
	background: #ffffff;
	padding: 1.1rem 1.5rem;
	border-bottom: 0.1rem solid #f7f7f7;
}
.act_scalelist_name {
	position: relative;
	font-size: 1.6rem;
	color: #828282;
	padding-left: 3.3rem;
	flex-grow: 1;
}
.act_scalelist_kg {
	font-size: 1.6rem;
	color: #828282;
	text-align: right;
}
.act_scalelist_state {
	width: 6rem;
	height: 2.4rem;
	font-size: 1.4rem;
	color: #828282;
	text-align: center;
	line-height: 2.2rem;
	background: #fdfdf2;
	border: 0.1rem solid #76c5b8;
	border-radius: 0.8rem;
	margin-left: 3rem;
}
.act_scalelist_state_not {
	background-color: transparent;
	border: 0;
}
.act_scalelist_wrap ul li:nth-child(1) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_scale.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(2) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_bmi.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(3) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_fat.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(4) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_water.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(5) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_VisceralFat.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(6) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_muscle.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(7) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_boneMass.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(8) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_protein.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(9) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_bmr.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(10) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_age.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_wrap ul li:nth-child(11) .act_scalelist_name::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url(../img/ac_ic_subFat.png) no-repeat;
	background-size: 1.8rem 1.8rem;
}
.act_scalelist_box {
	display: none;
	position: relative;
    background: #fafaf7;
	padding: 0 1.5rem;
}
.act_scalelist_flex {
	position: relative;
	display: flex;
	width: 100%;
	height: 12rem;
}
.act_scalelist_fourth {
	position: relative;
	width: 25%;
}
.act_scalelist_fourth:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.1rem;
	height: 1.8rem;
	background-color: #c6c6c6;
}
.act_scalelist_fourth:last-child::after {
	background-color: transparent;
}
.act_scalelist_value {
	position: absolute;
	right: 0;
	top: 25%;
	transform: translateX(50%);
	font-size: 1rem;
	color: #828282;
}
.act_scalelist_status {
	position: absolute;
    left: 0;
	bottom: 3rem;
    width: 100%;
	font-size: 1.2rem;
	color: #828282;
	text-align :center;
}
.act_scalelist_progress_wrap {
	position: absolute;
	left: 1.5rem;
	top: 5.5rem;
	width: calc(100% - 3rem);
	height: 1rem;
	border: 0.1rem solid #c6c6c6;
	border-radius: 1rem;
	background-color: #fafaf7;
}
.act_scalelist_progress {
	position: absolute;
	left: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
	height: 0.3rem;
	background-color: #5ab9af;
	border-radius: 0.3rem;
}
.act_scalelist_dot {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.3rem;
	height: 0.3rem;
	background-color: transparent;
	border-radius: 50%;
	z-index: 100;
}
.act_scalelist_third {
	position: relative;
	width: 33.333%;
}
.act_scalelist_third:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.1rem;
	height: 1.8rem;
	background-color: #c6c6c6;
}
.act_scalelist_third:last-child::after {
	background-color: transparent;
}
.act_scalelist_noti {
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
	margin-top: 4rem;
}
.act_scalelist_img_wrap {
	margin: 1.2rem 1.5rem 0;
	padding: 2rem 0;
	text-align: center;
	border-top: 0.1rem solid #76c5b8;
}
.act_scalelist_img_wrap img {
	width: 14.2rem;
}

/* scale_slider */
.scale_slider {
	width: 100%;
	height: 100%;
}

/* ac_coaching */
.act_coach_wrap {
	display: flex;
	height: calc(100vh - 16rem);
	flex-direction: column;
	flex-wrap: nowrap;
	overflow-y: hidden;
}
.act_coach_top {
	flex-grow: 1;
	overflow-y: auto;
	padding: 0 1.5rem;
}
.act_coach_info_wrap {
	display: flex;
	padding: 1.5rem 0 0.5rem;
	align-items: center;
	font-size: 0;
}
.ac_coach_profile_wrap {
	position: relative;
	display: inline-block;
	width: 7.5rem;
	height: 7.5rem;
    border-radius: 50%;
	overflow: hidden;
	margin-right: 1.8rem;
	flex-shrink: 0;
}
.ac_coach_profile_wrap img {
	width: 7.5rem;
	height: 7.5rem;
	object-fit: cover;
}
.act_coach_info {
	flex-grow: 1;
}
.act_coach_name_wrap {
	display: flex;
	align-items: center;
}
.act_coach_name {
	display: inline-block;
	font-size: 1.2rem;
	color: #828282;
	border-bottom: 0.1rem solid #76c5b8;
	padding-bottom: 0.2rem;
	margin-right: 1rem;
}
.act_coach_name span {
	font-size: 1.6rem;
}
a.act_coach_detail {
	display: inline-block;
	width: 10rem;
	height: 2.1rem;
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
	line-height: 2.1rem;
	background: #eeefe7;
	border-radius: 2.1rem;
}
.act_coach_name_wrap .co_new {
	text-align: right;
	flex-grow: 1;
}
.act_coach_name_wrap .co_new img {
	width: 4rem;
	height: 1.4rem;
}
.act_coach_hp {
	font-size: 1.4rem;
	color: #828282;
	margin-top: 1rem;
}
.act_coach_reg_wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}
.act_coach_reg_wrap p {
	width: calc(50% - 0.5rem);
	height: 3rem;
	font-size: 1.2rem;
	line-height: 2.8rem;
	text-align: center;
	border-radius: 3rem;
}
.act_coach_reg {
	color: #2d2d2d;
	background: #ffd452;
	border: 0.1rem solid #ffca2a;
}
.act_coach_noreg {
	color: #ffffff;
	background: #dbdbdb;
	border: 0.1rem solid #c6c6c6;
}
.act_coach_talk_list {
	margin-top: 1.5rem;
	padding-top: 2rem;
	border-top: 0.1rem solid #f6f6f1;
}
.act_coach_talk_list ul {
	
}
.act_coach_talk_list ul li {
	margin-bottom: 1rem;
}
.act_coach_talk_you {
	
}
.act_coach_talk_you .act_coach_talk_name {
	font-size: 1.2rem;
	color: #828282;
	margin-bottom: 0.3rem;
}
.act_coach_talk_list ul li .act_coach_talk_wrap {
	display: flex;
	align-items: flex-end;
}
.act_coach_talk_list ul li .act_coach_talk_text {
	font-size: 1.4rem;
	color: #4c4c4c;
	padding: 1rem;
	border-radius: 0.8rem;
	max-width: 60%;
}
.act_coach_talk_list ul li .act_coach_talk_date {
	font-size: 0.9rem;
	color: #c6c6c6;
}
.act_coach_talk_you .act_coach_talk_text {
	background-color: #f8f9e1;
	margin-right: 0.3rem;
}
.act_coach_talk_me .act_coach_talk_wrap {
	flex-direction: row-reverse;
}
.act_coach_talk_me .act_coach_talk_text {
	background-color: #f6f6f1;
	margin-left: 0.3rem;
}
.act_coach_send_wrap {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 1.5rem;
}
.ac_coach_upload_wrap {
	display: flex;
	height: 100%;
	align-items: center;
	flex-shrink: 0;
	background-color: #f6f6f1;
	border-radius: 0.8rem 0 0 0.8rem;
}
.ac_coach_upload_wrap label {
	display: inline-block;
	width: 3rem;
	height: 4rem;
}
.ac_coach_upload_wrap > label > img {
	width: 3rem;
	height: 4rem;
}
.ac_coach_upload_wrap > input {
	display: none;
}
.ac_coach_textarea {
	flex-grow: 1;
	height: 4rem;
	max-height: 20vh;
	background-color: #f6f6f1;
	padding: 1rem 0.5rem;
	font-size: 1.6rem;
	color: #4c4c4c;
	border-radius: 0 0.8rem 0.8rem 0;
}
.ac_coach_send {
	display: inline-block;
	width: 3rem;
	height: 4rem;
	flex-shrink: 0;
}
.act_coach_pic_wrap {
	display: flex;
	margin-top: 1.2rem;
}
.act_coach_pic_box {
	display: flex;
	width: 50%;
	align-items: center;
	justify-content: center;
}
.act_coach_pic_box img {
	display: inline-block;
	width: 4rem;
	height: 6rem;
	margin: 0 0.3rem;
}
.act_coach_count_wrap {
	margin: 2rem 0 1.5rem;
}
.act_coach_count_text {
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
}
.act_coach_count_text span {
	color: #76c5b8;
}

/* ac_co_reg1 */
.ac_co_reg1_img {
	text-align: center;
	margin-top: 3rem;
}
.ac_co_reg1_img img {
	width: 24rem;
}
.ac_co_reg1_title {
	font-size: 2.1rem;
	color: #2d2d2d;
	text-align: center;
	font-weight: 600;
	margin: 2rem 0 3.2rem;
}
.ac_co_reg1_text {
	font-size: 1.5rem;
	color: #2d2d2d;
	text-align: center;
}
.ac_co_reg1_btn_wrap {
	width: 27rem;
	margin: 3rem auto 0;
}

/* ac_co_reg2 */
.ac_co_reg2_btn_wrap {
	width: 27rem;
	margin: 5rem auto 0;
}

/* ac_co_reg3 */
.ac_co_reg3_title {
	font-size: 2.1rem;
	color: #2d2d2d;
	font-weight: 600;
	text-align: center;
}
.ac_co_reg3_text {
	font-size: 1.5rem;
	color: #2d2d2d;
	text-align: center;
	margin-top: 3rem;
}
.ac_co_reg3_input_wrap {
	margin-top: 4rem;
}
.ac_co_reg3_row {
	display: flex;
    border-bottom: 1px solid #858585;
    margin-bottom: 1.4rem;
}
.ac_co_reg3_row .name {
	width: 5.7rem;
    line-height: 3rem;
    font-size: 1.5rem;
    color: #5ab9af;
    flex-shrink: 0;
}
.ac_co_reg3_row .ac_co_reg3_input {
	flex-grow: 1;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.5rem;
    color: #959595;
}
.ac_co_reg3_textarea_name {
	font-size: 1.5rem;
    color: #5ab9af;
	margin: 2rem 0 0.4rem;
}
.ac_co_reg3_textarea {
	width: 100%;
	height: 14rem;
	font-size: 1.5rem;
	color: #959595;
	border: 0.1rem solid #858585;
	border-radius: 0.8rem;
	padding: 1rem;
}
.ac_co_reg3_upload_wrap {
	display: flex;
	margin-top: 2rem;
}
.ac_co_reg3_upload_box {
	width: calc(33.333% - 1rem);
	margin-right: 1.5rem;
}
.ac_co_reg3_upload_box:last-child {
	margin-right: 0;
}
.ac_co_reg3_upload {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 140%;
	overflow: hidden;
}
.ac_co_reg3_upload label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ac_co_reg3_upload > label > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ac_co_reg3_upload > input {
	display: none;
}
.ac_co_reg3_upload .ac_co_reg3_upload_btn {
	display: none;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}
.ac_co_reg3_upload .ac_co_reg3_upload_btn > img {
	width: 1.9rem;
	height: 1.9rem;
}
.ac_co_reg3_btn_wrap {
	margin: 3rem 0 1rem;
}

/* ac_co_list */
.ac_co_list_top {
	width: 28rem;
	margin: 2rem auto;
}
.ac_co_list_count {
	position: relative;
	font-size: 1.8rem;
	color: #1c1c1c;
	border-bottom: 0.1rem solid #858585;
	padding: 0.4rem 0 0.2rem 3.4rem;
}
.ac_co_list_count span {
	color: #5ab9af;
}
.ac_co_list_count:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2.4rem;
	height: 2.5rem;
	background: url(../img/ac_logo_small_small.png);
	background-size: 2.4rem 2.5rem;
}
.ac_co_list_reg_wrap {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
.ac_co_list_reg_wrap p {
	font-size: 1rem;
	color: #828282;
}
.ac_co_list_reg_wrap p span {
	vertical-align: middle;
	padding-left: 0.5rem;
}
.ac_co_list_reg:before {
	content: "";
	display: inline-block;
	left: 0;
	top: 0;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/after_entry_on.png);
	background-size: 1.7rem 1.7rem;
	vertical-align: middle;
}
.ac_co_list_reg2:before {
	content: "";
	display: inline-block;
	left: 0;
	top: 0;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/before_entry_on.png);
	background-size: 1.7rem 1.7rem;
	vertical-align: middle;
}
.ac_co_list_noreg {
	margin-right: 2.8rem;
}
.ac_co_list_noreg:before {
	content: "";
	display: inline-block;
	left: 0;
	top: 0;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/before_entry_off.png);
	background-size: 1.7rem 1.7rem;
	vertical-align: middle;
}
.ac_co_list_noreg2 {
	margin-right: 2rem;
}
.ac_co_list_noreg2:before {
	content: "";
	display: inline-block;
	left: 0;
	top: 0;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/after_entry_off.png);
	background-size: 1.7rem 1.7rem;
	vertical-align: middle;
}
.ac_co_list_wrap {

}
.ac_co_list_wrap ul {
	
}
.ac_co_list_wrap ul li {
	display: flex;
	align-items: center;
	padding: 2rem 0;
	border-bottom: 0.1rem solid #f6f6f1;
}
.ac_co_list_wrap ul li:last-child {
	border-bottom: 0;
}
.ac_co_list_info_img {
	display: inline-block;
	width: 1.7rem;
    height: 1.7rem;
	margin-right: 0.4rem;
}

/* ac_co_detail */
.act_co_detail_wrap {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 0.1rem solid #f6f6f1;
}

body .date-picker-wrapper .month-wrapper table {
    float: none;
}
body .date-picker-wrapper .gap {
    display: none;
}
body .date-picker-wrapper .month-wrapper table.month2 {
    float: none;
}
body .date-picker-wrapper .month-wrapper {
    width: 202px !important;
	border: 0;
}
body .date-picker-wrapper .drp_top-bar {
    padding: 10px 0;
    width: 202px;
}
body .date-picker-wrapper .drp_top-bar.normal .default-top {
    display: block;
}
body .date-picker-wrapper .drp_top-bar .normal-top {
    display: block;
}
body .date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0;
    top: 1.1rem;
	width: 1.5rem;
	height: 1.5rem;
    padding: 0;
    margin: 0;
    font-size: 0;
    border-radius: 0;
    cursor: pointer;
    color: 0;
    border: 0;
    background: 0;
}
body .date-picker-wrapper .drp_top-bar .default-top {
    text-align: center;
	font-size: 1.4rem;
	color: #898989;
	font-family: 'Noto Sans KR',nsq,sans-serif;
}
body .date-picker-wrapper {
	left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: #fafaf7;
    padding: 0 1.2rem;
	border-radius: 1rem;
}
body .date-picker-wrapper .start-day, body .date-picker-wrapper .end-day {
	display: block;
	width: 18.5rem;
	height: 1.7rem;
	margin: 1rem auto 0;
	font-family: 'Noto Sans KR',nsq,sans-serif;
	font-size: 1.2rem;
	color: #ffffff;
	text-align: center;
	line-height: 1.7rem;
	background: #76c5b8;
	border-radius: 1.7rem;
}
body .date-picker-wrapper .month-wrapper table .day.now {
    background-color: #bae2db;
}

/* footer_smart */
#ft_bottom ul li.ft_sb img {
	width: 4.3rem;
}

/* smart_intro */
.sb_intro_container {
	position: relative;
	height: 100%;
	background: #ffffff;
}
.sb_intro_img_wrap {
	padding-top: 9rem;
	text-align: center;
}
.sb_intro_img_wrap img {
	width: 20.4rem;
}
.sb_intro_logo_wrap {
	padding-top: 3rem;
	text-align: center;
}
.sb_intro_logo_wrap img {
	width: 17.25rem;
}
.sb_intro_text {
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
	padding-top: 3.3rem;
}
.sb_intro_copy {
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	width: 100%;
	font-size: 1rem;
	color: #555555;
	text-align: center;
}
.sb_intro_progress_wrap {
	width: 19.3rem;
	margin: 0.8rem auto 0;
}
.ui-progressbar {
	position: relative;
}
.progress_label {
	font-size: 0.8rem;
	color: #64c2cc;
	text-align: right;
	font-weight: bold;
	margin: 0;
}
.ui-widget.ui-widget-content {
	border: 0;
	border-radius: 0.4rem;
	height: 0.4rem;
}
.ui-widget-header {
	background: #64c2cc;
	border-radius: 0.4rem;
	height: 100%;
}

/* smart_home */
.sb_home_link_wrap {
	display: flex;
	justify-content: space-between;
}
.sb_home_link_box {
	position: relative;
	display: block;
	width: calc(50% - 0.6rem);
	height: 21.2rem;
}
.sb_home_link_inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 19rem;
	border: 0.2rem solid #f1ebdf;
	border-radius: 1rem;
	padding-top: 2rem;
}
.sb_home_link_inner img {
	width: 9.3rem;
}
.sb_home_link_text1 {
	font-size: 1.8rem;
	color: #1e1e1e;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 0.8rem;
}
.sb_home_link_text2 {
	font-size: 1.6rem;
	color: #1e1e1e;
	font-weight: 600;
	line-height: 1.2;
}
.sb_home_link_btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4.5rem;
}
.sb_home_img {
	text-align: center;
	margin: 4.3rem 0 1rem;
}
.sb_home_img img {
	width: 11.9rem;
}
.sb_home_text {
	text-align: center;
}
.sb_home_text span {
	font-size: 1.4rem;
	color: #221815;
	font-weight: 600;
	border-bottom: 0.2rem solid #76c5b8;
	padding-bottom: 0.3rem;
}
.sb_home_search_wrap {
	position: relative;
	width: 100%;
	height: 4.2rem;
	background-color: #fafaf7;
	border-radius: 4.2rem;
	margin: 2rem 0 1rem;
}
.sb_home_search_input {
	width: calc(100% - 4.8rem);
	height: 4.2rem;
	background-color: transparent;
	border: 0;
	padding-left: 2rem;
	font-size: 1.8rem !important;
	color: #221815;
}
.sb_home_search_input::placeholder {
	color: #898989;
  }
.sb_home_search_btn {
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.9rem;
}
.sb_home_list_wrap {

}
.sb_home_list_wrap ul {
	
}
.sb_home_list_wrap ul li {
	border-bottom: 0.1rem solid #e8e8e8;
}
.sb_home_list_wrap ul li:last-child {
	border-bottom: 0;
}
.sb_home_list_wrap ul li a {
	display: flex;
	width: 100%;
	padding: 1rem 0;
}
.sb_home_list_img {
	
}
.sb_home_list_img img {
	width: 9rem;
	height: 9rem;
	object-fit: cover;
	flex-shrink: 0;
}
.sb_home_list_box {
	flex-grow: 1;
	margin-left: 1rem;
	padding-top: 0.4rem;
}
.sb_home_list_name {
	font-size: 1.8rem;
	color: #221815;
	font-weight: 500;
}
.sb_home_list_price {
	font-size: 1.6rem;
	color: #828282;
	margin-top: 0.8rem;
}
.sb_home_search_word_wrap {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-bottom: 1rem;
}
.sb_home_search_word_wrap span {
	font-size: 1.4rem;
	color: #898989;
	margin-right: 0.9rem;
}
.sb_home_search_word_wrap a {
	font-size: 1.5rem;
	color: #ffffff;
	background: #76c5b8;
	padding: 0.45rem 1.2rem;
	border-radius: 3rem;
	margin-right: 0.5rem;
}
.sb_home_search_word_wrap a:last-child {
	margin-right: 0;
}

/* smart_codelist */
.sb_code_list_wrap {

}
.sb_code_list_wrap ul {
	
}
.sb_code_list_wrap ul li {
	display: flex;
	padding: 1.5rem 0;
	border-bottom: 0.1rem solid #e8e8e8;
}
.sb_code_list_wrap ul li:last-child {
	border-bottom: 0;
}
.sb_code_list_no {
	font-size: 2rem;
	color: #5ab9af;
	font-weight: 500;
	flex-shrink: 0;
}
.sb_code_list_name {
	font-size: 2rem;
	color: #221815;
	font-weight: 500;
	padding-left: 1.5rem;
	flex-grow: 1;
}
.sb_code_list_btn_wrap {
	flex-shrink: 0;
}
.sb_code_list_btn {
	font-size: 0;
}
.sb_code_list_btn img {
	width: 2.4rem;
	margin-left: 0.5rem;
}

/* smart_link */
.sb_link_item_wrap {
	display: flex;
	width: 100%;
	padding: 0 0 1rem;
	border-bottom: 0.1rem solid #e8e8e8;
}
.sb_link_item_img {
	
}
.sb_link_item_img img {
	width: 9rem;
	height: 9rem;
	object-fit: cover;
	flex-shrink: 0;
}
.sb_link_item_box {
	flex-grow: 1;
	margin-left: 1rem;
	padding-top: 0.4rem;
}
.sb_link_item_name {
	font-size: 1.8rem;
	color: #221815;
	font-weight: 500;
}
.sb_link_item_price {
	font-size: 1.6rem;
	color: #828282;
	margin-top: 0.8rem;
}
.sb_link_text {
	display: block;
	text-align: center;
	font-size: 1.8rem;
	color: #0089cf !important;
	margin: 3rem 0;
	word-break: break-word;
}
.sb_link_btn {
	display: block;
	width: 18rem;
	height: 4.2rem;
	background: #5ab9af;
	border-radius: 4.2rem;
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	line-height: 4.2rem;
}
.sb_link_btn_ic {
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/sb_copy_ic.png);
	background-size: 1.7rem 1.7rem;
	margin-right: 0.8rem;
}
.sb_link_qr_wrap {
	margin-top: 6rem;
	text-align: center;
}
.sb_link_qr {
	display: inline-block;
}
.sb_link_qr img {
	width: 8rem;
	height: 8rem;
}
.sb_link_qr_text {
	padding-top: 1rem;
}
.sb_link_qr_text a {
	font-size: 2rem;
	color: #221815;
}

/* smart_qr */
.sb_qr_item_wrap {
	display: flex;
	width: 100%;
	padding: 0 0 1rem;
	border-bottom: 0.1rem solid #e8e8e8;
}
.sb_qr_item_img {
	
}
.sb_qr_item_img img {
	width: 9rem;
	height: 9rem;
	object-fit: cover;
	flex-shrink: 0;
}
.sb_qr_item_box {
	flex-grow: 1;
	margin-left: 1rem;
	padding-top: 0.4rem;
}
.sb_qr_item_name {
	font-size: 1.8rem;
	color: #221815;
	font-weight: 500;
}
.sb_qr_item_price {
	font-size: 1.6rem;
	color: #828282;
	margin-top: 0.8rem;
}
.sb_qr_img {
	width: 18rem;
	height: 18rem;
	border: 0.4rem solid #5ab9af;
	padding: 1.8rem;
	margin: 6.8rem auto 3rem;
}
.sb_qr_img img {
	width: 13.6rem;
	height: 13.6rem;
	object-fit: scale-down;
}
.sb_qr_btn {
	display: block;
	width: 18rem;
	height: 4.2rem;
	background: #5ab9af;
	border-radius: 4.2rem;
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	line-height: 4.2rem;
}
.sb_qr_btn_ic {
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/sb_save_ic.png);
	background-size: 1.7rem 1.7rem;
	margin-right: 0.8rem;
}

/* telo_home */
.telo_home_img_wrap {
	text-align: center;
}
.telo_home_img_wrap img {
	width: 100%;
}
.telo_home_text1 {
	font-size: 1.6rem;
	color: #2c2c2c;
	text-align: center;
	margin: 1.5rem 0 1rem;
}
.telo_home_text2 {
	font-size: 1.6rem;
	color: #2c2c2c;
	text-align: center;
}
.telo_home_text3 {
	font-size: 1.6rem;
	color: #2c2c2c;
	text-align: center;
	margin: 1rem 0 1.5rem;
}
.telo_home_text4 {
	font-size: 1.6rem;
	color: #2c2c2c;
	text-align: center;
	font-weight: 600;
	font-style: italic;
	margin: 2rem 0 1.2rem;
}
.telo_home_btn_wrap {
	text-align: center;
}
.telo_home_btn_wrap img {
	width: 25.9rem;
}
.telo_home_sns {
	font-size: 0;
	line-height: 0;
	margin: 2.5rem 0 0.6rem;
}
.telo_home_sns ul {
	text-align: center;
}
.telo_home_sns li {
	display: inline-block;
	margin: 0 0.4rem;
}
.telo_home_sns li img {
	width: 2.5rem;
}
.telo_home_text5 {
	font-size: 1.4rem;
	color: #2c2c2c;
	text-align: center;
}

/* telo_result */
.telo_result_top {
	position: relative;
	font-size: 0;
}
.telo_result_top_text_wrap {
	position: absolute;
	top: 3.5rem;
	left: 3.3rem;
}
.telo_result_top_text1 {
	font-size: 1.4rem;
	color: #fff;
}
.telo_result_top_text2 {
	font-size: 2.4rem;
	color: #fff;
	font-weight: 600;
	line-height: 2.8rem;
	margin-top: 0.2rem;
}
.telo_result_top_img {
	
}
.telo_result_top_img img {
	width: 100%;
}
.telo_result_wrap {
	position: relative;
	font-size: 0;
}
.telo_result_line {
	position: absolute;
	left: 0;
	bottom: 0.4rem;
	width: 100%;
	display: flex;
	align-items: center;
}
.telo_circle {
	width: 1.05rem;
	height: 1.05rem;
	flex-shrink: 0;
}
.telo_line {
	width: 100%;
	height: 0.2rem;
	flex-grow: 1;
}
.telo_result_ic_wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}
.telo_result_ic {

}
.telo_result_ic img {
	width: 6.2rem;
	height: 5.8rem;
}
.telo_result_text_wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0.8rem 0 4.5rem;
}
.telo_result_text_left {
	text-align: left;
}
.telo_result_text_center {
	position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
	text-align: center;
}
.telo_result_text_right {
	text-align: right;
}
.telo_result_text1 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4rem;
}
.telo_result_text2 {
	font-size: 1.2rem;
	color: #2c2c2c;
	line-height: 1.4rem;
}
.telo_result_text_left .telo_result_text1 {
	color: #735da8;
}
.telo_result_text_center .telo_result_text1 {
	color: #9b48b0;
}
.telo_result_text_right .telo_result_text1 {
	color: #ee3331;
}
.telo_result_message {
	height: 27.5rem;
	border: 0.1rem solid #b5a9d1;
	border-radius: 0.4rem;
	font-size: 1.2rem;
	color: #2c2c2c;
	padding: 0.8rem;
	overflow-y: auto;
	white-space: pre-wrap;
}
.telo_btn_wrap {
	text-align: center;
	margin: 3rem 0 3.4rem;
	font-size: 0;
}
.telo_btn1 {
	display: inline-block;
	margin: 0 0.75rem;
}
.telo_btn1 img {
	width: 11.35rem;
}
.telo_btn2 {
	display: inline-block;
	margin: 0 0.75rem;
}
.telo_btn2 img {
	width: 11.25rem;	
}
.telo_result_text3 {
	font-size: 1.2rem;
	color: #2c2c2c;
	text-align: center;
}
.telo_result_msg1 {
	font-size: 1.6rem;
	color: #2c2c2c;
	text-align: center;
	font-weight: 500;
}
.telo_result_msg_color1 {
	color: #5e2dbd;
}
.telo_result_msg_color2 {
	color: #762ea7;
}
.telo_result_msg_color3 {
	color: #9b48b0;
}
.telo_result_msg_color4 {
	color: #c53159;
}
.telo_result_msg_color5 {
	color: #e2323d;
}
.telo_result_msg2 {
	font-size: 1.4rem;
	color: #2c2c2c;
	text-align: center;
	margin: 1.2rem 0;
}
.telo_result_msg2 .medium {
	font-weight: 500;
}
.telo_result_msg2:before {
	content: "";
	display: block;
	width: 1.3rem;
	height: 0.3rem;
	background: url(../img/dot_ic.png);
	background-size: 1.3rem 0.3rem;
	margin: 0 auto 1.2rem;
}
.telo_result_msg2:after {
	content: "";
	display: block;
	width: 1.3rem;
	height: 0.3rem;
	background: url(../img/dot_ic.png);
	background-size: 1.3rem 0.3rem;
	margin: 1.2rem auto 0;
}
.telo_result_msg3 {
	display: block;
	width: 6rem;
	height: 2.2rem;
	font-size: 1.2rem;
	color: #2c2c2c;
	text-align: center;
	line-height: 2rem;
	border: 0.1rem solid #5e2dbd;
	border-radius: 2.2rem;
	margin: 0 auto 0.8rem;
}
.telo_result_msg4 {
	font-size: 1.2rem;
	color: #2c2c2c;
	text-align: center;
	font-weight: 300;
	margin-bottom: 1.8rem;
}
.telo_result_msg4 .medium {
	font-weight: 400;
}
.telo_result_msg4 .small {
	font-size: 1rem;
}
.telo_result_msg5 {
	display: block;
	width: 7.5rem;
	height: 2.2rem;
	font-size: 1.2rem;
	color: #2c2c2c;
	text-align: center;
	line-height: 2rem;
	border: 0.1rem solid #5e2dbd;
	border-radius: 2.2rem;
	margin: 0 auto 0.8rem;
}

/* telo_intro */
.telo_intro_container {
	position: relative;
	height: 100%;
	background: #ffffff;
}
.telo_intro_img_wrap {
	padding-top: 9rem;
	text-align: center;
}
.telo_intro_img_wrap img {
	width: 20.4rem;
}
.telo_intro_logo_wrap {
	padding-top: 3.7rem;
	text-align: center;
}
.telo_intro_logo_wrap img {
	width: 24.5rem;
}
.telo_intro_title {
	font-size: 2.1rem;
	color: #6336ce;
	text-align: center;
	font-weight: 600;
}
.telo_intro_text {
	font-size: 1.2rem;
	color: #828282;
	text-align: center;
	padding-top: 3rem;
}
.telo_intro_copy {
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	width: 100%;
	font-size: 1rem;
	color: #555555;
	text-align: center;
}
.telo_intro_progress_wrap {
	width: 19.3rem;
	margin: 0.8rem auto 0;
}

/* telo_check */
.telo_check_img_wrap {
	text-align: center;
}
.telo_check_img_wrap img {
	width: 100%;
}
.telo_check_text1 {
	font-size: 1.8rem;
	color: #000000;
	text-align: center;
	margin: 3rem 0 2rem;
}
.telo_check_text1 strong {
	color: #6336ce;
}
.telo_check_text2 {
	font-size: 1.5rem;
	color: #000000;
	text-align: center;
}
.telo_check_select_wrap {
	margin: 0.5rem 0 7.5rem;
}
.telo_check_select {
	display: block;
	width: 18.2rem;
	height: 4rem;
	font-size: 2.4rem;
	color: #636466;
	text-align: center;
	border: 1px solid #6336ce;
	border-radius: 0.8rem;
	margin: 0 auto;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../img/select_ic.png) no-repeat right 15px center #faf9f6;
	background-size: 1.25rem 0.75rem;
}
.telo_check_list {
	padding-bottom: 3.5rem;
}
.telo_check_list li {
	padding: 3.5rem 2rem;
	background: #f9f9f9;
	text-align: center;
	margin-bottom: 2rem;
}
.telo_check_list_no {
	display: block;
	width: 9rem;
	height: 4.2rem;
	font-size: 2.4rem;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	background: #6336ce;
	border-radius: 4.2rem;
	line-height: 4rem;
	margin: 0 auto;
}
.telo_check_list_text {
	font-size: 2rem;
	color: #363636;
	text-align: center;
	margin: 2.5rem 0 2.2rem;
}
.telo_check_radio_wrap {
	text-align: center;
	font-size: 0;
}
input[type=radio].telo_check_radio {
	display: none; 
}
input[type=radio].telo_check_radio + label { 
	display: inline-block;
	width: 14rem;
	height: 4rem;
	font-size: 2rem;
	color: #898989;
	text-align: center;
	line-height: 3.8rem;
	background: #ffffff;
	border: 0.1rem solid #898989;
	border-radius: 0.8rem;
}
input[type=radio]:checked.telo_check_radio + label {
	color: #ffffff;
	background: #6336ce;
	border: 0.1rem solid #4924a0;
}
input[type=radio].telo_check_radio:first-child + label { 
	margin-right: 1rem;
}
.telo_check_btn_wrap {
	text-align: center;
}
.telo_check_btn img {
	width: 29rem;
}